apps
2022.4
false
重要 :
请注意此内容已使用机器翻译进行了部分本地化。
UiPath logo, featuring letters U and I in white
Apps User Guide for Automation Suite
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated 2024年4月19日

通用用户体验准则

简介

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

示例文件

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



开始第一个设计

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

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

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

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

设计原则

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

一致性

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

简单性

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

颜色

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

  • 对同一类型的元素在应用程序中使用一致的颜色。
  • 除非必要,请尽量避免使用红绿灯色。您可以使用红色表示错误,黄色橙色表示警告,绿色表示正在取得积极进展。
  • 尽量不要仅依靠颜色来呈现信息。始终以文本格式在彩色对象旁边添加信息。

提示:

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

对齐

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

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



示例

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



步骤

操作

1

打开您现有的应用程序或启动一个新应用程序。

2

使用以下属性向设计中添加新容器:

布局:水平、顶部、左侧

大小:宽度 - 100%,高度 - 自动或空白

3

在第一个容器中添加一个具有以下属性的容器:

布局:水平、底部、左侧

大小:宽度 - 40%,高度 - 自动或空白

4

在容器内添加具有以下属性的标签控件:

文本:标签

5

向具有以下属性的容器添加第二个标签:

文本: *

样式:颜色 - #c2320c

6

在主容器中添加一个具有以下属性的新容器:

布局:垂直、左侧、顶部

大小:宽度 - 60%,高度:自动或空白

7

在容器中添加具有以下属性的文本框:

提示文本:提示文本

8

在文本框下方具有以下属性的同一容器内添加标签:

文本:必填字段

其他属性:隐藏

样式:颜色 - #c2320c
注意:请确保隐藏错误消息,并且仅在出现错误时才会显示错误消息。

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





  • 简介
  • 示例文件
  • 开始第一个设计
  • 设计原则
  • 一致性
  • 简单性
  • 颜色
  • 对齐
  • 示例

此页面有帮助吗?

获取您需要的帮助
了解 RPA - 自动化课程
UiPath Community 论坛
Uipath Logo White
信任与安全
© 2005-2024 UiPath。保留所有权利。