APP设计:那些打动人心的设计点(二)

上周写了一篇文章《APP设计:那些打动人心的设计点》,总结了八个APP的小设计点,这些小设计点不是针对APP的核心业务和功能的设计,但会给用户带来一点小便利和小惊喜,就像电影最后的彩蛋,让人期待而心动。紧接着上篇,我们继续说说那些打动人心的APP设计。


上周写了一篇文章《APP设计:那些打动人心的设计点》,总结了八个APP的小设计点,这些小设计点不是针对APP的核心业务和功能的设计,但会给用户带来一点小便利和小惊喜,就像电影最后的彩蛋,让人期待而心动。紧接着上篇,我们继续说说那些打动人心的APP设计。

APP设计:那些打动人心的设计点(二)

9. 可以跳页的页面控制器

作为一名交互设计师,手机里不下个几百个APP,怎么好意思出来见人。但这就遇到一个问题:通过一屛屏的滑动,找到目标APP会很费力,所以我都是通过全局搜索来寻找。今天把玩同事的魅族Flyme系统,发现可以通过点击底部页面控制器来实现屏幕跳页,对于APP重度用户来说简直是福音。只可惜iOS不支持该功能。

APP设计:那些打动人心的设计点(二)

Flyme&IOS

10. 这个设计方案可以解决微信的一个痛点

微信推出的公众号让人人都有机会成为自媒体,阅读朋友圈和公号里的文章也成为了一种用户习惯。当你若有所思的读着文章,突然被微信提示音打断,这个时候你要思考一个哲学问题:我是退出阅读去回消息再回来接着读,还是读完再去回复朋友的消息呢?如果是去回复消息再来接着读,会经历返回到公众号列表——返回到信息列表——点击未读消息——完成回复——回到消息列表——回到公众号列表——找到刚才的公众号——点开刚刚的文章;如果你选择读完再去回复,消息万一很紧急怎么办?如果是女朋友发过来的怎么办?不及时回复,你就准备晚上回去跪键盘吧。

​来看看same是怎么做的?当好友来消息时,会在页面右上角提示是谁发来的消息,点击后便来到聊天界面——回复完成——点击返回、回到了刚刚浏览的页面,嗯,怎么样?是不是没毛病。

APP设计:那些打动人心的设计点(二)

same

11. 多指操作清除后台运行软件

小美是个互联网小白,一天抱怨说苹果也没有想象的那么好吗,用几天就变慢了。我拿过手机,双击HOME一看,卧槽,后台运行了不下40个APP,姑娘,这、能不影响运行速度吗。一个个滑动清除不是要滑动四十多下,我可受不了,这个时候只要放上三个手指一起向上滑动(也支持双指),便能一次清除三个后台APP,工作量一下少了不少,开心。

这个时候同事小张拿着某品牌Android机走过,冷冷的笑到,真SB,Android只需要一键清除就搞定了?我和小美默默的点头~

APP设计:那些打动人心的设计点(二)

iOS正在运行界面

12. 自动填充网址

当你复制或剪切了某个网址时,打开猎豹浏览器,猎豹会自动识别并将网址放到网址栏,这个时候只需要点前往就能直接搜索,省掉了点击网址栏、长按粘贴的步骤。

APP设计:那些打动人心的设计点(二)

猎豹浏览器

13. 智能选座

目前主流的购买电影票的APP,有猫眼和淘票票,我用的最多的是猫眼,就因为它的这个智能选座的小设计打动了我。只要直接选择界面下方的人数,系统就会自动选中最好的观影位置。情侣看电影要坐小角落的,这个功能当我没说~/羞。

APP设计:那些打动人心的设计点(二)

猫眼A&淘票票

14. 记录用户操作,给予温馨提示

使用36kr阅读文章时,如果遇到文章没读完而不小心退出了APP,不用担心。36kr会记录你上次阅读的文章及阅读的位置,在下次打开APP时会用dialog的形式提示你。

APP设计:那些打动人心的设计点(二)
36kr

15. 将操作区域放在单手热区内

不知道从什么时候起,大家都把乔老爷所说的3.5英寸是手机的最佳尺寸的话抛到脑后,手机变得一个比一个大,在带来更震撼视觉效果的同时,也带来了单手不容易操作的问题。解决这个问题最常用的做法有两个,将操作区域设计在单手操作的热区内;第二个是通过某个快捷操作将整体屏幕向下移动(iOS轻触HOME键)。第一种做法是APP级内的解决方案,第二种则属于操作系统级的解决方案。

APP设计:那些打动人心的设计点(二)

微信读书&得到

微信读书APP便是个好孩子,而得到则没有顾忌到这一点。

16. 智能定位到目标内容

音乐列表里喜欢的歌越来越多,找到正在播放的那首歌的列表页变得困难,QQ音乐则在界面右下角加入定位的小icon,点击后屏幕会滑动到正在播放的歌曲列表。

网站右下角的返回首屏的小icon,和QQ音乐的做法类似。

APP设计:那些打动人心的设计点(二)

QQ音乐

17. 阅读模式,让排版赏心悦目

喜欢苹果产品,是因为苹果的设计处处在为用户着想,用户体验在他们的产品中得到了较为极致的体现。

作为经常使用浏览器查找、阅读资料的我来说,点击iOS的Safari左上角的icon,便能将当前网页的内容,重新排版以便适合阅读,即进入阅读模式。

APP设计:那些打动人心的设计点(二)

Safari

