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

产品体验系列模块正式启动啦~

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

本期思考

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

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

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

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

产品体验系列相关:

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

《UX设计师手机必备APP》

希望对你有所帮助,如有不同的看法可以后台留言,我们一起琢磨琢磨。下期再见~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,194评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,058评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,780评论 0 346
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,388评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,430评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,764评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,907评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,679评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,122评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,459评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,605评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,270评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,867评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,734评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,961评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,297评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,472评论 2 348

推荐阅读更多精彩内容