注意:本文是 Windows 10 RS2 的早期草稿。 功能名称、术语和功能尚未最终确定。
设计产品时,你是客户的拥护者。 我们都努力创造最适合我们意图的最佳设计。 本文探讨在遵循约定以创造一致的用户体验与开发独特功能和体验以使应用差异化之间的平衡。
一致性的重要性
为什么一致性很重要? 一致性可以使应用更易于使用。 良好的设计的关键部分是可学习性;跨应用进行一致的设计可以减少最终用户“重新学习”如何使用它们的次数。 看看现实世界的例子:气体踏板总是在右边,门旋钮总是旋转逆时针打开,停止标志总是红色。
但是,使应用保持一致并不意味着使所有应用的外观和行为都相同。 回到现实世界的例子,有几乎无限数量的椅子设计,但很少有人需要重新学习如何坐。 这是因为重要的元素——座位表面——足够一致,使用户能够理解它们。
创建良好应用设计时面临的挑战之一是了解一致的重要性,以及唯一性非常重要的位置。
一致性光谱
将一致性视为具有两个相反端的光谱很有帮助:
熟悉的体验元素包括:
- 已建立的 UI 范例(鼠标单击、按住元素的行为、看起来相似的图标)
- 要跨产品应用的品牌元素(版式、颜色)
差异点包括:
- 构成产品独特“灵魂”的元素
- 有助于根据预期外形规格定制体验的元素
让我们通过采用此光谱来创建设计模型,并将其应用于应用的主要元素。
在此模型中,基层提供经过考验的一致性基础,而上层则侧重于灵活性和自定义。
对于第二层,UWP 提供了一组核心的 常见控件,以在效率与灵活性之间取得平衡。 我们还创建了指南来帮助建立一致的语音和语气,并使用相同的字词来描述和引导用户完成应用体验。 我们创建了一组应用可用于其设计的模式,以确保我们的设计可以跨不同的大小设备和输入进行缩放。
第三层是定制导航以适应不同设备和上下文的地方。 例如,在手机上使用触摸导航的方式可能会不同于在具有键盘和鼠标的 32 英寸监视器上,或在具有手势操作并支持 100 点触控的 84 英寸平板上使用 HoloLens 导航。
第四层是您进行品牌个性定义的地方。 哪些签名设计元素强化了你的品牌,并将其与竞争区分开来? 这也是为不同最终用户定制应用的地方。 您的应用程序是为游戏玩家、信息工作者,还是为 K-12 学生或教育工作者设计的吗? 这些不同客户的独特需求是什么,我们能否使设计对他们更好? 不要只是让事情一成不变,继续考虑为不同的客户创造更多价值。
设计原则
为了有效地使用此模型,我们需要一组设计原则来帮助我们做出正确的权衡。 以下是我们的工作设计一致性原则:
如果看起来相同,让它表现相同
- 当用户看到文本框或汉堡控件时,他们很可能期望它在不同设备上的行为方式相同。 如果你有充分的理由偏离已建立的行为,请通过使其看起来也不同来设置用户期望。
如果一个元素看起来与现有元素或惯例非常相似,请考虑使其保持一致
- 需要“新建文档”图标。 为什么要设计一个略有不同的新东西,当你可以使用一个用户已经认可的东西时。
可用性胜过一致性
- 与其追求一致性,不如重视可用性。 在某些情况下,可能需要开发新的控件或行为来帮助可用性。 单手操作手机有其独特的困难。 与 80 英寸屏幕的协同工作也是如此。 良好的设计使用户感觉成为专家。
Engagement 非常重要
- 不要让它无聊。 如果一切都是平面的,并且显示相同的颜色和方块形状,我们的客户会想拿起它并使用它吗? 创造喜悦。 引入新元素,带来惊喜的同时保持学习的连贯性。
行为演变
- 这是一个棘手的问题:随着行业的发展,新的惯例正在建立。 目前的行为可能会逐渐消失,我们的习惯行为可能需要采用新的标准。 查看收缩和缩放。 它曾经是使用 +/- UI 放大/缩小的常见期望,但在现代 UI 中,它应该收缩和缩放。 了解新的体验范例,并不断发展。