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

相关推荐

  • 最浓缩的概念:交互是什么?交互的本质及如何理解

    在使用一种产品或东西的整体过程。而无论这个使用行为是有无目的导向。本身这个过程,即是交互的本质。而任何一个交互的过程中必定存在交互对相,及交互的媒介。在这里,我先声明一下哦。以下的分析过程可不那么容易跟得上,思维与对生活细节观察力不够的,请直接跳过。但,以下的内容是当年我在新加坡修用户体验时,在交互过程一环中的必修环节。做好心理准备,那就开始看吧。题外话:而如果想改进这一环节,那么在提升交互环节的效率方式手段上,也无非只能是,1,提升硬件能力来加速。2,减少多余软件操作环节。3,有无改变硬软件间关系的其它模式?题外话:而如果想改进这一环节,那么在提升交互环节的效率方式手段上,也无非只能是,1,提升硬件能力来加速。2,减少多余渠道操作环节,如展开一个个目录,或通过其它模式打开。3,提升系统本身效率。产品设计的体验层级关系:
    核心层:产品本质体验层。---这产品是为达成什么用户目的而生的。
    中间层:产品使用过程中的体验层。---这就是我们所有产品中的交互层。
    最表层:产品的视觉体验层。---这部分就是UI〜我们也知道约炮软件其实并没有什么用,但为什么能相对留存久呢?也就是在于用户在心理层上有侥幸心理。同时加上其在媒体上潜意默化的某某成功的宣传。所以,让用户的心理否定延后。所以,相对来说,知道没什么用,但还是久留一下看看。但大多有头脑的。基本上也在一段时间后最终放弃。

    2017-05-25
  • 设计新人容易陷入哪些误区?又如何回归设计的本质

    关于体验设计,很多书里面都会讲到这三个方面:商业模式、技术和设计本身。有时会把这三者合而为一,叫用户体验,所以用户体验的概念是很广的,以至于很多入行的新人对体验设计产生很多的认知误区。

    2017-05-21
  • 快速用 Sketch 绘制30个图标

    长得好看的人都已关注操作分解:一个正方形,两个同等直径的圆形即可完成,最后旋转多选矩形 Edit 后可以一起改圆角正方形不停地裁剪一个椭圆加长方形,复制即可圆角矩形加两个不同大小的圆合成小矩形旋转角度,最后拉下 Radius 即可选中锚点删掉,调下倾斜度,复制合成添加锚点一拉一调添加左右两个锚点的时候放大比较容易处理号细节锚点的 radius合成后记得 Flatten 下,就可以选择锚点加 radius添加钢笔锚点,并且 Show Gr...

    2018-04-09
  • 【交互】浅析交互设计

    点击上方"人人都是产品经理"可以订阅哦由于在工作中会经常探讨交互该怎么做以及如何做出高效的交互,今天就整理下自己的思路,和大家一起探讨下交互其实分为两种:一种是酷炫的动效,一种是隐形的操作反…

    2017-08-04
  • 12家公司2018春招开启,内推进行中!20W高薪岗位面向18/19届!

    春招现已全面开启cherry整理了春招开启以来还可以内推的公司请大家仔细浏览遇到心仪公司把握住机会不要错过拿到offer才是要紧事注:以下所有公司均可通过互联派内推,后台回复【内推】即可获得内推方式!可内推公司公司:今日头条面向人群:2018届&2019届工作地点:北京、上海、深圳、武汉职位分类:研发类产品类运营类市场类职能类网申时间:2月12日起网申地址:https://job.toutiao.com/2018/公司:蚂蚁金服面向人群...

    2018-03-03
  • 应届毕业生要从事交互设计,需要具备的3种能力

    这次的文章解决的是一个问题,主要是关于应届毕业生应该具备怎么样的能力才能从事交互设计工作。我从比较浅的入口切入,然后简单谈谈我的认识。(这篇文章会比较有趣)我努力工作,几年后要自己创业。吃得苦中苦,方为人上人。(鸡汤了一下)

    2017-05-08
  • 关于交互设计的一些图书网站推荐

    昨日有人在群里提问阿西站长说想读一些关于交互设计图书,阿西站长通过一晚上的搜索和不断的翻阅各种网站,并且结合自己做交互设计的经验给大家汇总了一下适和交互设计人员看的图书和网站。具体如下: 《交互设计之…

    交互设计 2014-11-18
  • 《用户体验要素》:一张图读懂用户体验五要素

    《用户体验要素》是一本讲产品的好书,作者为我们清晰地介绍了关于用户体验的五个要素,五个要素是按照产品的整个生命过程来描述的。产品设计五要素分别是:战略层、范围层、结构层、框架层、表现层。《用户体验要素》说这本书清晰,是因为五个要素很清楚,按逻辑步骤总结出来的。但,这也是这本书唯一清晰的地方了,因为,这本书在细节描述上还是很凌乱的。产品设计五要素对于读这本书而言,能够领会作者的思想就可以,不必要拘泥于具体的细节。原因有二:一是,这本书的细...

    2018-04-04
  • 交互设计新人的核心竞争力

    从实习的第一天起,我就数着日子在过,时间走的太快拦也拦不住,要做要学的事情又太多。转眼七月已经过去,总觉得还是有点后知后觉,花了一个月的时间去适应新环境和新工作,慢慢才知道寻求突破点的重要性,所以今…

    2017-08-04
  • 电梯按钮的交互设计

    开始注意和观察电梯的按钮面板,是因为觉察到自己因常乘的两部电梯设计细节方面的种种不同而陷入了混乱。电梯常常会和自己"想的不一样",即预设的或已建立的心理模型失效了,我们不得不重新审视电梯的操作面板,重新建立心理模型,找到对应的按钮。如果日常常搭乘几部电梯,它们之间的操作规则和心理模型还不一样的话,一是容易让人混乱,二则给人增加了记忆负担,实在是很麻烦。觉得这一小块可操作区域很有趣很值得分析之后,好奇之下找了不少图进行研究,五花八门的设计...

    2018-02-06