佛山网站制作:宏观和微观设计的重要性

2019.08.13 mf_web

155

当您设计信息架构,应用程序的导航栏或产品的整体布局和视觉设计时,您将专注于宏观设计。当您设计(页面的一个部分,一个表单,或单个任务和交互)时,您将专注于微矩设计。

根据我的经验,设计师经常在宏观设计问题上花费大量时间,有时在关键微矩设计问题上花费的时间也较少。那可能是个错误。

以下是关键微矩设计的示例。

我看了很多书。我们每年都在谈论一百多本书。我甚至不知道我读过多少本书,因为我读过这么多书,我是一位忠诚的图书馆赞助人。主要是为了阅读小说的乐趣(甚至有时阅读非小说),我依靠我的图书馆让我的Kindle充满了有趣的东西来阅读。

对我来说幸运的是,我县和我所在州的图书馆系统在为我的Kindle提供书籍方面相当不错。不幸的是,这个全州的图书馆网站和应用程序需要严格的用户体验改进。

当我的图书馆宣布没有使用(设计不合理的)网站(没有移动响应式设计)时,我感到很激动,图书馆推出了一个全新的移动应用程序,专门用于优化手机体验。“耶!”我想。“这太棒了!”

也许我说得太早了。

佛山网站制作让我带您了解登录应用程序的体验。首先,我下载了应用程序,然后登录:

登录威斯康星州数字图书馆的截图

我没有带上我的借书卡(我正在旅行),我不确定“登录OverDrive”是什么,但我想我可以从列表中选择我的库,所以我按下了箭头。

按向下箭头查看有关如何登录威斯康星州数字图书馆的更多详细信息

“好极了,”我想。现在我可以滚动到我的图书馆。我知道我的图书馆在威斯康星州的马拉松县。事实上,我知道从使用他们称之为我的图书馆的网站:“马拉松县,埃德加分馆”或类似的东西,因为我住在一个名叫埃德加的村庄,所以我想这将是我应该寻找的,特别是因为我可以看到名单从B(布朗县)到F(Fond du Lac公共图书馆),没有E给埃德加显示。所以我继续滚动。

我滚动了一会儿,寻找M(希望找到马拉松)。

在威斯康星州的数字图书馆中按字母顺序搜索所需的库名称

嗯。我看到Lone Rock,然后名单上的下一个是McCoy。我知道我在马拉松县,事实上,有几个马拉松县的图书馆。然而,我们似乎已经跳过列表中的马拉松。

我继续滚动。

滚动网站上的库名称列表

哦,哦。我们到了列表的末尾(到W¯¯的),但现在我们似乎与开始一试。那么,如果我继续滚动,也许马拉松现在会出现。

你知道威斯康星州有多少个图书馆,并列在这个名单上?我知道,因为当我开始记录这个用户体验时,我决定计算这个列表中的条目数量(我认为只有一个疯狂的UX专业人员需要时间来做这个)。

此列表中有458个库,列表一直到字母表的末尾,然后由于某种原因重新开始。我从未弄明白为什么。

最后,我确实参加了马拉松比赛!

向下滚动列表只是为了找到一些名为“马拉松县公共图书馆”的图书馆

然后我发现我真的遇到了麻烦,因为有几家图书馆以“马拉松县公共图书馆”开头。由于应用程序只显示前27个左右的字符,我不知道哪个是我的。

你知道我在这一点上做了什么吗?

我决定放弃。在我决定之后,我得到了这个屏幕(可以说是“锦上添花”):

威斯康星州数字图书馆的错误信息

如果我联系支持人员,您是否抓住了我应该参考的“ID”?真的吗?

这是微矩设计问题的经典案例。

我猜你现在有些人在想,“好吧,这不会发生(我,我的团队,经验丰富的用户体验人员)。”你可能是对的。特别是这种特殊类型的微矩设计失败了。

但是,我可以告诉你,我看到各种应用程序,软件,数字产品,网站以及来自各种公司和团队的微时刻设计失败。我见过有经验的用户体验团队,精通技术的组织,以客户为中心的组织,大型公司和团队以及新创企业的组织的微时刻设计失败。

让我们暂停一下,将微矩设计与宏观设计进行对比。

假设您被聘用来评估产品的用户体验。您收集有关应用程序,用户,上下文的数据,然后开始浏览应用程序。您会注意到您希望与团队一起提出的许多问题 - 一些很大,一些很小:

  • 应用程序中的页面到页面/屏幕到屏幕之间存在一些不一致。你想看看他们是否在网格上放置了页面,是否可以改进;

  • 您对配色方案是否符合品牌推广指南有疑问;

  • 您怀疑存在一些信息架构问题。菜单中的项目组织和图标的使用似乎不太直观;

  • 用户应该填写和提交的表单之一令人困惑,您认为人们可能无法填写表单并提交信息,因为不清楚用户应该输入什么。

