58彩票网官网

| 专注于网站设计与营销型网站建设与优化

手机:133 169 89697

建站热线:0755-8366 6959

网站制作设计 >> 网站制作动态 >> 强大的用户体验通过导航3个原则

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

文章来源:牧羊人网站设计开奖大厅:网站设计

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

你是一个现有的数码产品的评价和不确定从哪里开始?也许你需要一些指导如何导航强大的用户体验驱动?

这篇文章将看三导航原理在日常工作中实际使用我作为一个用户体验顾问。这些措施包括:

信息架构(IA),符合用户的心理模型(即如何将他们的特点和内容是结构化的)。
对于导航结构的方法很容易识别和一致。
,导航选项提供的号码是合理的。
随时将下面的框架到自己的用户体验流程!

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

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

导航的一个重要组成部分,也是“寻路”或“张贴标志”,是让人们知道他们是通过不同的线索和治疗。网站的每个网页或软件可能是唯一一个由用户看的,所以有些内容是重要的关系到自己的目标。

 

# 1原则

信息架构与用户的心理模型和他们的期望的功能和内容是结构化的网站或应用程序。
58彩票网官网手机版
这是在设计导航的定义是重要的。卡片分类来组织不同的页面划分为不同的类别。你可以做一个用户组–哪里你招揽一批目标用户,让他们安排不同的标签组–或使用专家设计,

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

CTA的带领用户期望的吗?
信任与你的网站取决于小东西像拼写错误的信誉,而且像按钮、链接和他们领导之间的对齐。

例如,如果用户在一个产品页面,呼吁采取行动,说:“现在购买”你会期待被带到一个网页与车购买产品。

你应该尽量减少对行动电话号码的每一页,或者至少给他们不同的视觉重量。

在熟悉的地方的菜单吗?
看下你的设计。人们习惯于看到导航菜单,如一致的地方。

例如,iOS手机屏幕底部的菜单,而Android更倾向于在一个汉堡菜单导航选项。你可能要检查一个网站如pttrns.com查看导航模式已被制作为一个特定的平台。

 

# 2原则
•    导航结构的方法很容易识别和持续提供整个站点或应用程序。
事情你想到哪里呢?是结构的清晰和一致的吗?
总的用户体验是由所有用户遇到。根据我们所知道的导航和所有不同的组件,它是由。
例如,网站坚持标准约定,当设计好了。
不同的组件,使用网站作为一个例子可能包括商标及品牌,导航的变化/视觉设计的变化,语境线索,巫师/步骤、面包糠、URL、标题和网页标题的窗口!
 
经济学家表明你在
1.    商标和品牌
2.    导航栏的作用
3.    网页的标题
4.    文章的标题
5.    语境线索

 

 

# 3原则
•    选项提供的号码是合理的(即不超过5-7项在任何一个时间)
在任何界面的产品,无论是iOS应用程序或网站,你应该提供的选项数量最少。
你不想让用户丢失,或是由您的网站结构混乱。选项提供的号码应该是合理的。
在我的经验中,有太多的选择可以重载用户,反作用于你所要达到的目标作为一个企业。你应该有一个小的,有针对性的一些常用选项。
我会经常问产品所有者,或任何领域的知识,什么是用户使用最优先考虑这些作为所显示的第一选择。
 
在上面的例子中,你可以看到下拉选项可在英国广播公司的网站。选项包括八项顶级。下拉选项(更多)的选择有不同的链接,用户可以访问他们如果需要访问更多的东西。

 

 

在这样的网站是没有意义的事情以字母顺序排列,但解决问题的顺序,他们最经常访问的。如果你有一个现有的网站,你可以设置一些分析来确定他们已经,或建立某种类型的卡片分类活动。

对于一个典型的网站,它应该是相当简单的躺在一个一致的方式在每一页的七个链接。如果你工作在一个较大规模的网站,有一个显着的信息架构,你需要仔细考虑你如何构造你的链接。

 

结论

有几个原则,带动性强的用户体验和导航。你应该了解的启发式算法和原理用于定义导航。首先,作为一个提醒,好的设计实践,其次要评估现有产品。

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

以此为指导建立一个一致的和直观的经验。此外,你应该考虑的最重要的网页或选项,包括在页面的顶部。在我的经验中,有超过七的导航选项明显是做过头了。其他不重要的选项,如“设置”,可以发现在需要的时候。

你在定义IA /导航业务?还有其他的原则你使用驱动强大的用户体验?在下面的评论部分添加你的想法!

 

牧羊人设计文章推荐:

如何合并和讲故事产生有说服力的内容
用户界面(UI)设计面试的重要指南
移动应用设计师面试指南

上一篇: 用HTML5的验证使浮动输入标签
下一篇: 如何与图像在Shopify工作

开奖大厅

客户端

线路检测