两篇文章,讲了17个小的设计点,这些设计都有一个共同点:设计的出发点是用户,遵循的原则是用户体验设计的原则。智能手机经过了十年的发展,产品设计和开发已经趋于统一,这有两个原因,一是近十年的智能手机的交互都是GUI的交互方式(参考文章:《人机交互的前世今生》),二是用户的使用习惯已经成形,大的交互原则不容易发生更改。

这给设计师的工作带来了挑战,同样也带来了机遇,只有心系目标用户,处处为用户着想,以用户体验设计的原则来设计产品方案,产品就能在同质化的今天脱颖而出。

当然,成功的产品除了优秀的用户体验,也离不开公司的战略布局、产品定位、品牌、运营等等,而这一切的基础是产品真正能为用户带来价值。

相关阅读

《APP设计:那些打动人心的设计点》

#专栏作家#

邹志楠,微信公众号:UE修养,人人都是产品经理专栏作家。交互设计师,专注于互联网产品设计。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23485/

(0)
CatherineCatherine
上一篇 2017-05-05 17:09
下一篇 2017-05-05 19:20

相关推荐

  • 探讨:对话式交互会成为未来主流的交互方式吗?

    本文详细分析了对话式交互的优缺点和应用场景,适合产品经理、UI设计师和交互设计师来阅读。

    2017-05-07
  • 干货!如何做一个让人闻风丧胆的Html5页面

    Specifies the initial zoom factor for the window or viewing area. This is a magnifying glass type of zoom. Interactively changing the zoom factor from the initial zoom factor does not affect the size of the initial or the actual viewport.A two-dimensional transformation is applied to the coordinate system an element renders in through the ‘transform’ property. This property contains a list of transform functions. The final transformation value for a coordinate system is obtained by converting each function in the list to its corresponding matrix (either defined in this specification or by reference to the SVG specification), then multiplying the matrices.The value of the transform property is a list of applied in the order provided. … specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter. … specifies a scale operation using the [1,sy] scaling vector, where sy is given as the parameter.

    2017-06-03
  • 芝加哥艺术学院交互设计硕士成功案例

    等你点蓝字关注都等出蜘蛛网了学生档案毕业院校:北京某大学本科专业:网络设计本科平均分:3.45申请学位:硕士申请专业:交互设计TOEFL:95GRE:无案例回放W同学是2015年10月底进入公司服务体系的,想要申请2017年秋季入学的设计类相关专业。通过第一次电话联系,名校规划导师了解到W同学的基本情况是:北京某大学网络设计专业学生,GPA:3.45,TOEFL:77分,没有GRE成绩。再通过头脑风暴课上的深入挖掘,名校规划导师更全面更...

    2018-04-26
  • [官方]mockplus视频教程:10分钟玩转mockplus

    官方出品教程,10分钟快速了解一下mockplus软件操作基础。 视频免费播放地址

    2015-06-30
  • 福睿斯幸福号春运列车的背后:营销回归用户体验

    爆竹声中辞旧岁,品牌送暖入屠苏。一年一度的春节,不仅是万家团圆的时刻,也是品牌们“秀肌肉”,送暖消费者的黄金期。每到这时,煽情、怀旧、调侃、明星、红包、互动……各大品牌总会使出浑身解数以俘获消费者“芳心”。而今年最暖的,莫过于福睿斯推出的“幸福号春运列车”。今年春节期间,长安福特福睿斯联手凤凰网、12306客户端、高铁杂志《旅伴》等平台,在1月30日至3月31日期间联手为春节回家的朋友打造往返于成都—上海的“福睿斯幸福号”专属列车(D3...

    2018-03-29
  • 记第一份工作

    将近一个月的求职生活,工作算是尘埃落定,现在回过头来看看,想说的很多。 一开始都是抱着美好的向往与想象,奔向自己的理想目标,那股无所畏惧的热血激昂澎湃,这是青春该有的节奏。“现实往往是残酷的”这句话我也…

    交互设计 2015-11-14
  • 4种用户体验研究方法,提升最优化测试

    本文讲述的是户研究与A/B测试相结合,发现问题的真实原因,并进行有效的判断处理。“实验可以证实一个理论,但实验永远无法创造出一个理论。   ” —— 爱因斯坦

    2017-05-09
  • 快速搞定日常专题,我的流程与案列分享

    有一些朋友问我能不能分享一些关于活动专题的,但是我始终觉得我前面分享的已经很多了,在banner上自己去提升和延展就已经是日常的专题活动了。

    2017-05-15
  • QQ国际版视觉探索:准备了两套视觉设计方案

    QQ国际版主要是针对国外用户打造的一款轻量社交产品。由于当前产品迭代周期相对较长,我们对当前视觉提出一个疑问:现有产品的视觉形态,是否符合国际版的产品调性?基于这个问题,我们开启这次探索之旅。

    2017-05-08
  • 从用户体验的视角评析《CSR赛车》手游

    我最近一直在玩《CSR赛车(CSR Racing)》和《CSR赛车:经典(CSR Classics)》,在近期的游戏中我发现,Natural Motion在该系列的核心玩法、货币体系、社交机制和盈利模式中都引入了许多新的花样和用户体验功能,这些新元素的加入为游戏的某些方面带来了更好、更流畅的玩家体验。CSR系列专为手游玩家设计,会话时间极短(10-15秒),玩家们可以在忙碌的间隙进行一场快速竞赛,这是一个非常好的设计。在《CSR赛车》中...

    2018-03-07