有许多方法可以对用户体验设计因素,问题和/或问题进行分类。询问任何UX专业人士,您可能会得到一个类似但略有不同的列表。例如,UX用户可能会考虑概念模型,视觉设计,信息架构,导航,内容,排版,使用环境等等。但是,有时候,只考虑两个主要类别:宏观设计和微矩设计,考虑用户体验因素,问题和设计可能会有所帮助。

在上面的示例中,列表中的大多数因素都是宏设计问题:布局,颜色方案和信息架构的不一致。有些人将宏观设计问题称为“高级设计”或“概念模型设计”。这些是跨越不同屏幕和页面的UX设计元素。这些是用户体验设计元素,提供用户可以对应用程序执行的操作以及下一步操作的提示和提示。

如果您想设计人们想要使用的产品,宏设计至关重要。如果产品与用户的心理模型不匹配,如果产品不“直观” - 这些通常(并不总是,但经常)是宏观设计问题。

当然,这意味着宏观设计非常重要。

这不仅仅是导致麻烦的微矩设计问题。宏观设计问题也可能导致大量的UX问题。但是,经验丰富的UX专业人员更容易发现宏观设计问题,因为它们可能更加明显,而宏观设计通常会在设计过程中相对较早地投入时间。

如果您想确保没有宏设计问题,请执行以下操作:

  • 为了更好地了解用户的心理模型,您需要预先进行UX研究。用户对此产品的期望是什么?他们期待什么叫做什么?他们希望在哪里找到信息?

  • 对于用户要执行的每项任务,请确保选择了一个或两个“对象”并使其显而易见。例如,当用户打开应用程序以寻找要租用的公寓时,对象应该是公寓,并且对象的视图应该是他们期望的:列表,细节,照片和地图。如果用户打开用于支付保险单的应用程序,则对象应该是策略,账单,诊所访问,而视图应该是列表,详细信息,历史记录等。

  • 您完成UX用户所做的所有UX研究相关事务(例如人物角色,场景,任务分析等)的原因是您可以设计有效,直观的宏设计体验。

然而,根据我的经验,团队可以陷入设计,评估或修复宏观设计问题,而不是在微时刻设计上花费足够的时间。

在前面的示例中,最后一个问题是微矩设计问题:

  • 用户应该填写和提交的表单之一令人困惑,您认为人们可能无法填写表单并提交信息,因为不清楚用户应该输入什么。

文章开头的图书馆示例也是微矩设计出错的一个例子。

微矩设计是指某人试图完成的一个非常具体的页面/表单/任务的问题。这就是“成败”的时刻,不仅决定是否有人想要使用应用程序,而且他们是否甚至可以使用应用程序,或者他们是否放弃和放弃,或者最终犯下难以实现的错误正确。无法选择我的图书馆是一个微时刻设计缺陷。这意味着我无法继续。我不能再使用该应用程序了。这是应用程序的成败时刻。

当我们设计新产品时,我们经常关注宏观设计。我们专注于整体布局,信息架构,概念模型,导航模型等。那是因为我们还没有设计任何微时刻。

危险在于我们会忘记密切关注微矩设计。

所以,回到我们的图书馆示例,你可能不相信这样的微时刻设计失败可能发生在你的手表上。它可以。微矩设计故障可能由于多种原因而发生。

以下是我见过的几个常见的:

  • 在对原型进行检查和测试之后,可以进行技术更改(例如,可以在字段中显示多少个字符)。因此原型运行良好并且没有UX问题,但技术变化发生得更晚,从而导致UX问题而没有人注意到。

  • 在一种形式或应用程序中运行良好的模式和标准在不同的上下文/表单/应用程序中重复使用,而在新上下文中有关表单的特定字段的某些内容意味着存在UX问题。

  • 稍后由不同的人或团队添加特征,这些人或团队没有意识到特定特征,字段,形式对该过程中较早或稍后的另一微观时刻的影响。

  • 用户测试没有完成,或者仅在应用程序的一小部分上完成,或者它已经提前完成,而不是在以后进行更改时重新完成。

如果您想确保没有微矩设计问题,请执行以下操作:

  • 确定界面中关键的成败时刻。

  • 在每个时刻,确定用户想要做什么。

  • 在每个时刻,确定产品所有者希望用户做什么。

  • 准确了解您可以通过设计做些什么,以确保满足上述两个要求。

  • 使该东西成为界面的最高优先级。

小贴士

宏观和微观时刻设计对于产品的用户体验成功至关重要。确保你有一个设计过程,并为两者提供相同的时间和资源。

确定最终设计完成后的关键成败微观设计时刻,并尽快对用户进行用户测试。进行更改时重新测试。

尝试与您的团队讨论微矩设计和宏观设计。您可能会发现这种设计问题的分类对他们来说是有意义的,可能比您使用的任何分类方案都要多。

佛山网站制作

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP