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

相关推荐

  • 交互设计 | 张艺谋这样玩儿

    3 月 4 日,张艺谋导演的观念演出《对话·寓言 2047》在上海大剧院正式演出。在连演两场之后,他们将移师广州和杭州,共同组成《对话·寓言 2047》第二季的演出。尽管被称为第二季,但此次演出的内容与去年 6 月在国家大剧院上演的第一季大体相似。开场仍旧是 71 岁的蒙古族老人其布日一边编织着麻绳,一边唱着悠扬的蒙古长调。背景中,美国先锋艺术家 Daniel Wurtzel 利用空气动力学原理,让一块云纱在舞台上翩翩飞舞。在这个段落之...

    2018-03-06
  • 【干货】2018年APP交互设计趋势

    全感官体验人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉浸式”体验印象。2018年我们将会看到更多以虚拟+实体组合的全感官体验方式,用户在交互过程中获取更多维的与真实场景匹配的信息反馈(听觉、嗅觉、触觉等),加深对信息的理解和体验记忆。运用案例全感官体验目前在游戏领域有了较为广泛的探索。《星舰指挥官》一改沿用十几年的鼠标,键...

    2018-02-18
  • 今天的互联网设计师很有“钱途”,如何才能更好地理清自己的发展方向?

    哪种设计师价值更高?如何才能更好地理清自己的发展方向?本文将对交互设计师(或者称UI设计师)发展的三部曲——器、势、人分别进行讲述。全是干货分享,好好吸收吧,因为这三部曲基本会贯穿你的职业生涯。我要不要学XX软件啊?软件要不要报班啊?一个四十岁的土老板,每天最多的事就是接打电话。老板每天可能会打几百个电话,这个频率是你们想象不到的,他可能随时随地都在打电话,而很少用微信、QQ。传统手机接打电话非常方便,按下按钮或翻盖闭眼都能接电话,用智能机反而不方便,所以他希望自己用的还是传统手机。但是传统手机太低端了,老板担心同行和下属嘲笑他,就很纠结——于是我们的手机就诞生了。任何项目第一保证的都是效率。

    2017-05-17
  • 重磅消息!Adobe又出新神器了!

    Adobe Experience Design CC(预览版)官方介绍 原文: 今天,我代表Project Comet团队非常兴奋地向大家宣布:Project Comet将更名变成Adobe Experience Design CC(预览版),简称Adobe XD。 今天我们在Mac OS平台…

    2016-03-15
  • 译文|用户体验的秘诀是什么?

    我常被问到的问题之一是:“你在用户体验过程中的思维是怎么样的”或者“如何你如何把用户的个人资料转化成可以有形的事物,比如说‘界面’”。

    2017-05-28
  • 为什么你爱用的 App,都用卡片式设计?

    今天这篇文章,将全面介绍「卡片式设计」,看完之后,你会知道为什么爱用的 app 都喜欢用这样的设计。设计的时候一定要思考用户会如何使用他的拇指在界面上交互。所以,界面内容的大小一定不要让用户在交互时感到不适。——译者注注:Masonry 是一个对系统 NSLayoutConstraint 进行封装的第三方自动布局框架,采用链式编程的方式提供给开发者 API。

    2017-05-04
  • Mate S、S6 edge+用户交互设计对比体验

    每年竞争激烈的手机市场中都会带给我们消费者惊喜。在配置性能等硬实力愈发相近的情况下,各厂商在外观,材质,以及操作系统包括界面优化,交互设计等方面都下足了功夫,来为消费者提供具有各具特色的使用体验,以…

    2015-11-10
  • 交互式网站UI设计指南

      Web开发社区有着大量的交互式设计轻松解决方案。虽然现在大多数网站都能够做到交互性了,但是我们需要不断向前、创新。我们很容易将注意力集中到编码方面,但是有时候不同屏幕尺寸的实际设计考虑却往往被忽视。 …

    2014-12-23
  • “桥”的创想——中安创谷“创业者之桥”设计全球征集于中科大正式启动

    📌 编辑 | P.S3月15日,中安创谷创业者之桥设计全球征集启动会于中国科学技术大学西区成功举办。标志着全球征集活动正式启动。来自中国科学技术大学、合肥工业大学、安徽大学、安徽建筑大学的师生、本地孵化机构负责人、创业团队、媒体代表等近200人参加了启动会。中安创谷科技园是中国当下以“众创空间、孵化器、加速器、产业基地和基金集群”为主要业态的科技园代表之一,“创业者之桥”作为连接一期、二期园区的重要纽带,对园区的整体性及交通流线起着重要...

    2018-03-17
  • 译文 | 我为什么喜欢丑陋的,凌乱的界面

    漂亮的,新颖的,干净的,简洁的,极小化。在有关设计的讨论中这些单词频繁出现。看下面的这个优秀作品集收集网页:http://www.creativebloq.com/portfolios/examples-712368。单词“漂亮的”被用了6次,“简单的”被用了11次,仅仅还是在一篇文章中。

    2017-05-24