最美UI

学交互设计必须记住的10个简单的交互设计心法

1. 确定一个重要指标

资深产品经理转行做天使投资人的Josh Elman主张产品人应该问的关键问题是“有多少人在真正使用你的产品?”Elman认为页面浏览量,月活越用户这些零碎的数字并不能说明问题。相反,“谁在真正使用你的产品?”这个问题得到的答案是:多少用户在一定的时间做了什么事情?举个例子“在过去15天里有100个用户使用了3次以上的搜索功能

这个指标并不总是这么详细,关键是能给一个有根据的数字。看看用户是不是真的在使用你的产品?这就是我们要解决的问题。这些数字可以真正帮助我们的产品团队改进产品,最终让购买我们产品的用户获益。

产品经理一起探讨这些问题,以此来制定设计的短期和长期目标。知道这些还可以理清一些具体目标,让设计决策有一个框架,和产品经理讨论这些至少可以验证和评估你预先的假设。

2.使用80/20法则

80/20法则意味着在一个大的系统中,80%的输出是由于20%的输入造成的。生活中你会仿佛看到这样的例子,无论是经济学,交通状况,还是人们的一些习惯等等。我举几个例子:

80%的交通事故发生在20%的道路上。

公司80%的收入是20%的客户贡献的。

20%的页面决定了用户80%的产品体验

这种模式又称为“二八法则”这是表示幂律分布的经验法则。我们可以用这个规则确定问题的重要程度。这让我们专注于推动项目的进展。一次一件事情,分配我们的时间和资源,解决特定阶段最重要的问题。

有个中国的成语故事田忌赛马,马被分为上中下三等。

田忌在比赛开始之前就收集了对手的信息。用自己的下等马赛对手的上等马,用上等马赛对手的中等马,用中等马赛对手的下等马,结果就是田忌以微弱的优势打败了的对手。尽管她输了第一场比赛,但是赢了其余两场比赛。

这个故事中田忌就使用了八二法则,1.了解对手情况问题所在,资源和约束。认识到应该把资源分配到20%的地方。3.不断收集信息,为下一阶段做计划。这样一次解决一个关键问题的思想,从战略层面一直延伸到ui的决策。

3.设计最小可行产品(MVP)

缺少个性也是一种个性,所以不管你喜不喜欢,你的产品也有个性。相比放任不管,更好的方法是告诉人们产品应该是什么样的。

当两个产品能做同样的事情。为什么要做那个无聊的?

一些人提到开发最小可行产品的概念。另一些人把称为最小期待产品和能用就行的产品。我认为叫法的核心都围绕着一个问题:如何创造一个让用户满意的产品体验

我认为有三个步骤:

首先,我们代表着什么,我们未来的愿景是什么?

我们要干这件事情?希望我们的产品为世界带来什么?这样做之后,即便我们的产品暂时不够完美,但我们给了客户一个留下的理由。特斯拉就是一个非常好的例子——特斯拉代表了一个电动车的美好的未来,这是一个大胆的口号。尽管他的MVP问题不断,但是客户仍然不离不弃。

第二,产品需要一个指导原则,一个核心的体验或技术,比其他同类产品好10倍。当你搜索iphone的触控屏首次问世时,它比同时代的产品领先10倍,必须有一些东西非常出众,才能让用户为你传播。只有一个愿景是不够的,你的产品必须有一个体验比同类产品好10倍。

第三,你的产品必须有丰富的细节。不用太华丽。线条,排版,文案,图片,插画恰到好处,交互动效流畅自如。确定什么样的细节是你需要的,思考什么是产品的核心功能,以及是不是有良好的用户体验。初代iphone电池续航很差,照相功能也很鸡肋,售价也贵的飞起,但是像听音乐,浏览网页,下拉查看音乐列表这些核心的体验绝对甩同类产品10条街。

乔帮主花了几秒种时间展示列表下拉到头时的橡皮筋效果。

下面这些指导用户完成具体操作的任务,是你雇的产品经理应该做。

4.讲个故事

在人类没有发明文字之前,人们通过押韵来记住远古故事,这就是传递知识最原始的方法。这就是为什么讲故事的力量这么强大,我们本能的会被故事所吸引。当涉及到产品设计时,善用故事可以让产品更加易于理解,有趣,让人难忘。

出售:从没穿过的婴儿鞋。

