通过导航加强用户体验的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

相关推荐

  • CDS Sketch Practise ! 今天教你画卡车!

    很多学员在一开始接触汽车设计的时候掌握不准比例的确,汽车的比例非常特殊抓不准比例草图非常容易走形我们之前的推送搬运过H-Point的车型比例讲解链接在文章底部掌握比例需要大量的练习如果你急于做项目可以先从比例易于掌握的卡车入手卡车侧视图设计手绘教程卡车的座舱可以视为一个大的体量相比较于其他车型更容易表达而且设计一个单体量车型的过程可以锻炼自己塑形和表达形体的能力是很好的汽车设计入门练习视频解析确定座舱的外轮廓用较浅的线条勾勒出来初步想法...

    2018-04-08
  • UX设计师不得不掌握的心理学技巧

    不要让视觉效果过重以至于霸占了整个网页的重心
    视频比起文本和图片更容易吸引用户的注意力
    女性和孩子的形象更容易吸引用户的注意力
    用户浏览页面的视觉轨迹是“F”型的

    动机
    能力
    触发

    2017-05-23
  • 在设计注册/登录界面时要注意的常见问题

    当用户完成注册之后,可以选择性地提供额外的信息,而这些信息可能会给给用户带来更加定制化的用户体验 。为了安全起见,绝大多数的网站还是提供了邮箱验证甚至电话验证的环节,甚至提供备用安全邮箱的验证机制。

    2017-05-29
  • 了解8pt栅格系统,快速而统一地完成界面布局

    此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助,但对响应式web设计也有帮助。与一般的设计指南相比,此文更适合一边设计一边阅读。

    2017-05-09
  • 走心!优秀的移动端UI应当如何用微交互打磨细节?

    UI设计的细节很重要,它不仅仅体现在静态的元素上,动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计,微交互和动效设计是绕不开的问题,今天的文章我们来聊聊这个。

    2017-05-19
  • Axure优雅装逼指南:开启原型高颜值形态

    作者寄语 / 一直想写的Axure小技巧分享,终于动手写了。望能对亲有所帮助,文笔粗糙请谅解。内容目录:啥是高保真原型?简单说明原型Axure可以画出什么水准的高保真?给示例,开启装逼模式特殊的技巧:核心内功:目标清晰/理解设计规范画图习惯:像素对齐/用浅色/上素材啥时候上高保真?:适用场景 and 不适用场景啥是高保真原型?啥是原型,从事互联网研发体系的同学,肯定非常熟悉,特别是产品岗同学。如果不是,那如下简单讲原型和高保真原型的:原...

    2018-04-28
  • 帅气的YouTube改版交互设计,获Adobe大奖

    美国设计师Ziarekenya Smith为Youtube制作的概念交互设计,获得2014年Adobe设计大奖。项目视频↓↓↓Ziarekenya Smith一人承担了设计、动画、音效所有内容.新Logo,一个简洁的取景器,更强调用户UGC特色新的登录页面新…

    2017-08-02
  • 老外看中国的移动App设计精髓-1 ui设计的十大精髓

    摘要:本文作者Dan Grover用最直接的方式体会了中国移动互联网的发展。这是一个外国人眼中的应用UI在中国的趋势,基本反映了当前国内UI设计的状况,从他的所感所想中,认真审视这些在别人看来,我们自己身上所拥有…

    2014-12-11
  • 门诊的用户体验,决定患者的选择

    口腔之声每晚8:00与您一起看口腔汇聚国内外口腔专家3000个视频随便您看世界华人牙医聚集地促进行业交流的价值门诊的用户体验,决定患者的选择现今的口腔医疗市场竞争,呈现出来的形态,公立医院的患者,到处挤满了人,号挂的满满的,而民营口腔医疗机构,又是大肆的营销活动,这家公益宣传,那家优惠活动,这家明星站台,那家老外看诊!的的确确呈现出同一个国家,面对两个市场的景象,当然每一个口腔医疗机构,或者说每一个家口腔,都有服务不同的患者层级。最近经...

    2018-05-06
  • 【上海实习】上海最TOP实习

    TG实习狗每日发布北上广深最新鲜的实习信息,陪伴你从大学到职场TG旗下媒体:TG实习狗、TG校招狗、TG内推狗▲ 点击图片马上了解 ▲招收15-20名高潜质学员进行为期1-2年系统定制化培养助力高潜质人才进入顶尖名企今日求职贴士发表于1秒前老狗查看:66666回复:233你真的适合咨询行业吗?在我看来任何选择咨询的人都会不可避免的询问自己以下几个问题1.Do I Love Solving Problems?2.Do I Think in...

    2018-04-09