2018年,有个设计师叫做Jimmy,他在Shmuckle公司做设计。他日夜所追求的就是有朝一日成为知名设计师,他的偶像是Steve Jobs。痴迷于自己的偶像,他总是想在公司里传播好的设计。Jimmy的设计都能体现出情趣、直觉和创新,直到有一天,他遇到了一个坎。
Jimmy正在为公司做一个重要的项目,这个项目有利于他职业生涯的发展。他的任务是重新设计公司产品的主仪表盘,但他始终没有设计出理想的界面。为了激发灵感,他开始重新观看他喜欢的设计视频、阅读文章和收听播客。但遗憾的是,他仍旧不知道该如何优化现有设计方案。
幸运的是,公司的资深设计师Sarah把这一切看在了眼里。回想起自己早年间,为了设计出优秀的作品而进行的各种努力,她脸上浮现出一丝微笑。而现在,她已经是一个有着丰富经验的,并且知道如何克服创意障碍的技巧和提示的设计师。
“嗨,Jimmy,我看见你还没有开始你的设计,出了什么问题吗?”
“我正在想方法优化产品界面,它应该兼具容易使用、好看外观以及改进后的统计数据等特点,并能够解决一些可达性问题。但现在我不知道该怎么做,总感觉哪儿有问题。在用户测试中,有些用户说体验很好,有些用户说不好,还有用户说需要改变。我现在不知道该怎么办了。”
“没关系,之所以出现这种问题,是因为你没有很好的设计基础知识。其实,有一些设计原则能够帮助你设计出更好的产品。幸运的是,你不需要任何奇特魔法,只要在需要时候运用它们就可以。”
Jimmy立马拿出了笔记本和铅笔,兴奋的像圣诞节前小孩子一样,他想知道“这些原则是啥?”
“走吧,我们去外面走走,不在办公环境中,可以让你的思维走出现有的逻辑”,Sarah从桌子上端了杯咖啡并继续说到“在产品设计的过程中,你要用到这些关键原则,它们能够帮助你更清晰的看到事物本质。你的设计都应该坚持一下几个设计原则:”
一、清晰(Clarity)
“Jimmy,如果你只能记住一件事,那么请记住:混乱的头脑会导致混乱的产品。因为它们总会影响最终的设计结果,因此,你需要将你思维中混乱的部分给消除掉。在进行设计决策时,请时刻关注以下几件事:
- 以商业目标、用户需求和功能的顺序来决定设计;
- 绝不因为美观而牺牲功能;
- 下一步骤应该明确无误的;
- 通过背景、色彩、字体、图形以及其他的UI要素来突出显示重要的信息;
- 不同大小的文字,都应清晰可辨;
- 图标应该简洁而表意明确;
- 附加设计应当时微妙且适当的;
- 用户应该很容易的了解他们该做什么以及他们所处的位置。
任何事物的最终外观呈现都是产品设计清晰的副产品。设计意图的清晰能够转化为结果的清晰——Massimo Vignelli
“我记得Massimo Vignelli 在《The Vignelli Cannon》中写到:混乱而复杂的设计总是传达出设计师的内心,一个有着复杂而混乱的心态”Sarah说到。Jimmy记下了这句话并应用到后续的设计中。
二、可操作的界面(Actionable Interface)
“请记住这一点:我们必须努力设计出能够让任务流程清晰明确的数字产品。可操作APP通过确保屏幕中的内容始终是最新的且相关的来预测用户的行为。APP也就成为用户打算进行的动作的拓展。例如,如果一个用户打开了APP,是为了解决问题,而你却没有给出方案,那么你就给出了糟糕的选择。”Sarah如是说。
她停顿了一会儿,整理了一下自己的思绪并继续说:“你也知道,我们所做的一切工作都是为了确保我们的解决方案能够在合适的场景、时间呈现给合适的目标用户。当然,这需要我们多次迭代才能实现这一目标。”
三、不要自以为是(It is opinionated)
“某些设计师和开发者认为软件应该是多变的,可以满足所有客户的需求,但实际上,这是扯淡,有个说法可以回击这种观点:”
试图取悦所有人是让自己感受到压力、痛苦、失去和挫折的原因。所以不要害怕失去,而应该担忧失去自我——Unknown
“一个伟大而有用的产品应该能够清楚的知道其所服务的对象。你需要记住谁是真正的用户?并能够围绕着他们的需求制定设计方案。最好的设计产品都有一个愿景。”Sarah停在窗户边看着走过的人。
“那其他用户呢?”Jimmy问道。
“其他人都在排队等待,一旦我们让我们的主要用户满意,我们就会回来为他们提供设计方案。主要用户是指我们产品的核心用户人群。请记住,如果他们不喜欢你的愿景,不要担心,市场上还有很多其他的愿景能够满足他们的需求。我们的工作是找到我们自己的目标用户群体。”Sarah露出甜美的笑容说道。
当某些人使用这款产品时,他们不只是在寻找功能,而是在寻找一种方式,一个新的愿景—— Getting Real by 37Signals
四、反馈(Feedback System)
“下一个重要的原则是反馈。它确认用户操作并给出操作结果,让用户了解情况。点击时,用户所交互元素应有所变化;进度指示器能够传达出长时间运行的状态;动效和声音能够明确操作结果。”
“你也知道,数字世界是如此的智能先进,但我们仍然感受到其与人类互动的必要性。我们的身体(眼睛或触觉)需要感受到反馈,以便向我们的大脑发送信号。这意味着我们的设计对屏幕上所发生的事情给出明确的反馈,并且用户能够很容易的理解到这一点。所以,只要你有时间,你就应该去看关于人类思维如何运作的书籍。它会提升你的设计技能。”Sarah一边喝着咖啡一边说着。
五、隐喻(Mataphors)
“隐喻,我这里说的不是文学上隐喻,不过也比较类似。”Sarah说道。
“像数字莎士比亚一样吗?”Jimmy笑着问道。
“有一点儿,当APP的界面和操作都是由熟悉的体验所隐喻的,用户学的会更快,这些经历体验可能来自数字或现实世界。”
“隐喻因人们与屏幕交互而运作良好,他们将视线移开来展示下面的内容。他们拖动和滑动内容,人们切换开关、滑动滑块、滚动选择器。因此,要经常去了解一下核心用户日常使用的APP,这能够帮助我们设计出类似的体验,并且消除不当摩擦或制造出不舒服的学习方式。”Sarah接着说道。
六、场景比一致性更重要(Context Over Consistency)
“举例来说,如果我们在主屏幕设计了一个款日历,你觉得我们应该设计一款网格还是列表日历呢?”Sarah问道。
“嗯…我们应该坚持网格,它更加紧凑,也更有条理。我说的对吗?”Jimmy说。
“这取决于用户的主要目标是什么。同样的问题出现在报告页面,我们应该选择网格还是列表日历呢?因此说,它取决于用户主要目标。我们是否需求在所有的页面进行全局导航?同样,它取决于场景。这就是为什么说场景比一致性更重要。如果不同的形式或风格能够为当前场景带来更好的体验,那么就应该是不一致的形式。合适的才是最好的,而不是一致性。”Sarah说道。
好设计是一个合适的场景的副产品,而不是脱离场景的异想天开的创造,不管这个创造有着多么完美的视觉表现。优秀设计方案总是把产品的应用场景考虑到设计之中——Massimo Vignelli
七、容错设计(Defensive Design)
“你说的Defensive是什么意思?”Jimmy问道。
“它就是被别人当作直觉设计而被熟知的”Sarah说道。
“哦,这个我知道,Steve Jobs经常谈论的事情!”Jimmy激动的说道。
“是啊…但你知道什么是直觉吗?”Sarah问道。
“预测用户的行为?在未发生前提供解决方案?”Jimmy满脸疑惑的说道。
“也是也不是,它并不是预测你的行为,而是当某些错误发生时的解决方案。事情总会出错。不管你是如何谨慎的设计,也不管你投入多少精力研究,你的产品需要始终有个备份方案。容错设计是在寻找可能出现的问题。”Sarah说。
如果体验对用户不友好,那么他们会很快的忘记。
“我不太明白…”Jimmy说道。
“以安全驾驶为例。当你开车时,你总是关注可能出现的危险:鲁莽的司机、过马路的孩子以及其他可能出现的危险情况。因此,作为设计师,我们必须始终关注我们可以完善的问题,这样我们就不会破坏用户体验。因为良好的容错设计可以破坏或者提升用户体验。”Sarah说道。
总结
Sarah慢慢的走到Jimmy的办公桌前说:“就是这样,你记下了吗?”
Jimmy惊讶道:“你的意思是什么?不应该还有更多吗?”
Sarah面带笑容的说:“设计原则还有很多,每个人或公司都有自己的设计原则,但你不需要知道所有原则就可以设计出很好的产品了。一小部分的分享只是个好的开始。如果你能够灵活应用这些,你就已经能够做的的比别人好了。其他设计原则需要更多的时间和耐心去慢慢学习。”
当然,我们应该使用更多的设计原则,但问题是我们中的很多人也没有使用上述提到的设计原则。这主要是因为我们会优先考虑对用户不重要的任务和目标。我们应该努力找到产品和用户之间的平衡点。