产品体验日记 | 发现优秀的设计-02期

一个有趣的微交互可能让用户“爱上”这一功能,不自觉地就会点开它,如果在这个交互中引入情感传递功能,比如宠物类主题的产品或功能模块,点击后出现一只淡淡的猫爪,或者一个笑脸等,也可以在推送文案中带上情感的文字。不同的文案和图片总会引起一些不同情感。

1.支付宝

设计点:对用户的操作进行预判,预判结果大概率满足大部分人即可,体验设计的行为 是将产品变的更聪明(既产品与用户交流、解决问题时),操作预判就是体现“聪明”的设计点。

以前在支付宝给好友转账时你可能遇到过在聊天窗口直接将数字发送给对方的尴尬体验,新版支付宝针对这一问题进行了很好的优化。在好友聊天窗口输入纯数字,系统会自动弹出“给对方转账xx元”的悬浮条提示。点击悬浮条即可进行一键转账操作。这个细节的优化不仅修复了以前的问题提升了产品易用性,也更加突出了支付宝作为支付工具的功能属性。

2.有道云笔记

设计点:记住用户的小习惯和记住密码一样方便。体贴的产品关心用户喜好——《交互设计精髓-第8章-数字产品的礼仪》

第三方授权登录因其无需注册降低了体验成本也利于快速整合用户资源,越来越受到产品设计的青睐。但新的困扰又出现了:如果你不总是使用同一个第三方账号去授权登录不同App,很有可能会记混淆授权账号。有道云笔记的登录页上自动提示了上次登录的ID信息,对于总是忘记登录账号的人来说 瞬间有种被拯救的感动。很小的一个细节却让人对产品的好感度蹭蹭往上涨。

3.爱彼迎

设计点:场景细分,将一个流程细分为多个场景,根据当前场景考虑用户最需要的点

注册流程中,爱彼迎将该流程拆分成了4步,每个页面致力于只做1件事情,不知不觉中减少了用户的认知负荷,进入界面时键盘自动弹起(自动提供相应的键盘),减少了用户操作次数,当App注册流程出现问题时,产品团队也可以及时发现定位到哪个步骤出了问题,譬如为什么验证码会发送会有延迟。同时文案的处理方式也感觉是在聊天,而不是“审问”,这才是表单录入该有的样子。

4.VUE

视频的编辑处理通常比较耗费时间,当辛苦了大半天编辑好准备存储时,你肯定不想出现什么差错,所以VUE在这里告诉用户不要急着退出,防止视频保存失败,并采用长方形的顺时针进度条,打破存储时枯燥无预期的形式,简约不失时尚感,让用户既能专注于内容本身,又能缓解存储等待时的焦虑情绪。这份仪式感也充分体现了”操作中有反馈”的交互原理。

5.掌上生活

设计点:有效的组织信息能达到简化流程的目的

在各平台购买电影票时我们都会遇到同一个困扰 :好不容易选好影院与片子还要在电影放送时间与座位上做选择,如果位置不合适就需要不断退出当前页面切换其他场次查看。这种需要多次跳转切换页面的操作十分麻烦也不利于对电影不同场次的可选座位进行对比。招行信用卡的官方APP”掌上生活”在这一块儿的设计就特别人性化:同一影院里某部影片的所有排片场次信息都可在一个页面里切换查看并进行选座,减少了不必要的页面跳转、简化了操作流程也为用户对比排片信息提供了方便。

6.微信读书

设计点:设计源于生活,将现实场景映射到设计中

读纸质书时我们习惯将书签卡在书页上方来标记阅读进度,然而如果是电子书你会期待怎样的书签添加方式呢?”下拉添加书签,松手删除书签”,”微信读书”用交互手势轻松实现了给书本添删书签的功能。带有弹力感的滑动过程让下拉的交互流畅有爽感,模拟纸质书书签放置习惯的书签出现位置让用户感到合理而亲切。完成本次阅读退出App等到下一次再进入应用时,用户阅读记录最近的那本书会自动翻开至添加书签的那一页,这个小细节的设置对使用体验而言也是很棒的加分项。

7.夸克浏览器

设计点:密密麻麻的英文字母,想要从中插入或补全都是件非常费眼的事,将常用的后缀、符号、光标操作提前为用户准备好,将会大大降低录入成本

大多数浏览器会将地址栏放在页面顶部,夸克浏览器却特立独行地将搜索框与地址栏整合到一起放置到页面底部。离键盘更近的距离,让用户进行输入操作更轻松。此外,应用在输入网址时还贴心地为用户提供了一个快速补全工具条,用于一键输入常用网址的符号与后缀。工具条中间还放置着一个可以移动输入光标的“摇杆”,这个功能在进行复杂网址输入的时候相当有用,真的比手机系统自带的光标移动方式方便灵活太多了呢~

8.QQ音乐

对于音乐类的App而言,播放器肯定是操作频次最高的部分之一。为了方便用户在进行App其他版块浏览时仍可对音乐播放进行操控,各家音乐产品都有将播放器缩小在页面置顶或底部显示的设计,但通常仍需回到播放器页面内才能进行歌曲切换的操作。QQ音乐的做法是将播放器常驻页面底部,在当前页面直接通过对模块的左右滑动操作就能轻松实现歌曲切换了。巧妙利用手势滑动进行歌曲切换,不仅简化了用户对播放器的操作路径,由于操作逻辑与播放页面借助左右按钮切歌保持一致也很符合用户对换歌操作的习惯与认知。不过,新的交互方式也带来了一些感知上的成本,所以更新后首次进入APP时会有一个新手引导。

