简介

在Mendix团队中，用户体验设计师的工作是通过各种方式来改善应用程序的用户体验。然而，有时从开发角度出发，逻辑解决方案对用户体验的改善并非是最佳解决方案。因此，本篇内容将提供用户体验设计师一些应用程序开发过程的思路建议。

不要把所有的内容都堆积在一个屏幕上

将应用程序的所有菜单、特性和按钮都放在一个屏幕上是一种非常不好的用户体验实践，但这种做法却十分常见。在这个场景中，用户体验设计师和开发人员从一个紧凑的界面开始，但随着时间的推移，他们添加的特性会导致屏幕上布满按钮。

将所有内容放到一个屏幕上的参数包括：

“需要更少的点击”
“已创建概述”
“用户讨厌滚动”

对于用户体验设计师来说，这种应用程序看起来就像一把瑞士军刀，所有的工具都展开了，但唯一使用的是开瓶器。

01. 避免过度设计

将应用程序的所有选项打包到一个屏幕上似乎可以创建一个概览，但过往的项目经验告诉我们，有接近90%的应用程序按钮都不会被最终用户使用到，因此没必要将它们全部一一陈列。

02. 优先考虑视觉接近

按钮应该靠近它们影响的数据。这意味着，当您在一个屏幕上有较少的按钮，您将获得视觉接近。

03. 记住，用户并不讨厌滚动！

“用户讨厌滚动参数”通常是无法在正确的时间为最终用户提供正确上下文的副作用，导致将尽可能多的信息强制放到一个屏幕中，以帮助创建上下文。

这里的问题不是需要滚动，而是屏幕上的信息量。把更多的信息放在更高的页面上并不意味着最终用户一定会吸收这些信息。这可能会让他们更快地厌倦您的应用程序，甚至删除APP。

不要将所有内容都放在下拉菜单中

使用下拉菜单并将其打包为全部选项的参数通常包括：

“会有更多的焦点和更少的混乱”
“最终用户将更容易找到他们需要的东西”

下面的指导原则解决了在设计下拉菜单时您真正需要考虑的问题。

01. 强调平衡

把您的界面想象成一个物理空间。考虑以下场景：您需要的对象位于一组抽屉中，因此您需要开始打开抽屉，直到找到您要查找的内容。如果抽屉放在正确的位置，并且有条理，您可以更快地找到您需要的东西。但是，如果抽屉里随机放着与您需要的内容不符的物品，则需花很多时间寻找合适的对象。

良好的平衡对用户设计师是一种考验。对象的使用频率决定了它应该放在抽屉中的什么位置，也就是说：按钮的使用频率决定了它应该放在下拉菜单中的什么位置。

让用户了解他们在应用程序中的位置

当您的应用有一个一致的设计系统和品牌风格，所有的页面对最终用户可能会感觉相同。很快，最终用户可能会觉得自己正在一片页面森林中穿行，无法回忆起以前是否看过某个特定页面，或者自己是否在一个具有类似状态的不同页面上停留过。

使用非常一致的设计体系和品牌风格的理由可能包括：

“视觉风格必须完全一致，符合品牌调性”
“设计系统驱动设计”
“我们希望有效利用屏幕空间”

下面的指南说明了如何让用户知道他们在您的应用程序中的位置。

01. 让用户了解您的设计

想象一个终端用户在一个星期五的下午，在社交媒体之间穿梭，和同事聊天，发一些私人消息，同时负责一些工作。用户最不在意的就是刚刚点击了什么链接以及他们在应用程序流中的位置。

按照以下准则为该用户创建每个屏幕：

给页面提供清晰的标题和页面名称
如果您设计了多个级别，则实现breadcrumb(面包屑导航)
如果页面流有多个步骤，请显示这些步骤

避免长条文字和小的字体

写长条文字和用小的字体是另一个例子，希望最大限度地利用您的屏幕空间。我们已经看到了这样设计的一些论据：

“用户讨厌滚动”
“我们希望有效利用屏幕空间”

网页排版的经验法则是每行最多写九个字。当用户读完一行时，他们的眼睛需要能够马上找到下一行。所以，如果一行的内容太长，则会降低他们的阅读兴趣。

01. 空白不是空间的浪费

考虑一下流行的社交媒体频道：您有没有注意到他们“浪费”了多少屏幕空间？这是因为所谓的“浪费”实际上是一种投资。如果您能负担得起在一个页面上投入那么多空白空间，那么能够抓取眼球的文案变得很重要。

避免过多的弹出窗口

您是否曾在移动应用程序中按下按钮，该按钮打开通知弹出窗口，在通知中有另一个按钮，导致另一个弹出窗口？

实现类似此功能的UX设计器的主要参数如下：

“用户将具有更多的上下文感知”

然而，这样的设计的问题是，最终用户将失去他们在应用程序页面流或流程中的心理模型。他们会更容易分散注意力，无论他们关闭第二个弹出窗口，返回第一个弹出窗口或返回到原始屏幕。

01. 避免弹出过多的窗口

这里的最佳实践是实施以下解决方案之一：

将第一个弹出窗口转换为页面本身，或
将第二个弹出窗口转换为第一个弹出窗口中的内联消息

直观展示

卡（card）是目前UX世界的流行趋势。单张卡不错，但是在另一张卡里放一系列的卡呢？

实施这种设计的理由如下：

“卡嵌套以创建视觉层次结构”

用户体验设计师经常谈论视觉层次结构，这是一种在屏幕上组织元素以向最终用户传达其重要性的方式。在视觉层次中引入卡片等物理符号，以某种方式呈现信息。因为在传统的卡片组中，卡的大小是相等的，所以放在其他卡的上、下或旁边的数字卡可以传递某些状态和信息之间的关系。然而，当您将一张卡嵌套在另一张卡中时，最终用户的心理模型开始崩溃。这个最终用户甚至可能开始质疑UI中其他对象的关系，从而进一步损害应用程序中的设计层次结构。

