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

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

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

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

相关推荐

  • 为什么我推荐使用Flinto做高保真交互设计稿?

    静电说:其实Flinto并不算一个新鲜的工具了,但是感觉在设计师中的流行程度并不高,可能是这个工具一直很低调的原因吧。在16年初,Flinto还只是个可以做连连看的工具,跟其它同类型的工具并没有太多的区别。但是随…

    2017-08-01
  • Android界面设计视觉规范

    当你拿到Android的设计需求后,开始着手进行界面的设计,却不知道如何设计才能让用户对界面感到满意,设计出来的界面差强人意,返稿无数以至于一遍遍的修改?如果这就是你现在的状况,那么先别急着重新进行界面的设计,因为你首先得静下心来看一看这篇Android的界面设计规范。

    2017-05-31
  • 打造优秀语音交互体验的设计建议

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn回顾人机交互发展是「技术进步」与「载体创新」交替螺旋促进在推动着人获取信息的效率不断提升,成本不断降低。AlphaGo先后打败李世石和柯洁,百度发布自动驾驶系统「阿波罗」这一次由AI引领的技术进步正在发生。基于大量纯净数据的深度学习给人工智能带来的了巨大的进步,这种进步主要体现在三个维度。认知能力– 基于用户行为的画像,将人机交互从「单向」关系带入...

    2018-01-30
  • 蜕变.进化——百度云Android端7.0项目总结

    项目背景: 百度云面世之初是一款网盘类产品,以安全、稳定、易用、快速的体验著称,经历近两年时间的升级优化,百度云已不仅仅只是“网盘”了,在慢慢的朝着平台化的方向不断发展。 旧版的Android客户端随着每一次版…

    2015-03-18
  • 打造美观清晰易使用的交互文档

    在检查交互文档的时候,我有句口头禅是:“这交互稿画得太丑了。”听到这句话的小朋友,有些回了句“哦…”,有些则会问“交互稿也要考虑美么,交互稿不是逻辑ok就行了么”,脸上是不甚理解的。

    2017-05-20
  • 常用中后台交互设计控件使用场景与规范总结

    最近刚完成平台安畅云 2.0 的改版设计,平台模块很多,经常存在很多类似的页面和组件,若不制定统一的规范和控件,则会导致很多重复的工作,大大降低产品的设计效率;同时,平台的一致性也得不到保障。所以,我们视觉、交互、前端的小伙伴们针对我们踩过的坑,大家认真总结和提炼出一个符合公司定位的设计规范,统一公司项目的前端 UI 设计,规避不必要的设计差异和实现成本,实现设计和前端资源的效率最大化。

    2017-05-02
  • 设计思维常用的五种工作方法

    什么是设计思维呢?顾名思义,设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维?今天这篇用两个实战案例帮你一窥设计思维的奥妙。

    2017-05-06
  • 【译文】UI设计评审成就微创新

    产品设计流程中,有必要对设计进行评审是大家的共识。在我每周的工作内容中,参加各类大大小小的设计评审是必不可少的一环。既有脑力激荡的评审让设计方案脱胎换骨的,也有针锋相对的评审让设计方案摇摆不定的。怎样进行一场高质量的设计评审?设计师应该如何应对设计评审,更好的表达设计意图,并收集意见改进方案?怎样避免设计评审变成竞稿或PK?如何确保设计评审这样的流程能带来更大价值?带着这些问题,我们一起看看原文作者Jason的观点。*在你点评的设计细节上开始询问背后的原因及意图。为什么我们需要这条信息?对于允许索取这条信息我们设置了哪些期望?我们会用它做什么?如果我们能回答它们,再进入讨论解释各种元素的优劣以及与之对应的不同意见会比较好。“为什么”引出一个故事,解释某件事情的真实性。如果你问为什么,一切都无法奏效,你更想要创造一个故事,无论真实与否。这是让你感到糟糕的危险领域。 与询问“为什么”不同的是,考虑询问“如何”能够引出一个创造流程的故事,不必为它的存在辩护。然后你可以问设计师之前考虑过的各种可能,认真倾听设计师在提供方案之前做过的尝试。他们也许过于看重某些东西,不过没必要深究。优秀的适时交互是让产品(服务)吸引或失去客户的关键区别。将间歇性的互动变为持久关联的秘诀在于一系列精彩微交互,以及当用户需要时恰好出现的信息内容。 在设计评审流程中,应当询问每一个行动、每一次询问或者每一次数据展示是否出现在正确的时机,以确保界面在切换时传递信息时顺畅。随着扁平化设计与用户体验趋势的摇摆变化,我们能预感到页面部件缺少视觉线索的风险,因此动画能减少这种风险。 这种动效可能是颜色、透明度的变化,也可能是用猴子的手臂延伸页面这种细节,或者用户完成任务后展示太阳升起的效果。询问在UI设计中加入逐步动效的可能将极大的推动设计师改善设计,使得设计师思考时间维度的设计细节,而不只是局限在空间维度。这是一个很好的问题,我认为它是每个人都应该吸收的教训,尽管并非如此。我总喜欢提到:对用户的真实目标来说,页面或屏幕上的任何元素都不是解决方案的一部分,而是噪音和干扰。 在设计的每一步中,我们都需要自问:我们如何能够创造更小思考成本下能发挥同样作用的产品?在设计评审中,这是要求把方案简化的最佳表达。在设计中保持界面清晰很重要,使用尽可能少的点击、文案和输入框来达成目标更好。踏踏实实的把用户需要完成工作的消耗降到最低,用户会感激不尽。我们认为,很棒的产品描述(比如产品手册)对用户来说就跟“坐在60码时速的车上看到的广告牌一样”,UI设计师们比较难理解用户是如何忽略这些产品界面细节的,尽管设计师为此付出诸多努力。 优秀的设计评审放慢节奏,考虑每个元素,但是能认识到这些设计细节可能不会被用户注意到。如果参加评审的人员在颜色、字体及体验设计方面没有专业知识,他们可以考虑以下重要因素:经验告诉我,不要试图一概而论。例如我会问“我不确定开放的banner是否足以传达品牌?”,而不是问“哇,用户根本不会理解我们的品牌价值。”这就是为什么我认为每个设计师应该花时间观察用户并且使用自己的产品(又称可用性测试)。

    2017-05-18
  • 交互基本功:如何设计一个好用的搜索框?

    搜索框一种常见的交互控件,用于精准提取海量的信息中的准确内容。本文作者分享了设计一个搜索框的几个要点,希望大家从中可以有所收获。

    2017-05-04
  • 动画的两种类型:移动界面上的功能动画和情感动画

    动画是整个过程的完全独立的部分,必须在评估整个项目时立即予以确认。

    2017-08-04