用户体验和用户界面——一个设计过程

最后更新于 2021 年 7 月 19 日

我们都体验过用户界面。 用户界面有不同的种类。 为什么了解用户体验 (UX) 的含义及其重要性至关重要。 作为开发人员，了解如何处理 UX 和可用性以及如何从设计角度处理用户界面 (UI) 对于产品至关重要。

什么是用户体验 (UX)？

匹配用户的需求和产品的使用是可用性的一个方面。 开发人员应该增加对 UX 的欣赏，这会影响：

• 它的功能
• 系统组织结构
• 交互和外观
• 使用权

糟糕的用户体验将导致人们不会使用您的产品、建筑、服务或网站。 拥有糟糕 UX 的人不会使用产品，即使它可以工作，并且会寻求退货。 这将导致人们不购买您的产品，更糟糕的是会告诉他们的朋友不要使用它。

什么是用户界面 (UI)？

UI是设备中人机交互和通信的点。 例如，打印机或人工操作是计算机与另一个实体之间的交互或通信点。 信息流向一个或两个方向。

UI 满足两个关键的 UX 需求：交互和外观以及访问。

为什么我们关心用户体验和用户界面？

因为它很重要，而且没有一个用户！

1998 年，Diamond Rio 创建了 Roxio，这是一种强调类似于索尼随身听体验的音乐设备。 该产品旨在强调一种数字体验，例如听磁带。 用户体验围绕着“推动游戏”，设计强调了随身听的设计。

2001 年，Apple 创造了 iPod，这是一种音乐设备，旨在体验和播放“混音”——磁带上的内容。 用户体验强调制作播放列表、获取音乐和播放音乐。 该设计强调一个拇指简单。

作为设计师，我很认同乔布斯在接受采访时的想法：

“大多数人错误地认为设计就是它的样子。 人们认为是这种饰面——设计师们拿到这个盒子并被告知，“让它看起来不错！” 这不是我们认为的设计。 这不仅仅是它的外观和感觉。 设计就是它的运作方式。”

这种理念使 Apple 成为产品设计和简洁性方面最好的公司之一。

什么是好的设计？

设计既难又容易过度。 从建筑师的角度来看，好的设计是规划、设计和设计实用、美观和耐用的建筑环境。 我们需要为最终用户进行合理的设计，以免他们感到困惑。 它将最终用户置于宇宙的中心，并从这个角度定义系统。

好的设计和网站开发是一种为用户服务并让客户满意的解决方案。 做用户需要和想要的。 使用自然而不会混淆的产品，帮助用户避免麻烦。 要产生一个好的设计：

了解用户体验和用户界面的人类能力和偏好

人类能力：

1. 记忆
2. 注意
3. 视觉和听觉感知
4. 学习
5.语言+沟通
6. 触摸
7. 人体工学（合身感）

价值观和情感

1.经验水平
2. 身体或精神上的能力和限制
3. 文化期望
4. 语言差异
5. 风格感
6.有不同的需求或价值观

将您的想法建立在以用户为中心的设计上，您需要：

1. 确定用户是谁。
2. 确定他们想要完成的任务。
3. 持续评估（1）和（2）。

了解您的用户角色、职责和能力

1. 用户是谁？
2. 用户想要完成什么？
3. 用户完成任务需要哪些信息？
4. 用户识别他们需要的信息和完成任务所需的步骤的难易程度如何？
5. 每个人都可以访问信息和产品结构吗？
6. 用户多久使用一次产品？
7.产品强调易用性和学习性还是信息性？

我们如何表达设计？

最好的方法是从纸质原型开始。 您可以从更高保真度原型制作低保真原型更轻松、更便宜地获得相同的设计信息。 简单的纸质原型易于生产和维护。 请记住，您不仅限于餐巾纸或 8.5“x 11”纸。

您还可以在计算机上以不同的详细程度构成设计的一部分，直至完整的模型。

优点

1. 快速模拟界面的方法。
2. 一个团队可以参加。
3. 允许在实施开始前根据用户反馈进行改进。
4.它可以帮助识别接口的问题。

缺点

1. 不产生任何代码。
2. 它没有展示用户与界面交互的方式。
3. 在某些情况下比在其他情况下具有更强大的好处。
4.不要发现一个接口的所有类别的问题。

设计用户界面的原则

Jacob Nielsen 列出了 UI 设计的十项原则：

1.匹配真实世界，直接操作对象-> 用户与数据对象的可视化表示进行交互。 视觉表现和物理交互很重要。
2.对象建议使用的具体操作（操作），自然映射-> 控件的物理布置应与功能布置相匹配。
3.行动应立即产生明显的效果。
4.一致性和标准-> 用户不必怀疑不同的词语、情况或行为是否意味着相同的事情。
5.帮助和文档-> 帮助应该是可搜索的、上下文相关的、任务相关的、具体的、简短的，最重要的是，不需要。
6.用户控制和自由-> 用户可能会因为错误地使用产品功能而遇到麻烦，并且需要明确退出以离开不需要的状态而无需经过扩展对话。
7.系统状态的可见性 -> 产品应在合理的时间内通过适当的反馈让用户了解正在发生的事情。
8.灵活性和效率-> 加速器通常可以加速专家用户的交互，从而使产品能够迎合没有经验和有经验的用户。 允许用户定制频繁的操作。
9.识别，而不是回忆 -> 用户不应该记住从对话的一部分到另一部分的信息。 系统的使用说明应在适当时可见或易于检索。
10.错误预防-> 比好的错误消息更好的是，精心的设计可以防止问题的发生——在承诺采取行动之前向用户提供确认。
11.帮助用户识别并从错误中恢复 -> 错误消息应以通俗易懂的语言（无代码）表达，准确地指出问题，建设性地提出解决方案。 他们应该有礼貌……
12.美学和极简主义设计-> 产品不应包含无关信息。 无关信息与相关信息竞争并降低它们的相对可见度。

我们可以取悦所有人吗？

不！

如果你努力优化每一个用户体验，你的产品就不会成功。 数字营销专家知道，您需要关注特定组件并确定其优先级，而不是一次性处理所有组件。 可用性的进步应该是小步，而不是巨大的飞跃。