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

相关推荐

  • 混合型界面:对话式UI会走向何方?

    2016年是对话式设计之年。消息应用正以惊人的好评度和参与率,占领世界和app store的排行榜。每个社区产品、应用市场、点播服务、约会应用、社交游戏和电商产品,为了提高好评度、参与率和销量,都已经或即将加入消息功能。

    2017-05-11
  • 作为交互设计师,都应该尝试的低保真原型测试

    即便你是一名如此经验丰富、作品惊艳、才思敏捷、手法高超、声名显赫、有强大号召力……的设计师,如果你还未亲手尝试过低保真原型测试,我依旧会推荐此方法。

    2017-05-09
  • 抢先看:微信官方发布的微信应用号(小程序)设计规范

    微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的,旨在微信生态类建立有号、高效、一致的用户体验的同时,最大程度顺应和支持各业务需求设计,实现用户与程序的共赢。

    2017-05-18
  • UI设计师最该考虑微交互的设计

    前言什么是微交互?微交互是用户在完成某个小任务时产生的交互体验。例如,解锁手机就是一个微交互,手机调成震动模式时会震一下也是一个微交互。为什么称为“微交互”呢?所谓的“微”其实就是指的产品的细节设计。微交互正在成为产品设计中越来越重要的部分。正如同Charles Eames曾经所说,“细节并不只是细节,它是构建起整个设计的基本元素。”你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘...

    2018-04-20
  • 【软件安装】Axure RP 7.0软件图文安装教程

    1、会员覆盖工作、学习、生活娱乐,并不断更新更多有价值的精品软件2、安装中有任何问题请咨询小白资料网私人微信:xbzw88888888【特别推荐】加小白官方微信:xbzw88888888,就可免费领取:快速入门自学视频课程Axure RP 7.0软件图文安装教程软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的...

    2018-03-13
  • 关于交互设计细节,这里一个Case 就是 Pinterest的APP端,我们一起解读一下吧。

    Pinterest有着极棒的交互设计细节,同时,它构建的交流平台有十分丰富的设计作品。要知道,绝佳的设计能吸引新用户去更好的体验产品。 Pinterest是我经常使用的一个App,在我同时关注的好几个有关于UI和UX设计平台…

    2015-01-26
  • 五个提升用户体验的分析要素

    原文链接:https://uxdesign.cc/analytics-for-better-ux-c0128c0da55e用户体验是区分产品优劣的核心元素。为了提高转化率,你会试着仔细的检查产品的用户体验,但是应该如何着手呢?你要如何找到痛点并弄清用户的真正需求呢?不去研究调查就编造借口,觉得你知道确切问题所在当然是很轻松的。但是你必须保持谦卑,机敏,通过客观的分析来得出结论。流行的分析软件挺多的,列举一些:Google Analyti...

    2018-03-02
  • 作品集总结|本科建筑跨专业申请交互设计?Dream School还是皇艺?这可能吗?

    PS-ONE#20180504建筑背景,申请交互设计跨专业申请结果如何?本科建筑,转专业申请交互设计Master?并且Dream School还是世界第一的RCA皇家艺术学院?在经历了PS-ONE历时8个月的内部评审后她如愿以偿了吗?。。。。。。8个月后爱丁堡大学,get拉夫堡,get交互设计,是细节非常复杂的专业涉及到的知识点、设计思维,对转专业申请者来说,是很苛刻的所以拿到爱丁堡、拉夫堡这样强势院校的Offer已经是很不错的结果了但...

    2018-05-04
  • Adobe XD 中文汉化包 - UI/UX design in Adobe Experience Design

    Adobe XD 中文汉化包 - UI/UX design in Adobe Experience Design

    2016-03-30
  • MacBook Pro 真机上手:Touch Bar 究竟是不是好设计?

    9 年前,iPhone 的诞生,多点触控开始成为一种全新的人机交互方式。 4 年前,当一票“超极本”不加思索地把触控移植到电脑屏幕上,时任苹果工业设计师的 Jonathan Ive 说: 多点触控放在笔记本的显示屏上……不太适合。…

    交互设计 2023-03-03