这个有趣的故事据说是海明威写的,这说明故事并不一定要长篇大论,或者让人铭记在心。

使用最简单的语言为你的产品讲一个故事。10个字以内,让人一目了然。

这也是为什么小道消息比官方数据更能说服别人。上面这些企业都在她们的网站上显示用户推荐语。

Airbnb的核心业务就是信任,所以不管是从页面干净整洁的设计风格,还是真实用户的亲身故事。都在从形式和内容上强调用户信任感。

5.提供恰当的选择

希克法则指出随着选择的增加,决策所需要的时间会成倍增加,认知负荷也快速增加,让人很难做出选择。过多的选择也增加了期望,降低了满意度。人们害怕做错选择,也许这就是什么是FOMO——互联网上有太多的社交关系,娱乐活动,现在看来这已经让人很难选择。

如果可能,我们的产品需要给出正确的方式而不是让用户选择。如果真的需要选择,试着尽量减少选择数量。并且为拿不定主意的用户提供推荐选项,他们会感谢你的。

设计模拟按钮一样把所有功能都一股脑放出来,可不能像这样设计数字产品,看看上图的驾驶舱,我们可以轻而易举的改变界面,所以让我们想清楚什么时候展示什么功能。尽量让用户少做选择,展示的内容符合使用场景

6.逐步展示信息

人类大脑一次只能感知非常有限的信息。为了避免给用户造成压力,最好逐步展示信息,Google 文档的文本编辑器就是一个很好的例子,使用了下拉菜单按钮Google文档隐藏了部分文字编辑功能,并没有一股脑全塞给用户。

逐步展示信息在移动端非常有用,在桌面端似乎不再可行。

Oscar Health 做的很棒。将一个冗长的表单逐步展示给用户。用户可以专注在每个信息块上,也没有为问题件的跳转分散注意力。

7.显示进度和状态

人们受到任务进度,熟练程度和控制感的激励。人们越接近目标就越积极的想要完成它。我们设计的系统应该清楚的告诉用户,他们在系统中的位置,现在状态,以及目前的任务。

Nextdoor使用了一个简单的任务列表,1.显示了你已经完成注册,2.鼓励你通过邀请朋友或邻居来帮我们传播。这是不是最有效的表达方式暂且不说,鉴于这款产品还没有表现出很大的价值,但是设计师的意图很明确——“我们希望你帮助我们成长,点这个按钮就行”。

亚马逊使用了一个进度条来表达包裹的进度。用户不清楚这个进度条表示的是时间还是距离,这没关系。用户只要瞥一眼就知道包裹在路上。

8.用动效和用户沟通。

页面设计已经和动销设计不可分割。这是因为动销设计是吸引注意力和表达状态变化最好的方法之一。让我们从物理世界学习来表达直观的动效变化。不管是不是用户触发的。

根据需要使用阴影,重力,弹性动画。学习基本的变化属性,3D变化。学习动效制作和MD规范这些相关知识。

9.测试5个用户

当然,你可以对更多的用户进行AB测试。然而涉及到清晰的目标,经常迭代的产品设计,特别是在产品开发早期,5个用户已经足够了。

即便你是团队里唯一的设计师,也可以花一两天时间做一个小型设计冲刺,想想你以前学过的,做出假设,勾划一个想法画出草图。做一个原型,找5个目标用户,每个用户花15分钟,观察他们比你一个人瞎琢磨要好很多。这里的关键是让原型足够真实,不要让用户觉得“这是什么鬼,是不是在糊弄我”。

保持沉默就可以了。细心观察和倾听好过你去帮用户。目标不是让他们完成整个流程。而是让你了解用户在使用产品时的想法和感受。定位哪里是产品的发光点,哪里平淡无奇,哪里让人困惑,记录下他们的行为,而不是听他们口头说的。会话结束之后分析结果,改进一下发下的问题。如果有很多问题,这也很好,因为你已经知道问题所在,全力解决问题就行了。

10.根据场景设计

我列出的这些是一些指南和启发。他们并不是恒古不变的真理。如何应用完全取决于使用场景。最终产品设计是一门关于人类认知,行为和文化的学问。使用批判性思维判断不同情况来使用这些技巧。

分享:房子ok

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
如何设计VR界面!这个书你值得一看
下一篇
设计技巧!提高视觉层次常用技巧