通用用户体验准则

简介

如果您刚刚开始设计自己的第一个应用程序，并且没有设计经验，则可能需要有关如何设计应用程序的帮助和指导。此页面提供实用信息，可用于构建应用程序。

示例文件

您可以下载预定义的示例文件，其中包含可在设计中用于创建有用、可用且用户友好的网页应用程序的元素。在 Apps Studio 中打开示例文件，然后复制粘贴设计所需的元素。

开始第一个设计

在开始构建第一个应用程序之前，建议您提前计划工作。首先考虑以下几点：

• 您的应用程序的上下文是什么？
• 您的用户是谁？他们的目标、职业或专业是什么？
• 什么是典型情况或最常见情况？
• 您如何衡量应用程序的成功程度？
• 您的应用程序预计会带来哪些积极影响？

制定计划后，您可以轻松与同行一起查看并作出任何更改。完成此操作后，您可以放心执行以下步骤：

1. 通过分析频率较低的场景和边缘用例来评估其他用例。写下相关内容并确定优先级。
2. 定义最佳媒体或格式，以获得最佳效果。在此步骤中，您已经可以从一个页面开始，确定是否需要一个页面、网站或一些向导。
3. 研究并确定您的竞争者，以评估其优势和劣势。评估如何处理类似问题。
4. 创建应用程序的粗略原型。您可以与同行讨论该原型，以获得最佳解决方案。
5. 测试原型并收集反馈。建议与潜在用户分享该原型，以获得更好的反馈和改进。
6. 开始设计应用程序的最终版本。

设计原则

创建可用且用户友好的应用程序需要遵循许多设计原则。为获得最佳用户体验，请至少遵循以下两个原则。

一致性

• 尽可能使用相同的字体和布局。
• 在整个应用程序页面中保持设计一致，以改善用户体验。

简单性

• 仅使用完成作业所需的元素。
• 尽量避免设计中包含过多的元素。
• 确保所有内容都清晰无误，并且您不会遗漏用户必须搜索的任何重要信息。

颜色

颜色的使用对于设计应用程序非常重要。为获得最佳用户体验，请遵循以下准则：

• 对同一类型的元素在应用程序中使用一致的颜色。
• 除非必要，请尽量避免使用红绿灯色。您可以使用红色表示错误，黄色或橙色表示警告，绿色表示正在取得积极进展。

• 尽量不要仅依靠颜色来呈现信息。始终以文本格式在彩色对象旁边添加信息。

提示：

查找拥有最大对比度的颜色，包括内容和背景之间足够的对比度，以便任何弱视或色觉缺陷患者能看懂文本和非装饰性图像。

对齐

元素对齐是创建成功设计的重要步骤。请确保元素一致对齐。

您可以从“样式”选项卡轻松地水平或垂直对齐元素。

示例

下面是一个元素示例以及创建该元素的过程。

步骤	操作
1	打开您现有的应用程序或启动一个新应用程序。
2	使用以下属性向设计中添加新容器： 布局：水平、顶部、左侧 大小：宽度 - 100%，高度 - 自动或空白
3	在第一个容器中添加一个具有以下属性的容器： 布局：水平、底部、左侧 大小：宽度 - 40%，高度 - 自动或空白
4	在容器内添加具有以下属性的标签控件： 文本：标签
5	向具有以下属性的容器添加第二个标签： 文本： * 样式：颜色 - #c2320c
6	在主容器中添加一个具有以下属性的新容器： 布局：垂直、左侧、顶部 大小：宽度 - 60%，高度：自动或空白
7	在容器中添加具有以下属性的文本框： 提示文本：提示文本
8	在文本框下方具有以下属性的同一容器内添加标签： 文本：必填字段 其他属性：隐藏 样式：颜色 - #c2320c

注意：请确保隐藏错误消息，并且仅在出现错误时才会显示错误消息。

按照上述步骤操作后，结构和元素将如下图所示。