交互设计中,如何增加趣味性,提升操作愉悦度?

功能、实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,像:快乐、愉悦、悲伤、美...

花、大海、春天、小屋... 这些都是很普通的名词,但将它们富有诗意的组合在一起:我有一所房子,面朝大海,春暖花开。接受者会投入不同的情绪去理解这样一个组合。

上面这些名词就像我们在设计过程当中所遇到的各种元素,按键、菜单、icon、动态效果... 将它以诗意的方式组合在一起,由此用户产生了情绪上的波动。

交互设计的本质是对用户行为的一种设计,直达内心的设计能够影响用户自身的情感,从而导致用户的行为。常会有设计师说将用户当成是一个易怒、情绪不定、不明理的人,为什么?因为人的本质是非理性的,逻辑是理性层面的考量,而面对情感这个潜藏在理性背后的东西,需要设计师有深厚的功力,这不是单纯技巧上的问题,而是一种时间、感觉、情绪等综合的圆熟。

针对用户情感进行设计时需要考虑产品的用户群,情感设计的应用将会为产品塑造个性,需要明确产品个性是否与目标用户相符。所以题主需要考虑一下,所说的趣味性是否与产品所预期的个性相符,这很重要。

扯回到正题,交互设计中的趣味性如果让我用一句话表达,我会说:「情理之中,意料之外」
btw.自己对有趣的定义可能会与大家不太一样。

方式1:「延伸现实」
最知名的例子莫过于,iOS的惯性滑动效果(或许有同学会不同意,但这真的是我认为很有趣的设计),这样的一个设计,在我眼中可以用两个字来形容--惊艳,什么样的设计师才能够对周围世界的观察敏锐到如此境界呢?让我们记住这个人的名字吧 -- Bas Ording,可以说没有这个设计可能就没有iPhone的诞生吧,

1

图1 惯性滚动专利示意图,专利传送门(翻墙):https://docs.google.com/viewer?url=www.google.com/patents/US7469381.pdf

这样的设计见微知著,简单、有力、充满乐趣,看似微不足道,但影响巨大,乃至整个iOS的框架就建立在类似这样的设计之上(多点触摸,惯性滑动),即便是刚接触的用户,也能轻易理解这项设计,同时,对于用户进行操作时情感影响也很大。ps.由于工作需要多在两个系统间切换,当从iOS切换至Android时,生硬的边界反馈常令我索然乏味。

时常在想,如果换成是我,将如何进行设计才能达到与iOS惯性滑动同等的效果?

之后,设计师Loren Brichter在惯性滑动的基础上延伸了它的功能性及趣味性,下拉刷新,被Twitter收购后最近正在申请这项专利。

从零开始设计出新东西可以是创造,而在已有的基础上创造也是一种设计。

2

图2 下拉刷新

方式2:「触景生情」

3

图3 香蕉汁包装设计 - 深泽直人

通过视觉的的手段,微妙的启发用户的感觉及情绪,这里用深泽直人的一个包装设计做一个例子吧(如图3)。
此类方式也是目前在各APP上应用最多的设计技巧。

方式3:「小把戏」

4

图4 Google搜索结果页面转跳设计

对枯燥的事物进行转变,以一种轻松、幽默的方式进行展示,在不失其功能性的基础上增加一些想像力,这样的尝试能够使用户产生有趣且愉快的感觉,这是一种积极情感,对你的产品也会有正向的帮助。ps.别使用过头

5

图5 微信中的蛋糕雨,快捷酒店管家日房左侧的纸巾以及提示图片

方式4:「保持新鲜感」
人们往往会忽略身边所熟悉的事物,这是人本身的适应性所造成的,当在熟悉的状态当中出现新奇有趣的东西时,人们的注意力也会被集中过来。

这种方式常应用在游戏类的APP当中,增加新的装备、新的玩法、新的资料包... 令用户能够在现有游戏框架拥有不一样的游戏体验。

还有像,输入法产品的皮肤,输入相对是一个枯燥的过程,为了令用户在这个过程中能投射入一些情感,会为其制作并不断推出新的皮肤。ps.不过更换皮肤是一种被动的选择过程。

6

图6 百度Mac输入法皮肤(听说近期会有品质更高的皮肤出现)

方式5:「充分利用声音」
声音对于我们的情感有一些特殊的作用,节奏和旋律的变化都能够影响到用户的情感,有时可能只是一个单一的声音,现在请你们在脑海里回响一下:QQ新消息的声音、微博客户端下拉刷新的声音、Windows开机时的启动音...

在你的APP当中增加一些有趣的声音,实例化一下:设计一款计时器,在时间倒数时出现时钟的嘀嗒声,接近结束时出现一种急促声,引发用户的注意,结束时出现水壶烧开的声音(现实生活中,水烧开时的声音会令你快速产生动作),这会不会让用户感觉到会心一笑呢?

除声音外,充分利用身体的其它感官来增加APP的趣味性。

方式6:「游戏」
游戏本身就充满了交互的趣味性,做为设计师需要考虑的只是如何将游戏引入到产品设计当中,或将产品以游戏的方式展示。例如:Android解锁屏幕,以游戏、益智的方式实现加密以及解屏的功能,很优秀。

