童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

App产品原型背后要交代的细节或要理解的原则(四)

9月1日 终不悔投稿
  本文接上一篇《App产品原型背后要交代的细节或要理解的原则(三)》,接着跟大家讲讲产品原型背后要交代的细节和要理解的原则。
  十五、左右滑动切换Tab页签
  很多App的Tab页签,支持左右滑动切换。那么是不是在设计Tab页签的时候都要这样规划呢?
  笔者认为在确定这个方案时,产品经理需要考虑如下:
  (1)明确滑动切换页签的优缺点
  操作步骤上,点击切换和滑动切换都是1个动作事件。只是通常来看,滑动操作比点击操作难度稍低,毕竟点击需要找到触发区。
  另一个方面,支持滑动切换可以覆盖更多用户的操作预期假设用户普遍习惯滑动切换的操作方式。
  但是滑动切换页签的操作本身也有弊端。比如有时候本来是想上下滑动的,但是手指一不小心就滑歪了,于是无意识触发了滑动事件,跳到了另一个页面去,可能就打断用户沉浸式体验。
  (2)基于以上,笔者建议如下
  沉浸式的瀑布流,比如抖音的视频流,不推荐滑切Tab页。
  如果非要做,则将滑动切换触发灵敏度降低。
  内容长度有限,或者阅读速度快的Tab页签,可以使用滑切。比如电商商品的【参数】、【评论】之间的切换。
  除了左右滑动切换Tab,还可以结合下翻切换:如果页面内容较短,那么在下翻至Tab页内容结束的时候,紧接着就切换下一页的内容。比如:
  最后要注意,不管做不做滑切,产品经理都要给予开发人员明确的说明。
  十六、分享功能的“借尸还魂”
  (1)分享的原理
  第三方平台提供了分享接口,目标App对接后,获取了对应权限和功能支持。
  因此在分享事件中,目标App分享出去的内容是“客随主便”:第三方支持什么,分享出去才能做什么。
  通常,内容分享出去之后,会在第三方平台中以一定的格式展示。这种格式不由产品经理设计,而是第三方平台规定的。(产品经理需要确认要展示的内容)。
  在第三方平台中打开分享的内容后,就会基于第三方平台内置环境进行功能展示。通常都会引导用户触发打开App,或到应用市场下载App。
  (2)技术实现方面
  第一步:接口对接,实现第三方系统的授权
  未授权的情况下做分享,会有类似下图的提示:
  第二步:实现功能需求
  以分享小视频到微信为例,若要在微信H5中实现视频播放、点赞等功能,则要基于H5写相关的代码。
  当然也可以使用SDK(SDK通常本身支持多个系统:电脑、安卓、ios、H5等)。
  而前面提到的跳转到APP或应用市场的逻辑,就是校验到本手机没有App则跳转到应用市场下载,校验到已经安装则打开App。
  但是在实现的时候,要了解第三方分享接口是否支持唤醒App。若不能支持,那么就要借助其他方式间接实现需求。
  (3)产品经理要确认的
  确定分享的场景或业务位点
  比如,操纵完成或得到结果时提示分享(如截图后、完成拍照和摄像时)、打开App时出弹层提示分享、胜利完成任务时提示分享(比如王者荣耀连胜的提示“炫耀一下”)。
  确定分享的形式
  主要有:文字或链接地址的分享(比如天猫和淘宝的“淘口令”)、图片分享(静态图片、GIF动图)、音视频类行形(标记它是音频或是视频,并且可以直接在当前页播放);网页分享(带有网页缩略图的)。
  其中网页分享是最常见的。以分享到微信为例,分享过去的网页有自己的格式。比如:同一个内容,从APP或外部浏览器分享到微信,会显示APP的名称和缩略内容,从微信内置浏览器分享的就不会展示这些信息。
  另外注意:分享网页和分享链接是不同的分享形式。前者带有网页自身的缩略内容,后者属于文本范畴的分享,简单原始。
  用户打开的效果是什么
  如果将分享理解为“借尸还魂”引流的话,那么打开分享链接之后,可以以最基础的静态画面呈现,再次点击页面,则引导跳转到App,或引导到应用市场下载App。
  但是,产品经理需要知道,某些第三方的应用不给提供便利,不支持跳转到App。比如微信。
  因此设计时候考虑增加提示“使用本地浏览器打开”(假设浏览器是支持的)。这样就借助一个新的桥梁“假途灭虢”实现需求了。如下图这样:
  最后,让分享自然甚至惊喜
  比如:让用户获得优惠,得到好处(如哈罗单车通过分享获得红包);辅助业务实时共享(如滴滴可以分享行程给他人共享实时位置);邀请好友,分享快乐(如王者荣耀邀请朋友一起组团开黑);分享成就(如游戏获得了九连胜等)。
  十七、【消息】模块设计的关注点
  (1)必要时提供消息归类
  让目标信息曝光增加,同时让消息有条理。
  就好像微信的【订阅号消息】一样,进行归类,给予总入口。
  (2)未读消息提示数字或红点
  为了不给用户负担,不是很要紧的消息尽量使用红点。
  消息数的消除以打开为准,即打开就视为已读。
  (3)历史消息保存留时长
  永久保存在服务器,用户可以通过加载,分批查看历史消息。
  (4)聊天消息记录的操作
  已发出的文字和表情(包括发送失败)
  长按可以转发、删除、复制。
  已发出的音频、图片和视频(包括发送失败)
  长按,可以转发、删除,但不能复制(系统不支持);
  点击,打开预览大图,长按大图,弹出保存按钮。
  发送失败的内容
  增加重复发送按钮,或者点击发送失败的按钮实现重发。
  长按消息记录,弹出的操作框开口方向
  就近原则,若消息在屏幕上方,则操作内容在下方;
  反之,长按后的操作框展示在内容上方。
  (5)消息通知方式
  根据紧要程度,选择横幅通知、锁屏通知、菜单通知。
  建议只对主要的信息用音效,尽量不要骚扰到用户。
  (PS:但是根据经验,一般老板都会要求“骚扰”用户。)
  (待续)
  相关阅读
  App产品原型背后要交代的细节或要理解的原则(一)
  App产品原型背后要交代的细节或要理解的原则(二)
  App产品原型背后要交代的细节或要理解的原则(三)