9.滴答清单

如果你急需一款帮你合理规划时间与高效完成任务的效率类应用,“滴答清单”会是一个不错的选择。这款应用最常见的使用场景是作为用户的待办事项清单,可随时记录并同步工作与生活任务的完成进度,还可对待办任务设置特定时间提醒。最近在使用“滴答清”时,还发现了一个很棒的提醒设计:当你在当日凌晨00:00以后设置今天的任务安排,App会贴心的提醒你当前时间已过凌晨,别把“今天”错当成“明天”。凌晨过后时间点的变更是很容易被用户忽略的细节,这个具有前瞻性的提醒设计很好地帮用户避免了因疏忽错误设置任务时间的状况,实用又贴心(当然这个设计也需要看产品本身的定位,像该款式清单工具类,那必然是发挥其特有产品属性)。

10.PC端团队展示hover效果

团队展示界面的hover效果,就让人意想不到眼前一亮:当鼠标移入到单个成员的半身像时,原本正襟危坐的照片会变成另一张展示该成员个性或喜好的搞怪照片。原照片展示了成员在工作中严谨专业的一面,这样的设计利于团队的归属感与凝聚力提升,也展现了团队的开放、活力、创新、年轻化。

本期思考

【微交互如何在产品设计中体现价值?】

最好的产品通常会做好两件事情:功能和细节。功能能够吸引用户这个产品、帮用户解决相应的问题,而细节则能够让的用户留下来且产生好感。值得注意的是,功能和细节两者都很重要,但是功能居首,细节次之,也可以理解为:视觉服务于功能。

不过,让用户喜欢或者讨厌一个产品,往往起源于细节。随着交互动效的大规模普及,我们现在所看到的许多细节设计,都可以归类于微交互。虽然在整体性的设计当中,微交互似乎显得微不足道,但从产品体验角度来讲,它是密不可分的。

一个有趣的微交互可能让用户“爱上”这一功能,不自觉地就会点开它,如果在这个交互中引入情感传递功能,比如宠物类主题的产品或功能模块,点击后出现一只淡淡的猫爪,或者一个笑脸等,也可以在推送文案中带上情感的文字。不同的文案和图片总会引起一些不同情感。即使在产品表现一般的情况下,微交互也可以是守住用户负面情绪的最后一道防线,甚至还有一些惊喜层面的彩蛋设计,这些都是保证用户注意力长时间停留的一个点。并且在产品同质化严重的时代,微交互能作为差异化、品牌化设计的一个突破口。

UXD笔记(公众号)

作者:h梓暄

(0)

相关推荐

  • 产品体验日记 | 发现优秀的设计-01期

    抖音.头条.微博这类信息流产品,核心产品指标永远是用户的浏览时长和深度,所以在产品设计的时候是无所不用其极,去吸引用户不断的刷下去,不管是算法还是UI,都在想办法吸引用户去不断地消费内容,忘记时间. ...

  • 十二的产品体验日记-01期

    体验产品,发现优秀设计,知其然亦知其所以然,做言之有物的设计.主要含括了网易云音乐APP.毒APP.Nike SNKRS APP 的微动效交互-等优质APP的体验以及设计细节.小伙伴们可以作为参考. ...

  • 产品体验报告 | 要深度分析,不要表面赏析

    某个时间我们下载了许多优秀的APP,定了伟大的目标"每天赏析一款优秀产品,学习前沿的交互和视觉风格,努力提高自己的审美和眼界,确保在工作中能迅速找到参考^_^-" 嗯,相信大家都有 ...

  • 优秀网页设计的基本原则

    一个优秀网页设计具备的一些基本原则 操作方法 01 1 .确定网页设计的内容 一个优秀的风站要有一个明确的主题,整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有 ...

  • 这些基本的提升产品体验知识你应该知道

    在UI设计中,我们常常说用户体验至上,什么是用户体验?我们的产品为什么能够留住人?为什么那么多人爱用?这都是值得思考的问题.前几天我在体验一款产品注册输入验证码的时候发现,键盘能够自动获取到手机的短信 ...

  • 如何系统性提升中后台产品体验

    自18年6月底介入电商中后台交互设计工作以来,笔者有幸做了很多和以往的交互设计不太一样的工作,除了日常需求的交互设计支持以外,更多的精力放在了系统整体体验提升和设计规范上.本文整理了之前在中后台体验优 ...

  • 关于动效赋能产品体验的思考

    会AE的设计师有很多,似乎动效已经是设计师的标配,但你懂得如何利用动效提升产品体验吗?什么是动效呢?动效就是使UI富有表现力且让产品易于使用的元素和表现手段. 设计师在工作中经常会收到"我觉 ...

  • 21幅优秀招贴设计作品欣赏

    小编话:今天给大家带来的是来自设计派的优秀招贴设计作品欣赏.当大家设计网页的同时可以借鉴一下海报的设计,字体的设计,色彩的搭配以及独特的排版.希望大家能从中获取灵感. 原文链接:设计派

  • 国外优秀字体设计作品集

    小编:今天分享一波风格各异的英文优秀字体设计作品.一款好的字体设计能让人过目不忘,既起着传递信息的功效,又能达到视觉审美的目的,一起欣赏吧. 希望有你喜欢的字体.