Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX

通过导航实现强大用户体验的 3 个原则

by
Length:ShortLanguages:

Chinese (Simplified) (中文(简体)) translation by Yushine (you can also view the original English article)

你是否评估现有的数字产品,不知道从哪里开始? 也许你需要一些关于如何通过导航增强用户体验的指导?

这篇文章将介绍我在日常工作中作为 UX顾问使用的三种导航原则。 这包括:

  • 信息架构(IA)与用户的心理模型(即他们将如何期待产品特征和内容结构化)保持一致。
  • 这意味着导航结构易识别且始终一致。
  • 提供的导航选项的数量是合理的。

随意将以下框架纳入你自己的UX工作流程中!

数字产品的“导航”是什么?

“导航”描述了用户通过网站和应用程序移动的方式。 它是结构和功能更广泛的信息架构的一部分。

导航的一个重要组成部分也是“寻路”或“记录符号”,涉及让人们通过不同的提示和处理知道他们在哪里。 网站或软件的每个页面可能是用户唯一查看的页面,因此某些环境与其目标相关很重要。

原则 #1

  • 信息架构与用户的心理模型相一致,以及他们如何期待在网站或应用程序中构建产品特征和内容。

定义结构

在设计导航之前定义 IA 是很重要的。 可以进行卡片分类以将不同的页面组织成不同的类别。 你可以利用用户群体来进行,征询多个目标用户,并要求他们将不同的标签排列成组,或者使用专家设计。

你可以使用一些工具来定义你的网站或软件的结构。

CTA 引导用户期望的位置?

你的网站的信任和信誉取决于诸如拼写错误之类的小事情,还有按钮/链接之间的对齐方式以及它们所在的地方。

例如,如果用户在具有“立即购买”的号召性用语的产品页面上,你将期望被带到购物车购买该产品的页面。

你应该尽可能减少每页的请求次数,或至少给予他们不同的视觉重量。

Im feeling lucky is an example of a vagueunnecessary call to actionIm feeling lucky is an example of a vagueunnecessary call to actionIm feeling lucky is an example of a vagueunnecessary call to action
“我很幸运?”是一个模糊/不必要的行动呼吁的例子

菜单在熟悉的地方吗?

看看你正在设计的内容。 人们习惯于看到导航,例如在一致位置的菜单。

例如,iOS 手机的屏幕底部有菜单,而Android则会在汉堡包菜单中显示导航选项。 你可能想要查看一个像 pttrns.com 这样的网站来查看为特定平台制作的导航模式。

原则 #2

  • 这意味着网站或应用程序的导航结构易识别且始终一致。

你期望他们的东西吗? 结构清晰一致吗?

用户体验的总体来自用户遇到的一切。 建立在我们所知道的导航及其导航的所有不同的组成部分。

例如,当设计良好时,网站遵守标准惯例。

使用网站作为示例的不同组件可能包括徽标和品牌,导航更改/视觉设计更改,情境线索,向导/步骤,面包屑,网站链接,标题甚至窗口页面标题!

经济学家指出你在哪里

  1. 标志和品牌
  2. 导航栏互动
  3. 页面标题
  4. 文章标题
  5. 情境线索

原则 #3

  • 提供的选项数量是合理的(即任何时候不超过5-7个项目)

在任何界面产品中,无论是iOS应用程序还是网站,你应将所提供的选项数量保持到最少。

你不希望用户迷路或被网站的结构所困惑。 那么提供的选择数量应该是合理的。

根据我的经验,有太多的选择可能会让用户超载,并且与你尝试实现的业务相队里。 你应该有一个小的,有针对性的常用选项。

我会经常询问产品所有者,或拥有领域知识的人,用户最多使用哪些选项,并将这些选项列为首先显示的重要选项。

在上面的示例中,你可以看到 BBC 网站上提供的下拉选项。 最高级别的选项包括八个项目。 具有(更多)选项的下拉选项具有许多不同的链接,用户可以根据需要访问更多的东西。

在这样的网站中,按字母顺序排列顺序是没有意义的,但按照最常访问的顺序进行排序。 如果你有一个现有的网站,你可以设置一些分析来确定它们是什么,或者设置某种类型的卡片排序活动。

对于典型的网站,以一致的方式在每个页面上布置七个或更多链接应该很简单。 如果你正在开展具有重要信息架构的较大规模网站,则需要仔细考虑如何构建链接。

结论

这几个原则可以推动导航的强用户体验。 你应该识别和理解用于定义导航的启发式和原理。 首先,作为一个好的设计实践的提醒者,二是评估现有产品。

网站的基本结构,IA 和不同的页面,标签和链接应该与用户期望的一致。 此外,你可以考虑你的产品/网站的情境,并考虑用户熟悉的任何平台约定或模式。

以此为指导,建立一致和直观的体验。 此外,你应该考虑最重要的页面或选项,并将它们包含在页面顶部。 根据我的经验,只要有七个导航选项可见,就会超过它。 其他不太重要的选项,如“设置”可以在需要时显示出来。

你是否在定义 IA /导航的业务? 你是否还有其他原则可以提升用户体验? 在下面的评论部分添加你的想法!

其他资源

关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.