提升产品体验愉悦性的十个方法
提升产品体验愉悦性的十个方法-移动阅读二维码

5.键鼠交互

我们通常所说的“人机交互”一般会涉及到键盘、鼠标或触屏设备。特别是受到如今多点触屏设备手势操作的启发,在传统桌面端环境中,围绕着鼠标、键盘的操作特性,打造独特、有趣的交互效果——如果运用得当,这也是提升产品体验愉悦性的良好方式。

todaythe12.com

打开todaythe12.com,你会发现使用鼠标与网页交互也是一件很有意思的事情。他们确实将很多很棒的创意融入到了页面的交互体验中,特别是在Projects部分,鼠标悬停在某张图片上所触发的动效非常真实自然,而且充满触感。

Ben The Bodyguard

Ben The Bodyguard将引人入胜的故事情节与简单却精彩的滚屏交互方式良好的整合在一起,带领用户跟随保镖Ben在夜色中穿行在街道上,通过这种互动电影般的方式牢牢的抓住用户的注意力,有效的传递了产品信息。

Adidas滑雪板页面的视差滚动

“视差”效果结合了页面自然滚动与JavaScript定位技术,是目前比较流行的一种设计趋势。越来越多的网站,特别是单页站点开始使用这种技术,因为它确实是一种在视觉上很逼真且具有强烈吸引力的方式。Adidas滑雪板的官方页面就是这方面的一个绝佳案例。

6.幽默

设计中的幽默元素是一种淡化人机界限、引发正面响应的有效方式。幽默,不仅能在人与人的实际交流过程中起到融化坚冰的作用,它同样可以使软件界面更加亲切友好。

MailChimp的链接与评论

每次你登录MailChimp的时候,右上角的吉祥物Freddie都会随机的叨咕一些东西,例如笑话、歌词或是指向某段视频的链接。

Envy实验室

Envy实验室的“关于我们”页面使用带有搞笑注释的照片对他们的设计师与开发人员进行了自嘲般的调侃。这种幽默可以有效的拉近浏览者与网站背后那些真实的人之间的距离。

Yahoo的注册页面

在表单验证失败这样的环节中,幽默元素同样可以发挥它的正面作用。当你在Yahoo注册时,如果为生日选择了未来的某个年份,那么系统真的会在验证信息中问你是否来自未来。(之前还在微博上吐过Yahoo注册的槽,因为密保问题要求我童年最好的朋友的姓氏必须是两个字…译者C7210注)

7.来自现实世界的灵感

又称“拟物化”,在二维的UI环境中使用现实世界当中的物体作为隐喻,使信息与功能更易识别易理解。这种做法在触屏移动平台当中较为盛行,用户可以通过各种手势与目标对象直接交互。

虽然目前市面上对今苹果在拟物化方面的做法有不少负面的声音,不过不可否认的是,对于某些类型的产品,恰当的拟物化设计风格确实可以造就更易懂易用、更生动愉悦的体验。

iBooks的翻页效果

在阅读类的应用中,翻页动效变的越来越常见。其实,在软件界面中,设计师确实可以使用箭头或按钮一类更“数码化”的方式来实现浏览,不过卷边的书页以及左右滑动的手势更能让用户联想到现实当中翻书的感觉,使交互操作更加有趣和吸引人。

iPhone的播客(Podcast)应用

很多人指责苹果在其应用当中使用了太多没有必要的拟物化设计,这确实是个有争议的话题,不过最新版的播客应用同样属于此类,例如模拟的胶片盘这样的界面元素从功能角度讲没什么实际意义,但它确实给整个产品体验增加了一层与现实世界的情感关联,让用户觉得这不只是一款冷冰冰的数字程序。

相关阅读:关于扁平化界面风格的设计美学讨论

8.惊喜(彩蛋)

谁不喜欢惊喜呢?礼物和彩蛋一类的概念未必只有对儿童或线下情境适用。有些网站在界面中的一些小角落隐藏着小惊喜,虽然在功能方面没有什么实际作用,却能有效的增添一份乐趣和愉悦,甚至引发用户的好奇心,增强他们的探索欲望。

Google Moon

谷歌月球刚刚发布时曾经有一个彩蛋,当你持续放大直到相当接近月球表面时,你会看到地图被渲染成了奶酪的外观。

Supereight工作室

在Supereight工作室的“关于我们”页面中有一个藏的很深的彩蛋,即使你知道它在哪里也未必能看清——在点击Matt Hamm的照片的一瞬间,照片会切换为星战当中的机器人R2D2,只是一眨眼的功夫(鼠标右键单击会使其持续显示)。完全没有任何功能性的一件事,不过一旦你发现了这个小彩蛋,就会觉得在这个平白无奇的介绍页面背后有真实的人类在用心,哪怕只是和你开一个无害的小玩笑。

iBooks中的隐藏logo

在iBooks的书库界面中,持续下拉整个书架,就会看到搜索栏之上还隐藏着一个苹果的logo。翻翻这个帖子,你会看到当人们刚刚发现这个小细节的时候是怎样开心的一起讨论的;虽然在功能上没有实际意义,但这种细节当中的用心显然可以为产品带来另外一个层面的收获。

9.隐形

隐形不只是超级英雄才有的能力。俗话说,好的设计应该像空气一样;只有不好的设计才会被注意到。这句话不仅针对界面设计,整个产品的交互体验也是如此。

IA Writer

与其他流行的文字处理软件不同,IA Writer的界面极其简单整洁,让用户可以全身心的进入工作状态,将注意力聚焦在文字处理本身,不被任何不必要的功能和界面元素所干扰。

10.使用情境和多设备体验

近年来,移动设备的爆发式增长使得设计师必须越来越多的考虑到用户使用产品时的设备环境。多设备生态圈的局面是挑战,同时也是我们打造跨平台愉悦体验的机遇。

Facebook的移动应用

Facebook的Web端页面和移动应用配合的非常默契,使用户可以随时随地通过不同的设备保持信息同步。我个人觉得,他们的移动应用比起Web页面来说,可以带给用户更聚焦化的产品体验。

Rdio

Rdio的桌面端与移动端体验模式比较相似,但在功能和UI设计方面针对不同平台环境进行了非常细心的处理,用户在不同设备和不同使用情境中都可以得到最优体验。

值得一提的是,当移动端应用处于无网络链接的状态时,唯一的警示方式就是将原本是蓝色的导航栏变为灰色,简单易懂,没有任何模态化的突兀元素。

时代杂志的响应式网站

时代杂志在线版是响应式设计的优秀范例之一。通过这种技术,他们的网站在导航、内容布局等方面可以针对不同尺寸的设备进行相应的调整,使单一的网站可以在不同平台上实现最优的体验。

相关阅读:

总结

对于任何界面来说,保证产品功能和可用性都是最重要的前提;在此基础上,通过情感层面的设计原则和技巧使用户在体验过程中更加愉悦,这是将产品推向成功的重要手段。

本文为大家介绍的这些方法当中,有一部分是非常容易理解和落实的,另外一些则需要结合实际产品的特质进行仔细的规划和实施;同时也希望文中的示例能给各位带来一些更加直观的启发。

页码: 1 2 上一页

本文链接:http://www.mobileui.cn/ten-improving-product-experience-pleasure.html
本文标签: , , ,