产品体验系列模块正式启动啦~
每期分享10个优秀设计+1个思考;
灵感、方案、审美、眼界 来源于日常储备。
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效果,就让人意想不到眼前一亮:当鼠标移入到单个成员的半身像时,原本正襟危坐的照片会变成另一张展示该成员个性或喜好的搞怪照片。原照片展示了成员在工作中严谨专业的一面,这样的设计利于团队的归属感与凝聚力提升,也展现了团队的开放、活力、创新、年轻化。
本期思考
【微交互如何在产品设计中体现价值?】
最好的产品通常会做好两件事情:功能和细节。功能能够吸引用户关注这个产品、帮用户解决相应的问题,而细节则能够让关注的用户留下来且产生好感。值得注意的是,功能和细节两者都很重要,但是功能居首,细节次之,也可以理解为:视觉服务于功能。
不过,让用户喜欢或者讨厌一个产品,往往起源于细节。随着交互动效的大规模普及,我们现在所看到的许多细节设计,都可以归类于微交互。虽然在整体性的设计当中,微交互似乎显得微不足道,但从产品体验角度来讲,它是密不可分的。
一个有趣的微交互可能让用户“爱上”这一功能,不自觉地就会点开它,如果在这个交互中引入情感传递功能,比如宠物类主题的产品或功能模块,点击后出现一只淡淡的猫爪,或者一个笑脸等,也可以在推送文案中带上情感的文字。不同的文案和图片总会引起一些不同情感。即使在产品表现一般的情况下,微交互也可以是守住用户负面情绪的最后一道防线,甚至还有一些惊喜层面的彩蛋设计,这些都是保证用户注意力长时间停留的一个点。并且在产品同质化严重的时代,微交互能作为差异化、品牌化设计的一个突破口。
产品体验系列相关:
希望对你有所帮助,如有不同的看法可以后台留言,我们一起琢磨琢磨。下期再见~