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

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

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

上面这些名词就像我们在设计过程当中所遇到的各种元素,按键、菜单、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

相关推荐

  • 社交APP-Same的产品和交互设计体验总结

    手机里总有一些app是下载试用了之后不会卸载的app,而same这款app在我的手机中是呆的时间最长的一款,我并不经常打开它,即使在其体验出现各种问题时,比如闪退,引导页进不去app(需杀掉进程进入,偶尔一次可进去…

    2016-03-14
  • 产品信息架构的思考

    这篇适合交互设计或者对交互设计感兴趣的小伙伴们看。所以我就不解释信息架构是什么了(链接阅读:怎么理解信息架构,什么是信息架构?)。 今天写一下产品信息架构的思考。 任何产品都有信息架构,或繁杂或简单。…

    2015-11-18
  • 【媒体观察】“爆款”G一代,好品质给用户体验“上保险”

    春夏交替的四川地级市资阳,天气多变。但降温和阴雨,还是没能阻挡住中国西南最活跃经济区域,吊装用户的热情与期待。2018年4月23日,将近400位用户,来到了“徐工G能大咖&新产品交接仪式”现场。到场用户的业务范围、规模、设备不尽相同。其中既有已经开始“公司化”运营者,也有依靠零散数台吊车积累第一桶金的“拼搏者”;既有跟随上一轮热潮涌入的新手,也有从业十几年甚至几十年的“老司机”。虽然对市场的理解,对未来的规划各有所取,但谈及徐工G一代产...

    2018-04-29
  • 无论屏幕多大,拇指驱动的重要性不会递减

    本文着重介绍了为什么大拇指非常重要,通过我们如何抓住不同大小的屏幕来说明“拇指规则”。

    2017-05-28
  • 老外看中国的移动App设计精髓-2 花样功能、应用商店

    摘要:本文作者Dan Grover用最直接的方式体会了中国移动互联网的发展。这是一个外国人眼中的应用UI在中国的趋势,基本反映了当前国内UI设计的状况,从他的所感所想中,认真审视这些在别人看来,我们自己身上所拥有…

    2014-12-11
  • UED中国最美民宿大奖十强榜单揭晓

    你的内心是否有一种渴望,在纷杂忙乱的都市生活之后,去放松身心,亲近自然?你会向往自由的空气与水,向往与有趣的人们相遇,你会需要一个有温度的空间,让你做回真正的自己。从山间居所到林中小屋,从海边美宿到都市一隅,最美民宿,它们的美只为打动你。它们或许承载着美丽的风景,或许被美好的人们所赋予的生活填满,又或者发生着许多奇妙的故事;它们也许出自专业的设计师之手,又或许是来自对生活有理想的人们坚韧而温柔的初心;它们在江南、在大理、在北京........

    2018-02-01
  • 【招商零售】海底捞VS胖东来:用户体验背后的成功基因

    点击上方“聪聪说零售”可订阅哦!招商证券零售组:许荣聪、邹恒超近期的“老鼠门”事件再将海底捞推向风口浪尖,食品安全问题再次引发关注,但与一般公关危机不同的是,本次事件发生后没有出现一边倒的对海底捞的口诛笔伐,反而海底捞及时坦率的回应得到不少消费者的理解和支持。海底捞能坦然面对此次

    微信热点 2018-05-02
  • 浅谈Web设计中的上下文工具

    最近在阅读Bill Scott和Theresa Neil 所著的《Web界面设计》,其中上下文工具一章给我留下深刻的印象,下面我将结合部分实例来回顾一下主要的内容。

    2017-06-04
  • 重要交互设计原则

    不管是开发者还是交互设计师,每一位从业者都想要创造让自己自豪的产品。为了改善结果,两方人员一直在重新思考整个开发流程,要求有更好的工具、更好的指南、更高的权限。交互设计的强大力量不容置疑。它能让用户在工作、娱乐和交流之际,获得难忘、有效、简单,以及有益的体验。设计原则:1. 用户界面应该基于用户心理模型,而不是实现模型。2. 目标导向的交互设计反映了用户的心理模型。3.交互设计不是凭空猜测。4.不要让用户感觉自己愚笨。5. 界面设计的关...

    2018-03-01
  • 设计师要懂心理学の视而不见

    著名的“数传球视频”,先做个小测试:你能数出来,白队一共传了几次球吗? 这个视频是“无意视盲”和“变化视盲”典型的例子,揭示一个现象:用户经常对重大变化视而不见。 眼动跟踪技术可以跟踪记录人眼观察的方向,确…

    交互设计 2014-11-20