欢迎您访问广州骏域网络官网,今天是2018年06月20日
|  手机版|  表格下载|  客户留言|  备案申请 建站申请建站服务热线:020-3460 1098

骏域网络

骏域新闻建站新闻网站教程深圳建站
首页 >《网页设计综合指南》(一):网页设计之设计用户体验地图

《网页设计综合指南》(一):网页设计之设计用户体验地图

网站建设2018-01-13616

《网页设计综合指南》是针对网站建设专业指导性技术文章,可以应用于全国任何一个城市,没有地域限制、没有文化限制、没有技术限制,以突破思维性思维设计最好的截面、建设最好的网站。本期为《网页设计综合指南》(一)的主题为网页设计之设计用户体验地图,主要讲述的是网站设计的信息架构,帮助用户浏览分析一组复杂的信息,通过结构层次创建一个符合用户的层次结构,良好的内容和直观的导航可以帮助用户快速获取有用信息,比如《网页设计综合指南》的导航如下:


一、网页设计之设计用户体验地图


1.1 信息架构


1.2 全局导航


1.3 链接和导航选项


1.4 浏览器的返回键


1.5 面包屑式导航


1.6 搜索


二、页面设计


三、网页设计之移动端适配


四、网页设计之无障碍设计


五、网页设计之测试


六、网页设计之开发交接


七、网页设计之总结


网站建设


一、网页设计之设计用户体验地图


1.1 信息架构


人们经常将网站上的内容列表作为“信息架构”。不对, 虽然它是信息架构的一部分,但它们只是其中的一个方面。


信息架构是以一种清晰和合乎逻辑的方式组织信息。信息架构有一个明确的目的:帮助用户浏览一组复杂的信息。好的信息架构会创建一个符合用户期望的层次结构。但良好的内容层级和直观的导航并不容易,需要通过用户研究和测试才能实现。


有很多方法可以研究用户需求。通常情况下,信息架构师会采用用户访谈或卡片分类的方式来获知用户的期望,或者找出潜在用户是如何进行信息分类。信息架构师还需要了解可用性测试的结果,以便查看是否能够高效导航。


卡片分类是一种简单的方法,可以根据用户信息找出内容分类的最佳方式。信息架构师喜欢卡片分类的原因之一就是能清晰地得到架构模式。(Image credit: FosterMilo)


对用户访谈的结果进行分类,然后检验卡片分类是否满足用户的心理模型。UX还会使用“Tree Testing”的方法来检验它的作用。信息架构要在设计具体页面之前完成。


Tree Testing是一种确定用户是否能够通过所提议的信息结构解决需求的可靠方法。(Image credit: Nielsen Norman Group)


1.2 全局导航


导航是可用性的基石。如果用户在网站迷失了方向,那你的网站内容有多好也无用。因此网站的导航应该遵循几个原则:


简单的导航。导航应该让用户以最少点击的方式来访问期望内容。


清晰。不应该让用户猜测导航选项的意义;每个导航选项都应该是明确的。


一致性:导航系统对网站上的所有页面都应该是一致的。


在设计导航时需要考虑的一些事情:


根据用户的需求选择导航模式。导航应该满足大多数用户的大多数需求。若目标群体期望与网站进行某种类型的互动,那么就满足他们的期望。例如,如果大多数用户不熟悉图标的含义,请避免使用汉堡菜单导航。


设置优先的导航选项。对导航选项进行优先排序的一种简单方法——将不同的优先级选项分配给用户测试,然后将高优先级和频繁使用的路径在导航中突出。


导航要一直可见。正如Jakob Nielsen说,见到什么比记得什么更容易。通过让所有重要的导航选项可见,可以最小化用户的记忆作用。最重要的导航选项应该随时可见可用,而不只是当我们期望用户使用它们时才可见。


显示当前位置。“我在哪里?“这是一个基本问题,用户需要一个答案,以便有效地导航。不显示当前位置是许多网站常见的问题。


1.3 链接和导航选项


链接和导航选项是导航过程中的关键因素,直接影响用户的体验。遵循这些交互元素的规则:

认识内部和外部链接的区别。用户期望内部和外部链接有不同的行为。所有内部链接应该在同一个标签页中打开(这样,用户就可以使用“后退”按钮)。如果想在新标签页中打开外部链接,则应在打开之前告知用户,比如添加一段文本到链接文本中,显示“(在新标签页中打开)”。


更改访问链接的颜色。当已访问的链接不改变颜色时,用户可能无意中重新访问同一页面。让用户知道哪些链接已访问过,避免无意中重新访问。


检查所有链接。点击链接后获得一个错误页面,会损害用户体验。当访问者正在搜索内容,他们希望每个链接都应该时准确有效,而不是404页面或他们不希望看到的页面。


1.4 浏览器的返回键


“后退”按钮可能是浏览器中使用率第二高的按键(在输入地址之后)。确保“后退”按钮按用户期望运行。当用户访问页面上的链接,然后单击“后退”按钮时,他们希望返回到原始页面上的退出位置。避免点击“后退”将用户带到原始页面的顶部,而不是在页面关闭的地方。如此一来,用户需要滚动他们已经看过的内容,用户会因为没有合适的“返回位置”功能而感到失望。


1.5 面包屑式


