跳过导航
人们倾向于填补空白来看待一个完整的对象。
为了支持用户体验,颜色需要明智地组合,这样它们才能很好地协同工作,而不是相互压倒,并在界面的各个地方传达相同类型的信息。
用户体验和用户界面是高度相关的。两者都很重要,但UX和UI有什么区别呢?(经常困惑!)
垂直导航非常适合扩展的IAs,但是比水平导航占用更多的空间。确保它是左对齐的,关键字是前置的,可见的。
当视觉设计元素明显不同(例如,有对比色)时,用户很容易推断出对比色的物品在某种程度上是不同的或特殊的。所以如果它真的不同,这就提高了可用性。
我们通过迭代多个版本,并基于以用户为中心的原则和方法对每个版本进行改进,使10个启发式海报易于阅读和理解。
视觉审美设计使用一致的排版,建立清晰的层次结构,利用精细调色板,并与网格对齐。
美学上令人愉悦的设计可以提供区分品牌的令人难忘的体验。但是,接口应仅包括具有高信息值的必要元素。清晰度将永远赢得视觉蓬勃发展。
一个清晰的视觉层次结构指导眼睛对页面上最重要的元素。它可以通过颜色和对比度,缩放和分组的变化来创建。
动画可以使用户界面更容易和更好地使用,但时机必须是正确的,正如我们在这个视频中演示的。许多其他细节也有助于用户体验中的动画质量。
为了能够快速、可靠地理解仪表板概述中显示的数据,请使用与人类预先注意的视觉处理一起工作的可视化样式。
用户更注重大事而不是小事,并且这种设计原则可用于优先考虑用户体验设计,例如网页或应用程序屏幕。
用户不断地评估他们是否相信你所说的,是否离开一个网站。你可以做4件事来让用户更加信任你并留在你的网站上。
逐邮件的设计(Covid-19大流行的势在必行)具有UX问题,使投票过程不必要地困难和易于出错。
在某种程度上看起来相似的设计元素——共享相同的颜色、形状或大小——被认为是相关的,而看起来不同的元素被认为属于不同的组。
我们询问了200多名招聘用户体验工作的经理,他们在候选人的简历中寻找什么。人们期望被雇佣为设计师和研究人员是不同的,对于初级和高级职位也是不同的。
彼此附近的设计元素被认为是相关的,而间隔分开的元素被认为是属于单独的组。
在视觉设计中,同一边界内的元素被认为是相关的。
我们的研究表明,主题行中的Emojis对电子邮件增加了负面情绪,不会增加被打开的电子邮件的可能性。
规模,视觉层次结构,平衡,对比度和格式塔的原则不仅创造了美丽的设计,而且在正确施用时也会增加可用性。
使用电脑和互联网的老年人数量每年都在增长。这一用户群体确实有特殊需求,受人类衰老过程的驱动,适度的设计更改可以极大地增加您从老年人那里获得的业务。
任何已经成为一个好的UI设计师而且可以制作伟大的屏幕,有一个大头开始成为一个好的UX设计师,但在这种扩展的角色中,更加需要卓越。
在十大UX设计启发式中,第8个是去除用户界面中不必要的元素,并最大化设计的信噪比。
“变化盲视”指的是人们倾向于忽视他们注意力之外的变化。在用户界面设计中,这解释了为什么在设计师看来引人注目的屏幕变化可能完全被用户忽略。
在用户体验设计十大启发式中,排名第一的是通过适当的反馈提供系统状态的可见性,这样用户就知道命令是如何被解释的,以及计算机在任何时候都在做什么。
简单程度取决于信息通道的容量以及一个设备的简单,可以是原始的或复杂的,因为屏幕是具有有限的信息信道。当您为多个设备设计时,不要常见的陈词滥调“简单是好”。
Grids是一个很好的框架,帮助设计师快速放在一起干净,良好的界面,并帮助用户轻松扫描,读取和使用这些接口。
移动UI元素会吸引注意力,这通常意味着会分散用户完成主要目标的注意力。有些类型的动画比其他类型更容易让人分心,所以将注意力吸引到动作上的方式与情境和用户需求相匹配是很重要的。
像字体和颜色这样的视觉设计细节可能对整体用户体验产生微妙但重要的影响。使用对这些效果敏感的研究方法来测试你的视觉设计。
图像是内容,不同类型的图像提供不同的目的。装饰图像在建立音调和情感上诉方面具有作用,但他们不能干扰用户完成任务的能力。
超越品牌或用户体验风格指南,创造吸引人的、一致的用户界面。同时,在短的开发周期内适应设计活动,花费尽可能少的开发时间和资金。
通用图标是罕见的。为了帮助克服几乎所有图标都面临的模糊性,文本标签必须出现在图标旁边,以阐明其含义。
我们的眼球追踪研究表明,平面UI设计通常具有较弱的符号,并且缺乏足够的线索来指示屏幕上的可操作元素。
对于视力正常的人(或视力矫正到正常的人),在光线模式下的视觉表现往往更好,而一些白内障和相关疾病的人在黑暗模式下可能表现更好。另一方面,长期在光线下阅读可能与近视有关。
排版概念有时会在研究人员、开发人员、设计师和利益相关者之间的转换中迷失。使用这个小抄来帮助你解码常见或经常错误的排版术语的含义。
视觉设计术语和简单定义的术语表可以在混合团队中创建共同点,其成员附带各种背景。
通过清楚地识别问题并允许用户轻松访问和更正错误的字段,帮助用户从错误中恢复。
视差滚动效果添加可视兴趣,但它们通常会创建可用性问题,例如加载慢速或难以读取的内容。考虑如果福利值得成本。
内部网的名称,徽标,以及与公司外部网站的视觉关系,都是建立品牌和内部网身份时要考虑的关键因素。
支持寻路,包括面包屑反映你的网站的信息层次结构。在手机上,避免使用太小的面包屑或多行包装。