1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

关于Web设计中导航与主页的设计原则(二)--九分网络

时间:2020-06-06   分类:设计管理    作者:网络   来源:网络整理   点击:72

关于Web设计中导航与主页的设计原则(二)--九分网络 九分网络

最近在读Steve Krug的Don’t Make Me Think,本文是自己的读书笔记第二篇,和大家分享一下。想看第一篇的小伙伴,可点击查看。

内容采集来自9fen.net

今天的主要内容是介绍一下Web设计中导航与主页的设计原则。

copyright 9fen.net

以下原则主要用在开放性的门户网站中,这类网站中用户流量较大,且用户注意力极容易被分散,这时一个Web页面的瞬间识别性直接关系到用户转化率,也就显得尤为重要。

九分网络

而对一些比较专业的或指定性的网站,政府网站等,用户面临缺少其他选择,网站缺少替代性的情况,以下原则可能没有前者这么性命攸关,但也同样具有相当的指导意义。 copyright 9fen.net

一、导航设计——街头指示牌和面包屑 1、记住一个事实 :如果在网站上找不到方向,人们会放弃使用你的网站

(1)网络导航101法则

本文来自九分网络

人们进入站点时会遵循一个类似的过程:

copyright 9fen.net

人们通常是为了寻找某个目标 本文来自九分网络

人们会决定先询问还是先浏览 www.9fen.net

如果选择浏览,人们会通过标志的引导在层次结构中穿行

www.9fen.net

最后,如果没找到想要的东西,人们会离开

www.9fen.net

(2)Web与真实世界中的差异

www.9fen.net

感觉不到大小

九分网络

感觉不到方向

九分网络

感觉不到位置 copyright 9fen.net

关于Web设计中导航与主页的设计原则(二)--九分网络

九分网络

本文来自九分网络

不论我是来闲逛还是来寻找固定内容,我能清晰地知道自己在哪,能去哪(明细分类),以及如何回去(主菜单)。

九分网络

(3)导航的用途

本文来自九分网络

它给了我们一个被固定的感觉 本文来自九分网络

它告诉我们当前的位置

copyright 9fen.net

它告诉我们如何使用网站 内容采集来自9fen.net

它给了我们对网站建造者的信心

本文来自九分网络

关于Web设计中导航与主页的设计原则(二)--九分网络

内容采集来自9fen.net

copyright 9fen.net

如今我们逛一些相当成熟的购物网站(比如淘宝)的时候,甚至比在百货商厦中的感觉更清晰。我能更便捷地找到自己想要的东西。(商品分类,新品促销,其他功能。。。) 本文来自九分网络

Web导航的用法基于实际导航用法,但我认为web导航现在已经实现了对现实世界导航的超越。(可快速跳转,试错成本低)

www.9fen.net

(4)只要跺三次脚,说“我要回家”

九分网络

让一个“返回主页”的按钮始终可见,这一点很重要,用户可以随时(在短时间内)回到主页,可以有效地减少用户迷失方向的焦虑。

本文来自九分网络

(5)提供搜索 www.9fen.net

搜索的设计要注意三点:

内容采集来自9fen.net

慎用花哨的用词:“快速搜索”“关键词搜索”“精确搜索”等等

本文来自九分网络

添加指示说明:在PlaceHolder中增加对搜索的描述

九分网络

添加选项:如果存在易混淆的搜索范围,如全站搜索?部分站点搜索?整个Web搜索?请加选项区分。 copyright 9fen.net

(6)关于页面名称

copyright 9fen.net

标识要大:足够引人注目

九分网络

在合适的位置:通常在页面左上,目光焦点较多的地方

copyright 9fen.net

每个页面都需要一个名称

copyright 9fen.net

名称要和点击的链接一致

本文来自九分网络

(7)你在这里——关于“面包屑”

www.9fen.net

面包屑帮你找到来时的路,其实就是级联菜单。

九分网络

关于Web设计中导航与主页的设计原则(二)--九分网络

内容采集来自9fen.net

内容采集来自9fen.net

你能清晰的知道自己在哪,如何来的。也可以快速回去。

www.9fen.net

(8)喜欢标签(TAB)的四个理由

本文来自九分网络

它们不言而喻:从来没有第一眼看到会不明白的用户

九分网络

它们很难错过:当Krug进行“用户点击测试”时,几乎所有人都会试着点击Tab标签 本文来自九分网络

它们很灵活:设计得当能增加修饰作用,更实用 内容采集来自9fen.net

它们暗示了一个物理空间:能帮助你装载大量内容

copyright 9fen.net

(9)“后备厢测试” copyright 9fen.net

想象你被蒙上双眼,所在车子后备厢中,车子开动一段时间后,把你放在网站某个内容的某个页面上,你能迅速的判断出:

本文来自九分网络

这是个什么网站?(风格主题设计) 九分网络

自己现在在哪?(网页名称)

www.9fen.net

如何回到主页? www.9fen.net

当前我有什么选择?(本页导航) www.9fen.net

网站主要栏目有哪些?(栏目清单)

内容采集来自9fen.net

我怎么进行搜索? 内容采集来自9fen.net

如果可以,说明这个页面设计良好。

www.9fen.net

关于Web设计中导航与主页的设计原则(二)--九分网络 copyright 9fen.net

copyright 9fen.net

这个页面设计还蛮清晰的对不对?

九分网络

二、首先要承认,主页不由你控制

1. 主页的任务

copyright 9fen.net

站点的标识和使命:告诉我这是做什么的网站

九分网络

站点层次总览:网站概貌

九分网络

搜索

www.9fen.net

建立可信度和信任感:专业优美的设计,是良好印象和继续使用的重要因素 内容采集来自9fen.net

内容更新:展现活跃迹象,不是死水一潭 www.9fen.net

友情链接:没办法 copyright 9fen.net

快捷入口 copyright 9fen.net

注册

www.9fen.net

看到我自己正在寻找的东西:让我有继续使用的第一动力

九分网络

……还有我没寻找的东西:以后用得到 本文来自九分网络

告诉我从哪开始:面对一个新网站,无从下手的感觉糟透了

内容采集来自9fen.net

导读:精彩内容的推介 内容采集来自9fen.net

2. 你还要面临的一些不利因素 本文来自九分网络

每个人都想占有一席之地:主页的版面很珍贵,但信息量太多会容易造成堵塞——供应不足

九分网络

想要参与的人太多:产品,设计,市场,CEO,(甚至技术)都想在主页加上一些个人需要(或喜欢)的东西 copyright 9fen.net

一个尺寸要适合所有人:主页要呈现在每个访问者面前,不管他们兴趣差别有多大 九分网络

3. 第一个受害者 本文来自九分网络

由于上面的几个不利因素,主页很容易变得非常复杂,这时最重要的事情往往被忘记——传达整体形象本文来自九分网络

忘记整体形象的五大错误理由: copyright 9fen.net

这本就是显而易见的,我们不需要这么做:我们自己建立网站时,很清楚自己将提供什么,但是你很难想到别人对此其实并不清楚。

本文来自九分网络

人们见过一次这些说明后,会觉得重复见到很烦人:很少有人每次看到同样的解释就不再访问这个网站。 www.9fen.net

真正需要我们网站的人会知道的:这样很容易让人觉得,那些没有马上明白的人可能不是你的目标受众,从而丢失大量流量

copyright 9fen.net

那是广告的任务:就算人们理解你的外部广告,但当他们来到你的网站时,真正留住兴趣的是你的主页。

九分网络

标签: 设计原则 导航设计 web设计 主页设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----