长图交互设计案例
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
长图交互设计案例
1、付款时自动点亮屏幕
在现代社会出门已经不带现金了,貌似什么都可以用手机付款。
在付款流程中,支付宝和微信都会在点开二维码界面加亮手机屏幕。
想一想,如果没有这个功能,是不是每次屏幕亮度过低对方识别不了二维码时,你不仅要增加加亮屏幕的操作,还要忍受忘记加亮屏幕导致扫码失败而带来的挫败感?
有些设计,往往感觉不到它的存在,可是一旦没有,便会带来不便,产生挫败和焦虑。
这就是好的设计点,也是作为设计师平时要去积累的。
同理,王者荣耀英雄死亡时,屏幕变暗,减少耗电量~
2、复制中的放大功能
iOS中长按拖动会复制文本,在复制过程中,长按的拇指会挡住选择的文字,在选择区域上方出现的放大器,能很好的解决阻挡的问题。
这个功能太常见,以至于我们忽略了它,不过好的设计就是让人感觉不到,不是吗?
3、二次元世界的注册登录
bilibili,一个由二次元爱好者构建的视频王国。
第一次使用就被它的注册登录页面所俘获,让对用户来说枯燥多余的注册登录过程变得生动有趣。
输入账号时,上面的两个动漫人物是睁着眼睛的,输入密码时两个萌萌的动漫人物会遮住自己的眼睛。
4、隐藏敏感信息
当在说产品时,大家总喜欢拿苹果举例,苹果以用户为中心、以设计为驱动,做出来的系统和硬件多好。
这个原因是综合的,但是我觉得最重要的是微交互,苹果有的功能竞争对手几乎都有,但往往用户会被很多小细节打动。
苹果在考虑
各个产品时的细节时所走得心,在双击HOME键唤起正在运行的软件时,如果后台运行的软件涉及到重要信息,会给缩略图进行高斯模糊处理。
虽然对内在的机制不清楚,但是猜想应该是苹果提供了接口,APP调用后就可以实现这种效果。
5、自动进入编辑短信页面
iOS中当短信列表为空时,点击打开短信APP,会直接进入编辑短信页面。
6、一般人发现不了
用Google Map搜索路线,选择步行,当步行时间过长,步行的小人会多个拐杖。
7、实时的启动icon
iPhone在启用时,时钟和日历的icon就会启动,icon中显示的日期和时间是随着时间变化的,显示的就是此时此刻的日期和时间。
8、音乐APP中的文艺青年:网易云音乐
网易用个性化的推荐和丰富的社区内容,在音乐市场杀出了一条血路,让其他老牌音乐APP望尘莫及。
除了个性化的推荐、社区,优秀的产品交互也是不可或缺的亮点。
网络不好或断网状态,和网络正常,这两种情况打开APP,默认的标签页是不一样的。
断网时会直接前往本地的“我的音乐”,网络正常则是“发现音乐”页。
没网的时候发现个毛线音乐,只能是听本地音乐了。
9、给用户更多的自主权
加载过程是技术所限不得不出现的形态,如果网络一直稳定,而且速度极快,其实就不存在加载过程。
但这是不可能的,至少在目前情况下来说。
如何减轻加
载过程中的用户焦虑,高德的做法也许是其中之一。
当加载时间过长,允许用户取消加载过程,去完成其他任务。
10、预测用户目的地
最近易到和乐视的新闻又占据互联网头条,而此时的滴滴,已经估值300多亿美元已经成为互联网出行领域的绝对龙头。
当打开滴滴时,滴滴会根据你以往的打车数据,预测目的地,如果预测对了,直接点击选中,免去了输入搜索目的地的步骤,降低了用户的操作成本。
11、点击底部标签栏,就可以回到顶部
iPhone有个很贴心的功能,即点击通知栏,就可以将页面的内容回到第一屏。
但是这里有个痛点,因为通知栏位置太高,单手操作很困难,操作成本偏高。
毒物,一个导购类的APP,产品以内容为主。
当用户在首页向下浏览太多屏之后,它的标签栏第一个图标会变成倒三角,文案变成了回顶部,单击后即可回到第一屏,回到首页常用的做法还有在页面右下角出现一个悬浮icon,单击可回顶部。
12、断点续传
下载时由于网络或者其他原因终止了下载过程,恢复下载时,则会接着已经下载的部分开始下载,这便是断点续传。
13、只看自己喜欢的
腾讯视频顺应民意推出的只看谁谁谁的功能,提供更加个性化的选择,可能会是一个不错的产品方向。
14、下拉刷新的妙用
一闪APP凭借其强大动图社交功能,俘获了众多文艺用户。
不过今天要说的是它的刷新动画,一般的下拉刷新基本是菊花加刷新文案的形式,而VSCO 将刷新文案变成了当地的天气,这可比什么下拉刷新、松开开始刷新等等文案强太多。
15、为用户下一步操作的做设计
iPhone有个功能是下滑调用全局搜索功能,因为下载的APP太多,所以系统会帮你保存上次搜索的内容,并默认全选中。
细想一下这个设计真是太贴心了,因为用户启动搜索,存在两种可能:
1、继续上次的搜索内容;
2、输入进行新的搜索。
这个设计很好的兼顾了这两种情况。
同样为用户着想的设计还有,当G-sensor开启时,用户旋转手机屏幕会跟着旋转;滴滴打车时,滴滴会为你智能推荐终点位置。
这种设计方式是很重要的一条设计原则,我把它称为“智能化”原则,让设计更智能,真正的为用户着想。