Mendix UX最佳实践

本文探讨了在应用程序开发中,用户体验设计师应遵循的一些关键原则和最佳实践,如避免屏幕内容堆积、过度设计,合理使用下拉菜单,确保用户定位,优化表单设计,以及明确按钮功能等。通过这些策略,可以改善用户体验,提高用户满意度。
摘要由CSDN通过智能技术生成

简介

在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/

感谢阅读!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值