7

图7 Android解锁屏

先写到这吧,所有的设计其实都已经你的脑中,只是看你如何去发现它们。

ps.从内心深处觉得设计不应该始于技术或功能,但实际往往受限于技术及功能,这是一个矛盾的事实。

作者:MoonMonster

原文转自知乎

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/4581/

(0)
CatherineCatherine
上一篇 2015-04-03
下一篇 2015-04-05

相关推荐

  • 02.案例:用户体验与结婚教练 | 打造产品思维30讲

    02.案例:用户体验与结婚教练来自时间前哨00:0017:10用产品经理的视角来看人今天我想讲一个结婚教练的故事。她是我的一个朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。这个结婚教练以前是干什么的呢?她以前是一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何观察和判断一个人。因为...

    2018-02-14
  • 中国手机行业患上焦虑症,良药便是“用户体验”!

    可以说,2017到2018年中国手机市场震荡不断。首先经历了乐视手机的倒台,接着HTC也逐渐淡出市场,而巨头之一的LG也选择了退出中国市场。除了传统行业老大苹果和三星的地位稳固外,国内众多厂商皆陷于焦灼之中,绞尽脑汁想要提升出货量排行。但可惜的是,众多厂商的动作却创新乏力,同质化严重的案例屡见不鲜。一个最明显的例子,iPhone发布“刘海屏”,许多厂商亦步亦趋,甚至模仿到了正面难辨的地步。中国手机厂商陷入鏖战,行业趋势多为盲目跟风,试图...

    2018-04-28
  • 交互设计的未来:技术的改变使交互设计的可能性愈加丰富

    Terry Cao是UXPin(一款线框图与原型制作APP)的内容策略专家。要了解如何掌握现在交互设计的艺术,可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及其他诸多公司的30多余交互案例。“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣,更吸引他们,并且帮助用户对网站信息产生更积极的态度。” 一位来自罗伯特·莫里斯大学的通讯系助理教授Jeeyun Oh如是说,“交互(Interactivity)通过让用户更深层次地理解网站信息而更具说服力。”欲更多地了解现代交互设计的艺术,可以阅读《Interaction Design Best Practices》一书。

    2017-06-02
  • 新版微博APP|微博设计团队是如何对于微博IM界面进行优化设计?

    微博是一款典型的信息流产品,早期微博IM复用了信息流的一些设计,并且已经很久没做大的更新迭代,导致现有的设计与实际场景不符。

    2017-05-18
  • 手机“携号转网”磕绊多,用户体验太遭罪,手机跳槽为何这么难?

    轻点下图  纵横带您“听新闻”携号转网来自新闻纵横00:0005:59工业和信息化部在2010年和2013年,分两批在天津、海南和江西、湖北、云南五个省市,试点手机号码“携号转网”业务。但是到今年初,仍然有试点省份的用户反映,办理过程不如预期的顺利,质疑运营商故意设置障碍。记者调查发现,“携号转网”业务在不同的省份试点效果存在差异,主管部门坦承,有运营商为了挽留用户“搞小动作”,但试点工作整体向前推进,一些技术问题逐步解决。湖北武汉的白...

    2018-04-10
  • 如何在页面上减少用户操作

    作者:柒0   最近有同事在公司反馈:“有用户说xx流程、xx流程太繁琐了。”产品经理反驳:“怎么可能,我已经对标过业内很多体验很好的app,流程上的步骤我敢保证我们绝对不比别人多。” 作为“好事”的交互,我决定走查…

    交互专题 2017-08-07
  • 淘宝2017-提示信息的情感化设计

    作者:要白 明飒   开端:做一个有故事的 现如今,消费者对产品的需求从追求高性价比更多地转为高品质,虽然手机只是一个机器,但用户与产品之间当然是能有情感传递的,不然就只是一个冷冰冰的工具而已,能让用户在…

    交互专题 2017-08-07
  • 讯飞输入法 Smartisan 定制版功能交互一览

    #交互学堂# #讯飞输入法# #smartisanOS# 基于 Smartisan OS 的设计语言深度定制了讯飞输入法,界面简洁优雅,还能保留讯飞输入法用户的使用习惯, 识别准确率高达 97% 的讯飞语音,让输入更高效 点击下载   讯飞输入…

    2016-10-31
  • 交互设计之流程设计(1)

    流程设计是将信息架构转变为交互稿的重要步骤,什么是流程设计呢?简单来说,就是用户完成一项任务的步骤流程,用户是怎样一步一步的完成任务的。本文将从流程设计重要性、如何进行流程设计、流程设计与交互工作三个方面来阐述流程设计。一、流程设计的重要性流程设计对于用户体验来说非常重要,一个好的流程设计将会给用户带来非常的体验。在这里从流程设计是什么、流程设计中需要考虑的问题、优秀流程设计的好处三个方便来进行讲解。1 流程设计是什么首先理解交互设计是...

    2018-05-06
  • 想成为高级交互设计师?这是我的5个经验总结

    Echo :交互设计师真正提高的标志是思维思想上的提高,而非专业技能的提高。

    2017-10-16