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

你好,这是2017年的第12篇文章。自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种产品。在同质化越来越严重的今天,这些产品的微交互,是用户喜欢或讨厌一个产品的重要原因,不容被忽视。


你好,这是2017年的第12篇文章。自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种产品。在同质化越来越严重的今天,这些产品的微交互,是用户喜欢或讨厌一个产品的重要原因,不容被忽视。

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

31. 及时出现的翻译按钮

在使用国外产品时,经常会收到全英文邮件,每次看到右下角出现的翻译悬浮按钮,总会会心一笑。这已经是第三次介绍QQ邮箱的微交互了。另外两条可以翻阅前三篇文章。

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

QQ邮箱

32. 快速浏览内容

由于智能手机的尺寸特点等原因,瀑布流的信息展现形式成为主流。而上下滑动是最合适的对应操作,通过上滑和下滑,浏览对应的信息,几乎成了每个人潜意识中的操作。但,如果瀑布流内容过多,而我们需要快速浏览时,该怎么办?微云APP的做法是在界面右侧,出现类似索引的控件。拖住后上下滑动可以快速的浏览内容。

同理:点击美团左上角的地点,弹出的地点列表,右侧的字母索引。这是同样的设计思路的不同表现形式。

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

微云

33. 付款时自动点亮屏幕

有多少人和我一样,出门已经不带现金了,貌似什么都可以用手机付款。在付款流程中,支付宝和微信都会在点开二维码界面加亮手机屏幕。想一想,如果没有这个功能,是不是每次屏幕亮度过低对方识别不了二维码时,你不仅要增加加亮屏幕的操作,还要忍受忘记加亮屏幕导致扫码失败而带来的挫败感?

有些设计,你往往感觉不到它的存在,可是一旦没有,便会带来不便,产生挫败和焦虑。这就是好的设计点,也是作为设计师平时要去积累的。

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

微信

34. 有一个巧用标签栏icon的例子

淘宝前段时间更新了,据说这是第一次设计为主导的软件大版本更新。在满足了能用的前提下,怎么用的更爽显得越来越重要。

原来标签栏的首页,变成了一个淘宝的标志,当在首页往下翻时,icon会变成一个向上的火箭,暗示点击可以回到首屏。标签栏的icon终于不在是简单的两个状态了(选中和被选中),该系列第三篇文章介绍的猎豹浏览器、第一篇文章介绍的毒物APP,都采用了类似的设计手法。

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

淘宝

35. 一般人发现不了

这是最近找到的微交互案例中我最喜欢的,因为太不容易发现了,发现之后默默在内心给Google的设计师点32个赞。

用Google Map搜索路线,选择步行,当步行时间过长,步行的小人会多个拐杖。请默默看图,在心里说句牛逼。

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

Google Map

36. 给用户更多的自主权

加载过程是技术所限不得不出现的形态,想一想,如果网络一直稳定,而且速度极快,其实就不存在加载过程。但这是不可能的,至少在目前情况下来说。

如何减轻加载过程中的用户焦虑,高德的做法也许是其中之一。当加载时间过长,允许用户取消加载过程,去完成其他任务。

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

易到用车&高德

37. 工具栏并非一成不变

对当前页面的操作,一般都会放在页面底部的工具栏,例如今日头条的工具条就有留言、查看留言、收藏、分享操作。来看看最美应用是怎么巧妙处理单调的工具栏的。

当界面主内容是正文时,工具栏显示的是对正文的评价,用户滑到评论区后,工具栏便会变换为留言,并且工具栏可以通过左右滑动来切换。该系列第三篇文章介绍的QQ音乐,底部的播放器控件,也支持左右滑动来进行切换。

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

最美应用

38. 让单调的过程变得有趣一点

春季不健身、夏季徒伤悲。keep的推荐课程对于我这种零基础的人来说真是个贴心实用的好功能。但是我们这个系列讨论的是微交互,不对核心功能点进行过多展开。

在健身过程中,重复或维持某个动作时,界面中会出现名人名言,说白了就是打鸡血和灌鸡汤的话,但确实有用。做平板支撑要坚持一分钟的时候,打打鸡血也还是可以的。

画外音:健身的时候其实看纪录片是个很不错的选择。

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

keep

39. 隐藏敏感信息

当在说产品时,大家总喜欢拿苹果举例,你看,人家苹果以用户为中心、以设计为驱动,做出来的系统和硬件多好。但你有想过到底为什么好么?这个原因是综合的,但是我觉得最重要的是微交互,苹果有的功能竞争对手几乎都有,但往往用户会被很多小细节打动。苹果在考虑各个产品时的细节时所走得心,这个你是否认不了的。

在双击HOME键唤起正在运行的软件时,如果后台运行的软件涉及到重要信息,会给缩略图进行高斯模糊处理。我虽然对内在的机制不清楚,但是猜想应该是苹果提供了接口,APP调用后就可以实现这种效果。

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