01. 不嵌套卡

不要在设计中嵌套卡片，而是将它们放在彼此旁边（或者至少彼此接近）。或者，将它们放在带状分布中（比如在赌场桌子上打牌的方式）。

仔细规划表单

用户体验设计者必须对表单做出很多决定。例如，是否应该有一个长列表的表单输入？表单应该分为多个步骤吗？或者可能应该有三列表单输入，以便它们都适合于一个屏幕？

在一个页面中包含大量表单字段的主要参数是我们以前见过的一个参数：

“用户讨厌滚动”

同样，这里的问题不是需要滚动，而是屏幕上的信息量（意味着，屏幕上一次可以看到多少表单字段）。与按钮一样，表单字段的数量应该尽可能减少到最小值，但这些字段仍然可以提供上下文和易用性。

01. 始终使用单列

设计表单的最佳实践是将输入字段放在单个列中，这将使最终用户更容易继续他们的页面流并查阅每个部分。

02. 想想您正在讲的故事

有时，应用程序的表单字段反映最终用户正在开始的旅程（例如，入职）或具有重要影响（例如，税务调查问卷）。当您思考您正在讲的故事时，寻找可将您的表格分成多页的最佳点。这样做会给您视觉空间，为最终用户创造喘息的空间。

03. 考虑下拉菜单中应包含的内容

如果只有2-5个表单字段项可供选择，请不要将它们都放在下拉菜单中。放置单选按钮是一种更友好的方法。

明确每个按钮的用途

在设计一系列应用程序页面时，用户体验设计师应该在每个页面上使用某些元素，以帮助最终用户获得导向。同样，您可能认为按钮不需要一致，因为最终用户只需要在特定页面的上下文中理解按钮。

设计按钮不一致的理由可能是这样的：

“苹果和谷歌就是这样做的”

不过，按钮设计的一致性对于用户顺利完成应用程序非常重要。

01. 规划位置、颜色和标签

提出问题的最常见的按钮示例是“接受”和“取消”。作为用户体验设计师，您必须决定将哪个按钮放在左侧和右侧，以便让最终用户可以轻松理解他们之间的关系。您还需要考虑按钮的颜色和标签。

按钮设计的经验法则是，当最终用户在应用程序流中向前移动时，该按钮应按以下方式设计：

应该在右边
它应该是绿色的
它应该有一个标签来解释它所做的事情（例如，“接受”、“继续”或“命令”）

但是，这可能会与“破坏性任务”混淆，例如当最终用户想要取消订阅时。在这种情况下，您需要考虑按钮标签是“Cancel”还是“Cancel Subscription”。

快速总结

以下是本文概述的基本UX最佳实践：

页面上不使用超过九个按钮
在UI中，避免长条文字
使用下拉菜单作为最后一种向最终用户显示选项的选择
给每一页一个标题
当一个页面深度超过一个级别时，请将其作为面包屑
当最终用户必须执行多个步骤时，请显示步骤
不要将弹出窗口放置在另一个弹出窗口中
不要将卡嵌套在卡中
将表单字段保留在单个列中
为按钮提供描述性名称

更多信息，请访问以下链接：

Mendix官网：https://www.mendix.com/zh/

Mendix中国论坛：https://forum.mendix.tencent-cloud.com/

Mendix行业解决方案：https://solutions.mendix.com/

Mendix平台指南：https://www.mendix.com/evaluation-guide/

Mendix动画展示：https://www.mendix.com/demos/

感谢阅读！

Mendix UX最佳实践相关推荐

UX最佳实践:提高用户体验影响力的艺术
<UX最佳实践:提高用户体验影响力的艺术> 基本信息原书名:UX Best Practices How to Achieve More Impact with User Experien ...
Mendix性能最佳实践
目录 1. 简介 2. 计算属性的最佳实践[MXP001][MXP002] 2.1 在页面中避免使用计算属性[MXP001] 2.1.1 修复步骤 2.2 删除未使用的计算属性[MXP002] 2.2 ...
《UX最佳实践：提高用户体验影响力的艺术》一3.6　总结
3.6 总结此实践的商业背景是什么(例如,产品是什么,用户是谁)? 平安的电子商务业务包括保险.贷款.信用卡等金融产品的销售.我们的潜在用户包括访问平安网站的用户,或有在线购买经验的用户. 运用此实 ...
web表单设计:点石成金_设计复杂的用户表单：12个UX最佳实践
web表单设计:点石成金 It's been a few years that I've been taking interest in designing complex user forms, w ...
Mendix基于腾讯云部署最佳实践
本实践由腾讯云与西门子数字化工业软件授权发布,未经允许不得转载. 1. 概述本文档介绍了西门子企业级应用开发平台Mendix应用快速托管到腾讯云容器服务(简称TKE)的最佳实践.该方案仅用于非生产 ...
Baymard Institute：基于UX的最佳实践的光荣的，循证的工具
重点 (Top highlight) I realized I wanted to write this piece when I mentioned the Baymard Institute to ...
ux设计_9种改善电子商务UX的过滤设计最佳实践
ux设计重点 (Top highlight) Every day, people visit online stores and leave them without making a purcha ...
《AngularJS深度剖析与最佳实践》一1.4　实现第一个页面：注册
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第1章,第1.4节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...
夏令时和时区最佳实践
我希望使这个问题及其答案成为处理夏时制(尤其是处理实际变更)的权威指南. 如果您要添加任何内容,请执行许多系统都依赖于保持准确的时间,问题在于夏时制导致的时间变化-向前或向后移动时钟. 例如,一个在 ...

Mendix UX最佳实践

简介