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

相关推荐

  • D1-交互设计入门

    一阶段:1.交互设计基本原则2.平台特性及其设计规范3.做交互设计的方法,工具4.掌握交互设计的基本流程二阶段:1.特定控件设计,2.特定界面设计3.独立常用功能设计三阶段:1.多项功能设计2.方法研究,总结3.竞品和优秀产品分析4.最新的系统和产品分析5.了解前段技术四阶段:1.产品架构2.设计趋势3.产品发展趋势Windows 用户体验交互设计规范http://www.uxguide.net/wiki/windows:HomeiPh...

    微信热点 2018-04-07
  • Axure 原型 | 用Axure画流程图

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放吻得太逼真张敬轩 - Urban Emotions作者:陈张良来源:简书用Axure绘制流程图好处是可以随时预览,比较灵活。不过就是没有Visio那么多模板和强大的功能。Axure默认的流程图控件:其实我们最常用的是:矩形、菱形、箭头。因为这些基本图形其实并没有形象的表明它们是什么,更多的还是需要使用者根据自身的流程实际情况多加注释,所以大部分流程图只需使用这两个控件即可。Axu...

    2018-03-04
  • Banner设计之平面构成的奥秘

    我之前说过要写一系列专门针对电商的三大构成的文章的,而在上篇文章中我已经给大家梳理了一篇关于色彩的文章:六个步骤细说电商banner图设计之色彩的奥秘,那么今天呢,我就接着要给大家讲一篇关于平面构成的文章好了。

    2017-05-19
  • 工具类产品设计的8个准则

    之前阅读了原研哉大神《设计中的设计》一书,书中提到了一个很有意思的概念:再设计。再设计的理论,是想让我们通过忘掉设计对象已有的现状,追根溯源,对设计对象进行再次设计,从而加深大家对设计对象的理解。

    2017-05-24
  • 从零开始做交互

    书名:《从零开始做交互》 作    者:阿西UED [button title="百度阅读:传送门" url="http://yuedu.baidu.com/ebook/6d8b975a49649b6648d7479d" color="default" size=""/] [button title="网易云课堂:传送门 " u…

    2015-07-02
  • 看Google设计师设计的细腻动效

    好的动效设计,从来不以炫酷作为目的。

    2017-05-15
  • 作品集讲座 | 交互设计与工业设计的关系?

    专注艺术留学作品集辅导前几期克瑞斯带同学们分析了景观设计、建筑设计和室内设计三大专业。今天为大家分享艺术作品集比较热门的交互设计和工业设计专业,对于交互设计,许多同学们都不太了解,甚至因为同样涉及到产品,因此容易和工业设计混为一谈 ,今天克瑞斯就来跟大家详细讲一讲交互设计与工业设计的区别,希望同学们在选择专业上更加清晰明了。如今的工业设计变得非常的宽泛,它本身就是一个非常需要人们来思考的概念思维,并且它的设计思维都是从产品的整体外形线条...

    2018-03-31
  • 交互设计工作坊探秘 | WTM 2018 实录

    重构购票流程的信息架构假期将至,你打开再熟悉不过的订票网页,輸入出发日期、目的地、人数,选择了最合适时段的火车票,预定、付款,整个过程不超过 3 分钟。关闭网页后,你甚至不会记得支付后的画面到底显示了什么,因为这一切流畅的就像呼吸般的自然。4 月 14 日,我们邀请到了春秋航空的高级交互设计师——程琳琳,带领一群对交互设计有热情的伙伴们,以欧洲铁路局的项目为范本,一起重现购票流程的信息架构,让大家了解这流畅的购票交互设计是通过什么方法一...

    2018-04-28
  • 如何加入AxureRP模板库会员

    点击边框调出视频工具条会员简介加入AxureRP原型库会员后可以获取社群中的全部元件库及付费原型模板(后续更新免费),节省您画原型70%的时间,聚焦业务逻辑和行业积累才是根本。通过我们的会员群能第一时间获得产品及原型设计方面的解答帮助,同时还有仅对会员开放的私有干货分享不限于产品课程、PRD文档和产品书库等诸多福利。社群服务,量化才有价值1.每两个月提供一份全新的AxureRP项目原型模板,by 三杠;2.免费下载社群中已有的所有干货资...

    2018-03-24
  • 移动设备上的劝导式设计(译)

    本文围绕劝导式设计(persuasive design)而展开,介绍了移动终端上banner广告、push信息等典型的劝服失败案例,并从用户与移动设备之间的情感联系出发,探讨了移动劝导策略的几个切入点。所谓劝导式设计,是指通过说…

    2015-08-04