面包屑式导航是一组上下文链接,可以辅助网站导航。这是一个次要导航方案,通常显示用户在网站上的位置。


虽然这个元素不需要很多解释,但有几件事值得一提:


不要用来作为主要导航方案。主导航应该导航选项引导用户,而面包屑是用户引导导航选项。将面包屑导航作为主要方法,而不是辅助的功能,通常会是一个失败的导航。


使用箭头作为分隔符,而不是斜杠(/)。为了清晰分开每一层,推荐(>)或(→),因为这些符号的指向能辅助用户理解。斜杠(/)不建议作为电子商务网站的分隔符。如果您打算使用它,请确保产品类别将不会采用斜线:


对于上面的类别,面包屑导航区分不同的层级是比较难的。


1.6 搜索


有些用户来到一个网站寻找某个特定的内容。他们不会想使用导航选项。他们希望在搜索框中输入文本,提交他们的搜索请求,然后找到他们要找的页面内容。


在设计搜索框时要考虑到这些基本规则:


把搜索框放在用户期望找到它的地方。下面的图表是基于A. Dawn Shaikh和Keisi Lenz研究。根据对142名参与者的调查,搜索框的用户预期位置。研究发现,最便捷的位置是网页的左上角或右上角。用户使用F形浏览模式,可以很容易地找到搜索框。


在内容丰富的网站上,搜索框一定要醒目。如果搜索是网站的一个重要功能,那么就突出显示它,因为它能降低用户发现的难度。


输入框的大小要合适。搜索框输入区域太短是设计中常见的错误。当然,用户可以在短字段中输入一个长查询,但只有部分文本可见,可用性不好,因为无法立即看到整个查询。事实上,当搜索框太短时,用户被迫使用短的、不精确的查询。Nielsen Norman Group建议 27字符长度,这能覆盖90%的查询。


将搜索框加到每个页面。在每个页面上显示搜索框,因为不管用户处在网站上的哪个页面,当他们不能导航到正在寻找的内容,他们会尝试使用搜索。

分享到微信QQ空间QQ好友腾讯微博新浪微博0

下一篇《网页设计综合指南》(二):网页设计之页面设计

返回资讯列表

上一篇UI设计形态逐渐形成,未来风的UI界面越来越近

20日
2018年06月

【网站建设】从四个角度分析企业网站建设价值性体现

互联网时代意识各行业内已经普及,即使某些实体行业没有用到互联网但也会早信息上认识到互联网的作用,特别是现代企业网站建设​方面,从PC端网站建设到手机端网站建设、APP、微网站、H5建站再到小程序,互联网的多样化形成
19日
2018年06月

【网站建设】网站建设细节上的注意有哪些

网站建设​工作在建设者看来是一件十分简单的事情,但是任何事情想要做好做大却是很难的。深圳网站建设公司就根据网站建设和运营举例说明,网站运营是在网站建设成功之后的一项工作,也是互联网营销中的核心工作,为了有更多
16日
2018年06月

【网站建设】企业网站建设内容聚合的技巧

企业网站建设​中网站的结构支撑着网站的整体风格、条理、思路以及内容展示,在用户进入到企业网站的第一时间,用户需求的是寻找到自己需求的产品,我们可以将此定义为用户真实性需求,从这里我们可以利用的是用户需求去制定
15日
2018年06月

【网站建设】优质营销型网站建设对企业的影响力

作为互联网发展中的摸爬滚打的现代化企业,利用好互联网就是企业发展的重要渠道之一,一个网站所代表的就是企业在网络中的形象,所以建设一个大气的网站就是企业品牌树立的第一步。深圳网站建设公司认为所谓的大气网站就是
14日
2018年06月

【网站建设】深圳网站建设公司教你优质熊掌号运营的4个常用技

熊掌号是公众号和网站的结合,谁先注册了熊掌号的用户名谁就拥有了信息发布的权限,甚至官方直接发表指示“2018年将会把搜索引擎流量的80%输送给优质熊掌号”,深圳网站建设​公司一听到消息立即重视起来。...
14日
2018年06月

【网站建设】四个步骤学会网站外部链接建设SEO优化技巧

外链建设工作是SEO优化中的核心内容,早期有“内容为王、外链为皇”的说法存在,虽然现在并没有这么搞的地位,但是我们也不能够小觑外链建设工作的重要性,网站外链建设工作可以称之为网站建设的辅助性工作,内容为首外链为辅,
13日
2018年06月

【网站建设】网站建设过程中经常打不开有哪些原因

在互联网发达的今天,仍旧存在着网络中断和网络拥堵的问题,这些可能并不是因为技术的落后而是因为互联网技术的发达,甚至可以说是网站建设​者也无法避免的。从深圳网站建设公司的经历中,一般情况下会因为以下情况而发生网
12日
2018年06月

【网站建设】2018年网页设计中背景设计的8个主要设计趋势

网页设计在早期就已经形成色彩的需求,但是早期的设计过程比较简单,没有现代人以及企业的那么多需求,比如原始设计中只是对网站的整体颜色有所要求,但是对网站的整体色彩搭配内容没有要求,所以这是社会发展的结果。网页设计
广州市番禺区禺山西路329号海伦堡创意园4座1栋17楼1706 020-34601098020-34589360 版权所有© 广州骏域网络科技有限公司 粤ICP备11025769号