通过导航加强用户体验的3个原则

文章介绍了导航设计中的3个原则,将以下原则付诸实践,或许会使用户体验大大Max!


文章介绍了导航设计中的3个原则,将以下原则付诸实践,或许会使用户体验大大Max!

通过导航加强用户体验的3个原则

你是否正准备评估一个数码产品并且不知道从何入手?或许你需要一些关于如何通过导航加强用户体验的指导?

这篇文章将着眼于我作为一个用户体验顾问在日常工作实践中的三个导航原则。这些包括:

  1. 信息架构(IA),符合用户的心理模型(即他们期待特性和内容如何被构建)
  2. 构建导航的方法易于识别并且具有一致性
  3. 导航提供的选项数是合理的

请随时把以下框架融入自己的用户体验流程!

对于数码产品来说,导航是什么?

导航描述了用户浏览网站和移动应用程序的方法。这是更广泛的信息体系结构的结构和功能的一部分。

导航的一个重要组成部分也是“发现”或者“签署发布”,这涉及到让人们知道他们哪些地方经由不同的线索和处理关联起来。网站或者软件的每个页面都可能只是被一个用户浏览,所以一些和目的相关的上下文是重要的。

原则#1

信息架构符合用户的心理模型以及它们期望在网站或应用程序特性和内容如何被构建的。

定义结构

在设计导航之前定义IA是很重要的。可以做一种卡用来组织不同的页面转化为不同的类别。你可以与用户组即你征求一些目标用户一起做这些,让他们安排不同的标签组或使用专家设计,

有许多工具可以用来定义你的网站或软件的结构。

CTA引导用户期望吗?

网站的信任和可信度取决于一些小细节,比如拼写错误之类的东西,但也取决于按钮或链接的对齐以及他们的引导。

例如,如果用户在产品页面上说“现在购买”,你会希望被带到一个页面用购物车购买该产品。

你应该减少每页调用操作的数量或者至少给他们不同的视觉负担。

通过导航加强用户体验的3个原则

“我觉得幸运吗?“是一个模糊/不必要的指令

菜单在熟悉的地方吗?

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

例如,iOS手机菜单在屏幕的底部,而Android会显示一个汉堡包导航选项菜单。您可能想要查看一个网站如pttrns.com去看已被精心设计为一个特定的平台的视图导航模式。

原则#2

在整个网站或应用程序中,导航结构的方法易于识别和可持续性使用。

你期望的东西在哪里?是结构明确和一致吗?

完整的用户体验是建立在用户经受的一切之上。建立在我们所知道的导航和所有不同组件之上。

例如,在被设计时网站应遵守标准规范。

用一个网站举例来说明不同的组件都包括什么。可能包括商标和品牌,导航/视觉设计变化,上下文提示向导/步骤,面包屑,url,标题甚至窗口页面标题!

通过导航加强用户体验的3个原则

《经济学人》表明你在哪里

  1. 商标和品牌
  2. 导航栏的交互
  3. 页面标题
  4. 文章标题
  5. 上下文线索

原则# 3

选项的数量是合理的(即任何一次都不超过5 – 7项)

在任何界面产品中,无论是一个iOS应用程序或网站,你应该让选项尽量少。

你不希望用户丢失,或者被你的网站的结构搞晕。提供选项的数量应该是合理的。

在我的经验中,有太多的选择可以超载用户会适得其反,你想实现什么业务。你应该有一个小而且有针对性的常用选项。

我经常会问产品所有者或者有对这块熟悉的人,用户使用最多或者优先考虑的选项是什么。

通过导航加强用户体验的3个原则

在上面的例子中,在英国广播公司(BBC)的网站上可以看到下拉选择。顶级的选项包括八项。下拉选项有如果用户需要访问更多东西时可以访问的很多不同的链接的选项。

在这样的网站订单事情按字母顺序不合理,但是整理以便他们最经常访问的。如果你有一个现有的网站您可以设置一些分析来确定他们,或建立某种类型的卡片分类活动。

对于一个典型的网站,应该是在每个页面,非常简单的以一致的方式列出七个左右的链接。如果你工作在一个大规模的有重要的信息架构网站,你将需要仔细考虑 如何构建你的链接。

结论

这里有几个驱动强大的用户体验与导航的原则。你应该识别并理解被用来定义导航的启发和原则。首先,作为一个好的设计实践的提醒,其次对现有产品进行评估。

一个网站的基本结构,IA和不同的页面,标签和链接应该符合用户的预期。此外,是值得思考的背景下,你的产品/网站和考虑任何约定或模式,用户熟悉的平台。

值得思考的是你的产品或网站的上下文以及用户熟悉的任何平台协议或模式。

用这个作为指导来构建一个一致且直观的体验。此外,你应该考虑最重要的页面或选项,将它们放在页面的顶部。根据我的经验,超过其个导航选项明显是有些过火了。其他不重要的选项,例如“设置”可以在需要的时候才出现

 

