专栏名称: 互联网er的早读课
专注互联网产品、用研、交互、设计、运营领域精选内容。信息爆炸的社会,每天用心的去读一篇文章,也许胜过你的走马观花。每早八点,我们等你。
目录
相关文章推荐
新浪科技  ·  【近5年#我国每年产生超4亿台废旧手机#,# ... ·  18 小时前  
新浪科技  ·  【#英伟达涨约4%#】 ... ·  4 天前  
36氪  ·  新帅就位,耐克要起航丨智氪 ·  4 天前  
51好读  ›  专栏  ›  互联网er的早读课

那些打动人心的APP设计

互联网er的早读课  · 公众号  · 科技媒体  · 2017-03-02 08:30

正文

数十万互联网从业者的共同关注!


作者:邹志楠。作者授权早读课转载
公众号:UE修养(ID: UXxiuyang)
编辑:Dva


作者说:你好,这是2017年的第三篇文章。

能用、好用、爱用,这三个层次往往被用来形容互联网产品。能用是基础,说明用户可以通过该产品来解决实际问题;好用是每个互联网从业者都在追求的,让用户在使用产品过程中更省心省力,不会出现焦虑或不耐烦;而能做到第三个阶段爱用的公司和产品屈指可数。

在最近使用APP时,我关注了一些打动人心的APP设计,很小的设计点,但是走心。介绍给你,希望对你有所启发。


1.把发邮件变成一次纸飞机的飞行


QQ邮箱,每次发送邮件时,会在右上角出现一个纸飞机的图标和进度条。把发邮件给的过程暗喻成一次纸飞机的飞行,增添了不少童趣,加上配套的音效。让我每次用QQ邮箱发送邮件时,都多了那么一点期待。


我们看看常规的设计:把发送邮件的等待过程,换成不停转动的小菊花(加载图标),并配上文案:邮件正在发送中,请稍后。这样一对比,是不是觉得qq邮箱的这个小设计更加打动人心?

QQ邮箱


2.点击底部标签栏,就可以回到顶部


用iPhone的人都知道,iPhone有个很贴心的功能,即点击通知栏,就可以将页面的内容回到第一屏,我是这个功能的重度用户。但是这里有个痛点,因为通知栏位置太高,单手操作很困难,操作成本偏高。


毒物,一个导购类的APP,产品以内容为主。


当用户在首页向下浏览太多屏之后,它的标签栏第一个图标会变成倒三角,文案变成了回顶部,单击后即可回到第一屏。妈妈再也不用担心我点击通知栏回第一屏了。回到首页常用的做法还有在页面右下角出现一个悬浮icon,单击可回顶部。

毒物APP


3.为用户下一步操作的做设计


iPhone有个功能是下滑调用全局搜索功能,因为下载的APP太多,所以我经常使用这个功能来搜索定位APP。


如下图,当你唤起搜索时,系统会帮你保存上次搜索的内容,并默认全选中。


细想一下这个设计真是太贴心了,因为用户启动搜索,存在两种可能,①继续上次的搜索内容;②输入进行新的搜索。这个设计很好的兼顾了这两种情况。


同样为用户着想的设计还有,当G-sensor开启时,用户旋转手机屏幕会跟着旋转;滴滴打车时,滴滴会为你智能推荐终点位置。这种设计方式是很重要的一条设计原则,我把它称为“智能化”原则,让设计更智能,真正的为用户着想。

iPhone全局搜索


4.解救强迫症的滑动去除小红点

APP都在用小红点来刺激用户点击,这让很多强迫症患者很苦恼。QQ提供了一种折中方案,依然用小红点提醒有未读消息,但是允许你轻轻一滑去除小红点,再也不用一条一条去打开未读消息列表来清除小红点了。大笑三声:哈哈哈哈~


QQ

5.在不打扰用户的前提下,提示用户


手机验证码登录和第三方一键登录,简化了注册登录流程,减低了用户的操作成本。但是新的问题来了,有些APP我是用微信一键登录的、有些是用微博、QQ、豆瓣、等等。怎么办?


有道云笔记,通过悬浮框提示你上次的登录账号,轻松解决了这个问题。


有道云笔记


6.将反馈变得有趣


当页面内容加载完后,再上滑也滑不出什么。一般的APP做法是允许用户将页面上滑,松手后页面恢复。

来看看same是怎么做的。same在页面底部设计了一个尖叫鸡,你上滑的越多,鸡尖叫的越大声。仿佛在说,神经病别往上拉了,没内容了。而且线性的图标设计也与same整体视觉风格保持了一致。


same


7.用滑动代替点击


给朋友发信息,发现中间少打了个字,常规做法是用手指选中漏打的区域,再打上缺少的字。


但是由于手指与屏幕接触区域过大,而且手指会部分挡住文字,所以经常点了好几次都不能点准。这个时候很多人会删掉重新打一行。


搜狗输入法通过左划和右划来移动光标的位置,亲测成功率百分之百。具体做法是,在搜狗输入法界面上,左右滑动,来调节光标的位置。


搜狗输入法


8.随机奖励


2016年被称为知识付费元年,得到APP率先一步抢占了用户心智,产品定位为知识服务。用了半年的得到,专栏内容很专业,实实在在的干货。


虽然有很多产品设计的细节有待优化,但是随即奖励这个设计真是值得表扬。这其实是借鉴了游戏的做法,因为游戏产品为了抢夺你的注意力,费尽心思,随即奖励就是其中一招。


因为奖励是随即的,用户不知道什么时候会获得奖励,让人有种莫名其妙得了好处的感觉。会加深对产品的影响,并提高好感。


得到


打造用户喜欢的产品,让产品从能用、好用到爱用,是每个互联网从业者的使命,为你的APP增添一些打动人心的小设计,不失为一个好办法。当然前提是该设计能为用户带来价值,千万不要为了设计而设计。  


如果你也发现了一些打动人心的小设计,欢迎在公众号UE修养,给我留言。说不定会让更多的人看到你的发现。


投稿邮箱:[email protected]

本文由作者授权早读课发表,转载请联系作者。


优秀人才不缺工作机会,只缺适合自己的好机会。但是他们往往没有精力从海量机会中找到最适合的那个。

100offer 会对平台上的人才和企业进行严格筛选,让「最好的人才」和「最好的公司」相遇。 

扫描下方二维码,注册 100offer,谈谈你对下一份工作的期待。一周内,收到 5-10 个满足你要求的好机会