跳到主要内容

4个UI模式,以改善用户交互

没有一种正确的方法来设计网站UI。没有万能的模板供您插入品牌并点击“提交”。每个网站都有自己的目标,动机,策略和艺术风格。

这不是一篇概述每次设计完美网站的明确规则的文章。这篇文章描述了一些有效的设计模式,因此您可以根据需要进行选择和修改。

01.输入控件

输入控件的本质是允许用户与站点进行更深入的交互。但这里有一个悖论:用户通常需要更多控制权,但每个新控件都会使UI复杂化并使屏幕变得混乱。达到完美平衡的最佳方法之一是按需控制。

collabfinder.com

Collabfinder.com提供了一个隐藏杂乱的下拉菜单的好例子

这是一个双赢的解决方案,其有效性的证明可见于几乎所有知名网站都采用它。通过将鼠标悬停在受影响的内容(Pinterest)上或通过标签(Google文档)隐藏在折叠的下拉菜单中,可以隐藏和显示控件。

如果您的站点以单个输入字段为中心,或者如果输入是必要的第一步,则在该输入字段上设置自动对焦将是明智之举。自动对焦是指光标在字段内自动开始,最着名的是谷歌使用。

只要您进入Google,就可以开始输入查询,而无需点击任何地方。

02.导航

UI设计的基本要素之一是功能齐全的导航平台。对于每个站点来说都是完全必要的 - 如果您的用户找不到任何内容,那么您的网站其余部分的效果并不重要。

Skullcandy

在Skullcandy的Supreme Sound网站上,当您沿着耳机线向下移动屏幕时,屏幕会旋转

Skullcandy的Supreme Sound网站例如,利用非正统的滚动方法很好地利用垂直导航。当您沿着耳机线向下按屏幕时,屏幕会旋转。

这只能起作用,因为右侧的导航菜单保持稳定,在探索时锚定和定向用户。

03.指导行动

虽然默认设置可以让人们对他们的控制水平感到不舒服,但指导他们行为的更温和的方式是建议的力量。引导操作允许您鼓励更深入的参与,互动甚至反馈 - 只要您提出的行动并不繁琐。

LinkedIn是使用引导式操作的最佳示例之一。在打开页面时,用户通常会看到提示操作,例如,添加与您参与的课程,组织或非盈利相关的信息。

LinkedIn plays on the fact that it's human nature to enjoy helping friends

LinkedIn播放的事实是,享受帮助朋友是人性

这同样适用于认可。享受帮助朋友是人性,所以促使这种引导行动是有效的,因为这是他们想要做的事情,但可能没有自己想到它。

LinkedIn的好处是它鼓励更深入地参与他们的网站,进一步增加用户的投资和体验。

04.默认设置

用户很少更改默认设置,即使他们可以选择。这意味着你第一次就把它弄好了。

虽然这似乎有很多责任,但还有一个好处。您可以选择希望用户遵循的操作的默认设置。

以Living Social为例 - 电子邮件交易的默认受众是“所有人”,它鼓励用户将交易转发给更多人。

Living Social

在Living Social上,电子邮件交易的默认受众是“每个人”

虽然很容易对用户的设置进行绝对控制,但对于用户体验而言,这对您来说非常重要。创建一个让用户保持默认设置的复杂过程只会让他们感到沮丧并将其推开。

另一个要考虑的因素是输入字段。但是,不要将默认值用于需要用户思考的任何内容,例如注册简报或接受使用条款等。

结论

输入控件,导航,默认设置和引导操作等UI设计元素都是成功用户界面的组成部分;但是,您可以选择如何实施它们。这些元素都是多功能的,可以灵活使用。

您在什么样的UI设计元素中做出的决定会影响您网站的整体个性,因此请谨慎选择适合您的网站。

话:尼尔·奥洛林

Niall O'Loughlin是营销经理99designs,一个在线图形设计市场,使客户能够快速获得图形设计工作。

像这样?阅读这些!

话题

UX


翻译字数超限