运用理想的用户体验设计原则
用户体验设计一流的产品不仅便于使用,而且用户在使用过程中不会留意到界面是如何设计而专注于具体工作,甚至可以引发用户体验到被心理学家称为「心流」的状态,完全沉浸于产品使用的乐趣之中。
「心流」指在人做某事时望我的愉快状态。它的产生依赖于个人能力与这件事件挑战难度的匹配。两者刚刚相等时,人既不会感到焦虑,也不会无聊,会产生心流。
是什么造就理想的用户体验? What makes a great UX?
第一项重要指标便是可用性Usability,它反映了客户使用产品的方便程度以及产品效率。
可用性以使用者的目的为出发点,专注于客户如何完成任务以达到自己的目标。
有多少用户可以顺利完成每项任务?期间遇到多种问题?通过可用性测试来获取相关问题的答案,要求使用者运用产品完成关键人物,并观察操作全过程。
评估效率时可以通过工作量分析,如累加点击、拖拽、键盘输入等完成某项具体工作时所需进行的操作;也可以估测使用者完成每项工作所需的时间。
除了实际手工操作之外,还需要关注使用者在感受上受到的压力,如设计给客户造成的额外认知负担、承载过多信息造成的心理负担等。
使用者对产品使用的难易程度感知和产品学习的难易程度也是评估产品可用性的重要指标。
第二项关键指标是愉悦度Delight。可用性回答了客户会不会使用你的产品,愉悦度则解释了客户喜不喜欢你的产品。
美感是愉悦度的一个方面,是确保产品有一个吸引人的外观。
简单同样有助于提升用户体验的愉悦度。「大道至简」
个性化设计可以用来激发使用者的热情,这一般是通过不同的语言风格来实现。「幽默」
对使用者的操作做出动态响应也是积极小元素。「咔嚓一声~」
惊喜是愉悦感的重要元素。「失败鲸是一个很好的例子」
用户体验设计冰山 The UX Design Iceberg
概念设计
涉及设计产品过程中的核心概念,理想状态下,概念模型与目标客户的预期产生共鸣。概念设计与产品-市场适配金字塔中的功能设置与组相对应,使产品的各项功能「为客户带来的价值」具备实际意义。
深刻了解客户,是设计理想用户体验的基础。用户调研+人物角色模型,当你认为你的概念设计足够直观且好用,你的人物角色定会认可之后,进入更高一层组件的组织和定义。
信息架构/IA「Information Architecture」
是一种设计原则,好的IA是以直观的形式组成产品,配合便于理解的标签以实现良好的可用性和可检索性。IA的主要交付物通常是站点地图Sitemap,定义了产品的页面及其组织方式。
可检索性是指使用者找到所需产品功能的难易程度。
站点地图包含所有的屏幕和页面,它们如何组织栏目和分类,以及上层采用的是何种导航模式。同时还细化了页面的标题,以及产品各分部的标签名称。「导图模式」
互动设计
细化具体的使用流程,也就是使用者在每个阶段可以采取哪些操作,以及产品应该如何做出响应,同时它对使用者如何输入信息作出规定。
产品对客户的反馈和响应时间也是交互设计的要点,如错误信息提示、加载时间提示等。
流程图是在用户体验的关键任务中细化所有可能流程的重要设计工具,能把使用者和产品可能采取的操作和作出的决策都罗列出来。「流程图以宏观的形式定义用户体验,不会设界面的设计细节」
如果用户的使用流程中有许多不同的分支,且有很多可能状态需要详细说明,那么多数情况下流程图的描述和解释会比框架图效果更好。
框架图在精益产品开发过程中扮演着承上启下的角色,细化客户在使用产品的过程中会看到的东西,决定每个页面的具体布局,哪些部件在哪个位置如何展现,但不需要在具体的显示解析度或视觉效果等方面考虑太多。
一般不会为每个页面从头开始涉及单独框架图,而是总览整个产品,找出所有相似页面组合,每组共享一个模版,定义相应的布局。
视觉设计
是使用者看到产品是能直观感受到的部分,也称为平面设计、观感或者镀铬层。让产品在外观上取悦客户,增强视觉层次并改善可用性,还涉及产品的个性化、使用者的愉悦感、产品的差异化等部分。
视觉设计三项关键因素:色彩、排版与制图。
色彩是视觉设计非常重要的一个方面,视觉设计会使用一个精心选择的调色板「一组特定的色彩」,主要包括一到两种主色、一到两种背景色,以及一到两种着重色作为主色的补充,色彩的一致性有助于创造内聚的视觉效果。
排版定义了文本的呈现方式和位置安排。比如不同字体「一个重要区分点在于衬线字体和非衬线字体」和字体大小因素。
制图包括照片和插图等。Hero Image,即用大幅、突出的照片展示产品、典型客户案例、其他艺术性的对象或场景;插图更多用于解释产品是如何运行的;图标用来代表某种物体或理念,常被用作按钮或其他用户界面中的控制元素;像素图标Iconography,是一种可以手动调节像素的图标用来创建精彩的个性化图标。
风格设定用于确保产品外观和感受上的一致性。如色彩、尺寸度量、字体、图像等常用元素。
网格布局是一种让每个页面或屏幕上的设计元素保持整齐的设计手段,一般由一定数量的规格尺寸间隔一致的列组成。
模型是基于框架图,通过色彩、排版和制图三要素营造出的产品的外观和感受。
设计原则 Design Principles
格式塔理论Gestalt Principle中包含了一系列实用原则,描绘人们是如何从视觉上感知目标对象。其核心是整体决定部分的性质,部分依从于整体,强调经验和行为的整体性,认为整体不等于部分之和,意识不等于感觉元素的集合,行为不等于反射弧的循环。
补充内容:详细原文可点击Gestalt Principles查看
格式塔有十多条互有重叠的原则,其中最被广泛认可的四条原则是:
闭合原则Closure (Reification): 我们更喜欢完整的形状,因此我们会自动填充「脑补」元素之间的间隙,以感知完整的图像。这样我们才能首先看到整体。
共同区域原则Common Region: 我们将相同封闭区域中的元素归为同组。 相关对象在同一封闭区域以区分它们与其他组。
多稳定性Figure/Ground (Multi-stability): 我们不喜欢不确定性,因此我们总是寻找牢固,稳定的物品。当一种视角变得更加主导,另一种视角将变得更难看到 。
图:老妪还是少妇?相似性Proximity (Emergence): 我们将更紧密的元素组合在一起,将它们与相距远的元素分开。即空间中距离相近的元素有被看作一体的趋势。
图:斑点狗你看到了吗?视觉层次决定了在设计中,哪些元素会被使用者认为是重要的。这种重要性会吸引使用者的注意力,影响他们观察各项元素的先后顺序。元素的尺寸与色彩是创造视觉层次的主要属性,其位置也会影响效果,使用者一般的浏览顺序是从上到下从左到右,屏幕左上角开始。
各元素遵循的合成原则:
·整体性——页面整体效果是否和谐?
·差异性——差异视觉效果是否更为生动有趣?
·平衡性——是否在布局上均衡各项元素的视觉重量?
·空间利用——疏密紧致如何?留白是否足够?页面是否拥挤?
响应式设计是根据用户不同的屏幕尺寸提供不同版本的用户界面,通常是在宽度方面,设计会动态响应屏幕尺寸。
多屏幕尺寸设计
文本同样是用户体验的组成部分 Copy is also part of UX design
产品上使用到的文字如标签、指导、说明、错误信息等,要简短清晰明了,避免行业术语或乱码。