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

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


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

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

你好,这是2017年的第三篇文章。

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

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

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

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

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

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

QQ邮箱

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

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

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

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

毒物APP

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

iPhone有个功能是下滑调用全局搜索功能,因为下载的APP太多,所以我经常使用这个功能来搜索定位APP。如下图,当你唤起搜索时,系统会帮你保存上次搜索的内容,并默认全选中。细想一下这个设计真是太贴心了,因为用户启动搜索,存在两种可能:

  1. 继续上次的搜索内容;
  2. 输入进行新的搜索。

这个设计很好的兼顾了这两种情况。

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

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

iPhone全局搜索

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

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

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

QQ

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

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

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

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

有道云笔记

6. 将反馈变得有趣

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

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

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

same

7. 用滑动代替点击

给朋友发信息,发现中间少打了个字,常规做法是用手指选中漏打的区域,再打上缺少的字。但是由于手指与屏幕接触区域过大,而且手指会部分挡住文字,所以经常点了好几次都不能点准。这个时候很多人会删掉重新打一行。

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

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

搜狗输入法

8. 随机奖励

2016年被称为知识付费元年,得到APP率先一步抢占了用户心智,产品定位为知识服务。用了半年的得到,专栏内容很专业,实实在在的干货。虽然有很多产品设计的细节有待优化,但是随即奖励这个设计真是值得表扬。这其实是借鉴了游戏的做法,因为游戏产品为了抢夺你的注意力,费尽心思,随即奖励就是其中一招。

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

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

得到

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

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

相关阅读

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

#专栏作家#

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

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

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

(0)
CatherineCatherine
上一篇 2017-05-06 20:10
下一篇 2017-05-06 22:05

相关推荐

  • 怎样绘制用户体验地图

    内容来自梁宁老师的《产品思维30讲》,这里是第17讲的笔记。怎么画用户体验地图1.完整的用户角色:需要对「第一只羊」有完整地了解。 (「第一只羊」的话题留在下次介绍)2.清晰的目标和预期:清晰描述用户的目标和预期,他为什么来到你的草地上?他要什么?比如,用户买钻孔机,但是他的目标不是拥有钻孔机,而是需要在墙上打个洞。比如吃饭,用户目标是吃饱?还是想要营造气氛?还是想获得一次交流机会?搞清楚用户的目标和预期到底是什么。3.服务触点:用户从...

    2018-04-01
  • 搞定老板第一步!如何准确描述自己的设计?

    @姑娘贩子 (手机淘宝设计师):如何准确描述自己的设计,这个问题困扰了我很久。这篇文章希望通过回溯淘小铺2.1项目的整个设计过程,从另一个角度,尝试解答这个问题。 这篇文章原本的标题是“小铺2.1用户分层引导…

    2015-11-24
  • 小欣浅谈 | 用户体验为什么如此重要

    前言说到我们日常所使用的那些产品和服务,我们对它们的情感可谓爱恨交织。它时而让我们为之欢呼雀跃,时而让我们感到挫败沮丧。时而让生活变得简单明了,时而使生活复杂无常。即使这样,我们每天还要和不计其数的产品打交道。而我们的产品开发人员,注意力的重点往往在95%以上都放在产品本身,而用户使用过程中的体验却常常被忽视。而这部分,常常成为一个产品投入市场后的隐形“杀手”。|糟糕的用户体验以我们办公室的饮水机为例:加水的按键分为“高\中\低”三档,...

    2018-04-16
  • 提高交互技能点,一些常见移动端交互方法

    “在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。

    2017-05-30
  • 让你的设计拥有高转化率的配色知识简明指南

    互补指的是我们视野中色彩和色彩之间相互补足的关系。选择色轮中处于相对位置的色彩,构成的配色 方案令双眼觉得和谐。最常见的互补配色有两种,三元配色和复合配色,我们将稍后探讨。
    对比则可以将不同的元素区分开来,从而降低视觉疲劳,构建出视觉重心和焦点。元素之间的高对比度让文字更容易被识别,引导用户注意到更关键的信息。背景和背景之上文本的色彩选取就是一个非常常见的对比度的问题,我们会随后聊到。
    色彩对于用户的情绪上的感染也是一个重要因素。

    较小的文本应当确保至少和背景之间有4.5:1的对比度比率
    较大的文本(14pt粗体,18pt常规)应当确保和背景之间的对比度超过3:1

    2017-05-22
  • 设计一个快速提升用户体验度的网站架构

    点击上方“公众号”可以订阅哦渔哥服务☆ 网站建设:网站结构、网站功能、关键字策划、网站SEO、设计与开发。☆ 整合营销:品牌形象文案策划、产品销售概念策划、产品销售文案策划。☆ SEO优化:SEO排名优化、论坛营销、口碑营销、公关活动等病毒传播。☆ 托管服务:市场分析、受众分析、品牌与产品分析、全网整合营销推广。☆ 微信运营:微信公众号开发、朋友圈广告、微信运营活动、微商城搭建。☆ 定制培训:专业施教团队、完整课程体系、实际项目操作、低...

    2018-04-08
  • UI|人性化交互设计 美食订餐网站

    类别:美食网站设计:BASOV(乌克兰)今天品牌先生为大家分享乌克兰 BASOV 工作室设计的一款美食订餐的网站。从选餐到订餐下单,设计师进行了很便捷的交互设计,让网站尽到最大的便捷和简约,这样客户也会爱上这样的网站。网站的建立不单单是界面UI设计出漂亮的界面,包括客户的需求和网站的结构等等,此款网站在前期原型交互设计上的用心在图中也都体现了出来。▼(品牌先生独家整理,转载请告知或注明出处)UI-- END --请点击下方“阅读原文”去...

    2018-02-21
  • 中国App设计真好!—— 一个美国人到中国当产品经理的心得

    导读:应用软件层出不穷,各个国家的人为自己生活的便利设计出各款的应用。然而,同样的应用,是否会因为中西方文化的差异,或者是生活方式的不同,导致相同应用的设计有所不同吗?是的,有的!Dan Grover 现在是腾…

    2015-02-10
  • 一文看清过去一年电商用户体验怎么样?

    导读:过去1年电商在对待消费者方面,有没有尽力?它们都干了哪些事?日前,电子商务研究中心发布的《2017年度中国电子商务用户体验与投诉监测报告》显示,2017年通过在线递交、电话、邮件、微信、微博等多种投诉渠道受理的投诉案件数同比增长48.02%,下半年受到电商各大节日影响增速加快。据电子商务消费纠纷调解平台监测数据显示,2017年零售电商类投诉占全部投诉60.59%,比例最高;生活服务电商紧随其后,占据13.47%;跨境电商投诉占比为...

    2018-03-28
  • 百度高级UI设计师:规范、方法、一致性,真有那么重要?

    本文来自百度用户体验部高级UI设计师大牙的佳作,此文是她对自身工作的一种思考:一个遵从设计规范,按照所谓的系统设计方法,步步推导而来的解决方案,是否真的就是一个好的设计?你的答案是怎样?不妨一起来看看大牙的吧~

    2017-05-02