原文作者:Joel

原文地址:3 Principles for Strong User Experience Through Navigation

翻译:浅笑d42021

译文地址:http://www.ui.cn/detail/215651.html

版权:人人都是产品经理遵循行业规范,任何转载的稿件都会明确标注作者和来源,若标注有误,请联系主编QQ:419297645

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23733/

(0)
CatherineCatherine
上一篇 2017-05-06 13:51
下一篇 2017-05-06 15:51

相关推荐

  • 交互设计的知识体系架构 做好产品与人的“翻译官”

    面临毕业季想从事交互设计这个行业,但毫无头绪?交互设计是什么鬼?工作一段时间发现转业交互设计,一直找不到学习的途径。接到一个需求,兴奋地开始画图,提交后产品和开发向你提出一大堆问题,你不停自否定的改图陷入死循环。互联网交互行业越来越受到追捧,看似入门的门槛很低,会画线框图就可以了。事实上交互设计师大部分是输出抽象方面的东西,对象是行为。一位知名人士曾将人与系统交互的过程分为五个要素:用户、行为、目标、场景、媒介,这些你曾了解过吗?这次M...

    2018-02-09
  • 用户体验五要素

    01战略层什么是用户体验:用户在使用产品过程中建立起来的一种纯主观感受。用户体验的重要性:给用户一个积极、高效的体验,他们会持续使用你的产品,产品满足用户某方面的需求并来盈利,帮助人们提高生活质量,提高工作效率,改善人际关系,等等。五要素:战略层、范围层、结构层、框架层、表现层用户体验要素的作用:要素之间相互作用完成任务,创建一个总体的用户体验设计。适用场景:设计:战略层→范围层→结构层→框架层→表现层用户体验:表现层→框架层→结构层→...

    2018-02-06
  • 用户体验设计师是做什么的

    用户体验设计师的责任UX设计师如何每天工作?这个问题的答案,正如许多问题一样,是:这要看情况而定。用户体验设计师的职责从公司到公司,甚至同一公司不同项目各不相同。尽管角色各不相同,但有一些职能是期望用户体验设计师去做的,这与他们所工作的公司无关。下面为总结的用户体验设计师的6个主要职责:1.产品研究产品研究(包括用户和市场研究)是每个用户体验设计师的用户体验设计项目的出发点。它为伟大的设计提供了基础,因为它允许设计师避免假设和做出信息驱...

    2018-03-03
  • App界面交互设计规范

    APP设计规范指对APP界面进行风格统一,对界面元素的样式、颜色和大小设定统一的规范和使用原则。与设计、前端约定好统一的设计规范很重要,约定设计规范可以减少产品、设计、前端的沟通成本;可以使界面设计整洁、…

    2015-11-08
  • BAT名师访谈,阿里交互设计专家的成长之路

    编者按:优设访谈第四期!今天这位设计师也是老朋友了,作为网易电子商务部UED团队的创建者,阿里现任交互设计专家,以及业内人士鼎力推荐的《破茧成蝶:用户体验设计师的成长之路》联合出版人,@刘津legene 老师的…

    2015-11-19
  • 这就是你们期望得到的:自动抢红包神器

    红包抢到100个,一共10元。

    屏幕:猝~!

    2016-02-03
  • 用户体验丨有一点,我特别不服:我一向健康,这本“生命说明书”却告诉我,风险无处不在!

    我与优福的故事聚 集 幸 福 之 因[图片]癌症,是人们的恐惧中心。很多人平时身体棒棒,突然就倒下了,永远的离开。比如我婆家的姑爷,发现时已经晚了,无力回天[图片][图片][图片]。2013年,安吉丽娜·朱莉检测了自己的基因,发现乳腺癌症易感基因患癌率是87%!她提前知道,提前预

    微信热点 2018-02-01
  • 交互、研发、视觉部门的协作工作技巧分享

    本文转载自交互学堂公众号,作者阿西UED 交互、研发、视觉部门的协作工作技巧分享 微信号:IxDSchool 本文是图片形式,打开有些慢,请耐心加载完再阅读。这里有原文地址

    2016-01-15
  • 7个维度,让你在网页设计中讲好故事

    网站能承载多种多样的内容,但无论是哪种内容,通常都会遵循一定的信息架构。在这其中,故事是很特别的一种类型。讲故事,往往能以更叙事、更情感化的方式,将内容传递给用户。一个好的故事,往往始于笔端,但是最终呈现,还是要依靠精巧的设计。那么设计是如何讲好故事的呢?今天的文章,为你分享一下创造故事的7个维度。

    2017-05-05
  • 微信黑科技”红包照片“今日仅限一天体验速去!!

    就在刚才,微信偷偷发布了黑科技,说不清是照片红包还是红包照片,反正平日里的发朋友圈的照相机图标已经变成了香槟金,点击后会出现发照片红包的选项,发布之后朋友需要支付红包才可以打开。   快去试试?

    2016-01-26