ux和ui_直观的UI及其如何帮助改善UX

如果您看到两个用户体验设计师互相交谈,那么讨论的主题很可能将围绕“直观用户界面”展开 。 对于当今的任何设计项目,最重要的标准可能在于如何使其直观 。 实际上, 直观已成为用户界面中最常见的形容词。

鉴于此,合理地询问UI直观意味着什么 。 尽管所有其他设计师都使用此术语,但是很难找到正确定义直观UI 的具体且有意义的解释

在这篇文章中,我将尝试阐明直观用户界面的隐藏方面。

什么是直观的UI?

当用户在不使用原因,实验,帮助或特殊培训的情况下了解其行为和效果时,可以将其称为直观。

什么是直观的UI

例如,如果某个东西看起来像一个按钮,我们知道如果单击它,它将提示一些操作。 同样,如果存在链接,我们知道单击该链接将导致打开另一个网页或进入另一个网站。

但是,如果遇到一个UI不仅很难导航,而且还包含听起来不熟悉我们的触发器,那么该UI可能是非直觉的

想象一下,您正在寻找购买豪华车。 您前往展厅。 销售人员将您带到汽车上,您将在欣赏其美丽的同时向前迈进。 正如您尝试打开门把手时,您会意识到没有门把手,而不是欣赏汽车,现在您的主要重点是弄清楚如何上车。

一种非直观的设计类似于此方案,因为它在不熟悉的情况下阻碍了用户的注意力, 没有明显的解决方案 。 在网站设计方面,只要用户能够不间断地完成任务,那么设计就很直观。 另一方面, 不直观的设计将用户的注意力转移与他们的任务无关的元素上。

现在,我们对直观的含义有了一点了解,让我们逐一介绍创建熟悉且直观的UI的各个方面。

创建一个熟悉而直观的用户界面

众所周知,人类总是将虚拟世界中的事物与物理世界中的事物联系起来。 当涉及到Web界面时,他们总是寻找模式以了解某些事物的工作方式。

用户体验设计师可以利用这一点- 人类寻求模式的倾向

1.不要重塑模式

通常,我们不喜欢更改常见模式 。 例如,Windows用户在移至OS X后可能会感到尴尬,“ 最小化” ,“ 最大化”和“ 关闭”按钮位于窗口的左侧。 反之亦然。

不要重塑模式

我们已经习惯了某些模式 ,而脱离这些模式并不是用户友好的。

2.保持一致

在创建直观设计时,人们不能足够关注一致性方面 。 在设计网站时,需要页面之间保持一致

人们对网站上的事物如何运作有一种期望,如果这些事物从一个页面变为另一个页面,它不仅会造成混乱,还会使人沮丧

在一个页面上使用顶部导航栏与在另一页面上使用带有导航链接的侧栏之间的切换是一个示例,该示例说明了如何引起不必要的干扰和沮丧,最终使您的访问者离开。

即使是一个很小的决定,例如缺乏与导航栏位置一致的纪律性,对于使网站设计具有直觉性也至关重要。

3.确保完成任务所需的最少步骤

没有人愿意花一整分钟来创建一个帐户。 这就是为什么您需要简化注册过程确保最少的步骤的原因简化和减少多余的步骤是保留和转换访客的关键。

4.使用工具提示和集成的帮助消息

这是直观UI的最关键方面之一。 事实仍然是很难创建通用UI 。 尽管对于某些用户而言,您的UI可能很直观,但可能会有其他人不同意。

要消除后者,您可以合并工具提示或集成的帮助消息 ,以指导用户网站的工作方式。

使用工具提示

这是在有人实际使用您的网站时提供帮助的无缝方式 这不仅节省了他们的时间,而且还使整个用户体验更加愉悦,更少混乱并且更加有效。

5.确保快速加载网站

格言是,如果您让客户有时间思考,他们很可能不会购买。 网站设计也是如此。 如果页面加载时间“太长” ,则用户很有可能不会等待它,而只会移至另一个网站。

这就是为什么在涉及繁重的网页时,始终建议显示部分内容或加载栏以使用户停留在页面上的原因。

确保网站快速加载

结论

最后,事实仍然是, 很难弄清有很多干扰的网站永远不会变得直观。 除了关注常见的设计问题(例如选择正确的配色方案或完美的内容结构)之外,您还需要确保设计直观

用户体验常常被误认为是视觉吸引力。 实际上,这只是其中的一部分。 另一个重要因素是您的产品被用户采用的程度如何。 如果您不能有效地提供一个易于理解的直观UI并可以帮助完成预期的任务 ,那么您的访问者可能会转向具有该功能的竞争产品。

编者注: 这篇文章是由Manish Bhalla为Hongkiat.com撰写的。 Manish是FATbit Technologies的创始人兼首席执行官,该公司是一家为初创企业构建尖端电子商务解决方案的网络代理。 曼尼斯(Manish)为企业提供技术,在线营销策略方面的咨询,并帮助初创企业制定适合其个人需求的正确策略。


翻译自: https://www.hongkiat.com/blog/defining-designing-intuitive-ui/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值