iOS

40. 路痴的福音

翻了翻高德的更新日志,在V7.8.0版本上线了室内导航的功能,并且,可以看到商城每层的情况,简直就是路痴的福音,在室外不让你迷路,在室内也不能让你迷路。高德还有到站提醒等贴心的功能,大家可以自行去发掘。

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

高德

总结

美国设计师Victor Papanek层说过:天下没有大作品。在把握大的设计方案的前提下,把每个设计细节(微交互)考虑好。本着智能化、人性化的原则为用户着想,那么设计出来的产品应该都不会太差吧。

相关阅读

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

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

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

#专栏作家#

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

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

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

(0)
CatherineCatherine
上一篇 2017-05-04 20:22
下一篇 2017-05-04 22:30

相关推荐

  • 设计如何操纵人的想法—来自于Google的设计伦理学家

    作者:Tristan Harris 译者:@Steve-Mr 与 @WayneMaa 和 Oscar Wei   愚弄人们,要比让人们相信自己被愚弄了简单。 我十分了解科技如何劫持我们心理上的弱点,这也是过去三年,我在谷歌研究防止上亿人的心智被科技…

    交互专题 2017-08-07
  • 交互设计延伸阅读:格式塔心理学5项法则的学习与思考

    格式塔心理学5项法则的学习与思考 最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非…

    交互设计WiKi 2015-08-27
  • 你离互联网产品经理,只差一句自我肯定!

    从2014年开始,伴随着越来越多产品人转岗心路历程的分享,产品壹佰为此专门开辟专栏,记录了他们这一段学习路程中的点点滴滴。他们之中,有对未来茫然无措的大学生、不甘于现状的互联网从业者、郁郁不得志的传统行业人、孤立无援的产品新人以及举步维艰的创业者……在他们的诉说中,有着转岗前的不安、惶恐,也有刚转岗成功的喜悦、激动,更有成为产品经理后自我知识的输出!分享!如今,这些记录成长历程的人儿们如疾风般快速的蜕变着,梦想实现,更幸运的是,其中的出...

    微信热点 2018-03-10
  • 美团外卖前端可视化界面组装平台 —— 乐高

    1 简介 乐高,是美团点评一个快速搭建后台系统页面的平台。名称来源于大家熟悉的丹麦知名玩具品牌,他们的玩具都是通过组合易拆卸、装配的零件,形成最终的作品。经过长期的发展,乐高品牌渐渐有了“快乐、想象、创…

    2017-06-12
  • 从零开始学交互:经验分享之基础阶段一

    【对用户体验设计的理解】 对于我个人而言,喜欢以咬文嚼字的方式去理解一个新的词语,这正是汉字的艺术所在。用户体验设计=用户体验+设计。一说到设计,很多人会联想到绘画、创意、各种漂亮的手稿。这是对艺术和设…

  • 【用户体验】从了解用户的注意力开始,创造更优秀的用户体验

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】刚下班回家,今天又没时间写教程了。。。委屈这是一篇源自心理学家和 UX设计师的关于人类注意力研究的文章。在产品团队中,用户体验设计师的工作是输出高可用性、易用性的可交互数字产品。当我们在设计这些产品的时候,我们花费了大量的时间来探索不同的研究方法,了解不同用户的行为、习惯和需求。对于绝大多数的用户而言,在行为模式和心理结构上有着相似的地方,只要有意识地探索,我们能够更好地了解人类的认知过...

    2018-04-04
  • 设计规范 | 详解组件控件结构体系:导航类

    本文作者将详细阐述组件控件结构体系中的导航系统,分别为7类:底部标签式导航、分段控制式导航、列表式导航、下拉菜单式导航、抽屉式导航、宫格式导航和卡片式导航。enjoy~

    2017-04-27
  • 交互设计案例-闲鱼产品分析

    闲鱼·产品分析 Completion Date    Completer    闲鱼Versions       Phone Type March 11,2015     niu hang      V_2.1.3_Android     MEIZU MX4 Pro 1.战略层 用户需求:闲置物品的买卖(包括且不限制于二手物…

    2015-05-07
  • 交互留学 | 交互设计中人机工程学应用的11个小贴士

    许多手机的设计都存在一个问题:从表面上看很不错,但当你真正使用它的时候,你会发现设计者忽略了一个最重要的因素—人机工程学,与人类肢体(而不是其他)相匹配的高超艺术才是设计界的幕后英雄。对工业设计师来说…

    2017-08-01
  • 视觉设计-文字编排的易读性

    在视觉设计工作中,大家总习惯将重点放在图标和色彩上。但实际上,作为一个阅读类app,思考如何让文章更易于阅读是和图形、色彩处理同等甚至更为重要。 在设计工作中,如果有100个人就会有100种设计理论,我认为并…

    2014-09-08