美文网首页IT专题推荐02-产品UE Design
那些打动人心的APP设计(1)

那些打动人心的APP设计(1)

作者: 邹志楠 | 来源:发表于2017-02-26 20:46 被阅读2483次

你好,这是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增添一些打动人心的小设计,不失为一个好办法。当然前提是该设计能为用户带来价值,千万不要为了设计而设计。

相关文章

  • 那些打动人心的APP设计(1)

    你好,这是2017年的第三篇文章。 能用、好用、爱用,这三个层次往往被用来形容互联网产品。能用是基础,说明用户可以...

  • 那些打动人心的APP设计(2)

    这是2017年的第7篇文章。 上周写了一篇文章《那些打动人心的APP设计》,总结了八个APP的小设计点,这些小设计...

  • 那些打动人心的APP设计(上)

    [交互设计] [用户体验] 情感化的文案、趣味动画、贴心小功能……这些注重细节的设计都是站在用户体验的视角,去认真...

  • 那些打动人心的APP设计(5)

    这是2017年的第16篇文章。 不知不觉这已经是该系列的第五篇文章了,平均每篇文章会介绍十个打动人心的APP设计。...

  • 那些打动人心的APP设计(4)

    你好,这是2017年的第12篇文章。 自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种...

  • 那些打动人心的APP设计(3)

    这是2017年的第10篇文章。 据说总结出100个打动人心的APP设计点,就能召唤神龙,还没看过前两篇文章的,请补...

  • 那些打动人心的APP设计细节你知多少?

    不可否认,被我们经常挂在嘴边的设计规范、方法及一致性对我们日常工作很重要。它可以提升操作一致性、提高工作效率、延续...

  • 《瞬间打动人心的设计》

    《瞬间打动人心的设计》 TED演讲人气之王,村上春树御用平面设计师。 讲述设计背后的故事。《瞬间打动人心的设计》是...

  • 打动人心的APP

    能用、好用、爱用,这三个层次往往被用来形容互联网产品。能用是基础,说明用户可以通过该产品来解决实际问题;好用是每个...

  • 《IDEO,设计改变一切》小结

    第1章 打动人心 | 设计思维不仅仅是形式 创新的三个空间 灵感:即那些激发人们找寻解决方案的问题或机遇;...

网友评论

  • e400af76c901:666受益匪浅
    邹志楠:@3px 哈哈
  • e400af76c901:表示qq拖动消除小红点太贴心了,一天不知道要用多少次。:joy::joy::joy:
    邹志楠:@3px 是的
  • different_loyal:打算把你推荐的这些app下载都体验一下:grin: ,谢谢分享
    邹志楠:@你可以叫我鑫仔 不客气
  • AncientMing:牛逼了,之前输入位置有左右两个按钮。以前一直是点击按钮调整输入位置的,不知道什么时候开始,那两个按钮没有了。最近一段时间,想要在两个字中间输入一个字,怎么点都点不中,差点卸载搜狗输入法!要不是没找到更好的输入法,还真的卸载了。今天看了此文,直接碉堡了!原来换成左右滑动了,试了,很好用。碉堡~
  • 蔡大树:学到很多
  • 揚灵:用户体验的时代
  • 丁小新:马上测试了一下搜狗输入法的左右滑动,真的很方便哈👍
  • 蓝湖产品设计协作:尖叫鸡的那个设计确实有意思
  • 0f89c89c1688:又学到很多😍

本文标题:那些打动人心的APP设计(1)

本文链接:https://www.haomeiwen.com/subject/oifawttx.html