投诉 评论

Axure教程:模仿有趣的鳄鱼咬人玩具游戏本文教大家如何用Axure实现鳄鱼咬人玩具游戏,一起来看看早上看到一个鳄鱼咬人的玩具,按下鳄鱼的牙齿,会触发机关咬下来,每次触发的牙齿位置都不一样,心里萌生出,这个效果能……原型制作四字诀:整、拆、合、移原型制作是一个老生常谈的问题,笔者分享了自己独有的原型制作的经验,将其归纳为“整”“拆”“合”“移”,并且给出了实际案例,非常具有参考性。前言:大家好,本文主要通过介绍原……AxureRP9教程:中继器实现模块排序本篇文章展示了如何利用中继器实现模块排序,希望对有需要的同学能有所帮助!效果图使用工具AxureRP9beta绘制原型;AdobePhotoshopCC……AxureRP8。0教程:APP列表展示页排版技巧及中继器的移动端APP最常见的界面就是列表界面,如58租房小程序的列表页,本教程主要分享如何优化列表页的排版以及过程中遇到的难点解决方法。效果如下:界面优化一:隐藏滚动条……App产品原型背后要交代的细节或要理解的原则(四)本文接上一篇《App产品原型背后要交代的细节或要理解的原则(三)》,接着跟大家讲讲产品原型背后要交代的细节和要理解的原则。十五、左右滑动切换Tab页签很多App的T……Axure8原型教程:实现滚动效果(小技巧:隐藏滚动条)本文以Axure8为例,给大家演示一下如果做屏幕上下滚动的原型,enjoyaxure推出axure9正式版本,支持黑暗模式,完美契合国内晚上加班的产品同学们,哈哈哈!!!……Axure教程:在线BMI计算器制作本文要制作BMI身体质量指数计算器小案例,将涉及多种事件触发的交互、动态面板的使用等功能,并对原型设计有更深一步的了解。效果预览预览链接:https:icv2qn。……AxureRP9教程:开着小汽车回家本文教大家在AxureRP9中制作小汽车动效,一起来看看人与人的差距就是在不经意间拉开的;人要学会享受孤独,孤独的时候才会想很多。当你凝望深渊时,深渊也在凝望你,当……Axure9原型教程:移动端引导页欢迎页滑屏交互当你第一次打开一款应用的时候常常会看到很棒的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此很多产品都在……Axure教程:如何制作可视化图表?产品经理日常工作中,避免不了需要去设计后台,在后台中需要去实现一些可视化的图表,那么这些可视化图表如何制作呢?产品经理日常工作中,避免不了需要去设计后台,在后台中需要去实……AxureRP8。0教程:58租房小程序价格区间交互教学本期教学为实现【58租房】小程序中租金区间滑动筛选的交互细节,一起来看看效果预览:一、交互逻辑分析1、滑动左右两个滑块,可以动态调节价格区间;2、区间价……App产品原型背后要交代的细节或要理解的原则(三)本文接上一篇App产品原型背后要交代的细节或要理解的原则(二),接着跟大家讲讲产品原型背后要交代的细节和要理解的原则。十一、请求设备授权可以更简捷吗?用户如果未开启……
产品设计背后的逻辑:情感化5个移动设计技巧帮你吸引用户简单与美论SimpleandUsable以互联网思维做好客户端软件B2C网站购物车产品设计之概述(连载)B2C网站购物车产品设计之购物车之业务逻辑为什么App开发商们都想要推送通知提醒?【人人译客】如何规划你的移动电商网站(2)用苹果的方式挑战苹果,看看MIUI6化繁为简的“糖果式”设计【人人译客】如何规划你的移动电商网站(1)产品设计中人物角色的重要性从设计到iOS7原型

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界