Web导航设计的理念

Web导航设计

WEB NAVIGATION DESIGN

鉴于Web导航扮演了许多的角色,你能够发现,设计它要求对多种技能有深层次的了解。有许多因素会影响导航的设计,反过来,导航也会影响网站的许多方面。Web导航设计不能单独来做。在考虑导航设计时,要问自己以下的基本问题:

你为什么建这个网站?

虽然答案看似很明显,但这个问题常常被忽略。或者,即使问了这个问题,答案可能不清楚,或建立在错误的理由之上。导航设计的第一步是理解网站的整体目的和动机,以及其更广泛的业务背景。

谁会使用这个网站?

这也许是最重要的问题,往往也是最难回答的问题之一。用户研究是系统地调查指定网站访客的方法。它深入洞察的不仅是你网站访客的类型,还包括他们的需求和行为。

导航为什么提供访问?

人们来到一个网站,为的是寻找答案或完成任务。你必须提供正确的内容来体现网站的价值。

网站的内容如何组织?

信息架构代表了网站上内容与功能的基本结构,赋予其形状和意义。它对导航也有重大且直接的影响。作为设计者,你必须了解内容及其组织的方式。

用户会如何导航到他们想要的内容?

页面布局和图形设计决定了导航的最终形式。它不仅仅是摆好样子给人看。选项顺序的选择、它们在页面上的布置、字体和字号及颜色,都是关键的要素。它们能够影响导航的成败。

不要犯错:导航中充满难题,尤其是对较大的网站而言。它是Web设计中最棘手的部分之一。为信息量丰富的网站构建导航尤为复杂。Web导航设计是一门工艺——它是艺术与科学,直觉与现实,形式与功能的混合体。

设计理念

DESIGN PHILOSOPHIES

大多数Web项目都有一个贯穿全局的设计理念。它往往是隐含的,可能不会写下来或讲出来,但它的确存在。对设计理念的了解,对于建立共同的团队默契,以及指导设计决策都很重要。一些可能会遇到的设计理念包括:

以用户为中心的设计(User-centered design,UCD)

产品或服务开发的UCD流程把人放在注意力的中心。它用诸如访谈、观察与各类测试的方法,以用户行为研究取代了猜测和假定,把用户当作开发过程中不可分割的一部分。最终,网站的整体设计应该反映用户对主题有何理解,以及他们对寻找信息有何期望。

UCD在产品上市前仔细考虑实际的使用情境,潜在地提高了接受度,降低了学习曲线。从这个意义上说,UCD旨在降低产品失败的风险。这种方法并不容易,因为用户研究带来了额外的开发时间和成本。它不是一个短期的效应,而是放长线,钓大鱼。

以设计者为中心的设计

这种理念里,最广义的设计者知道什么是他想要的,决策是从个人的世界观出发的。设计者的创意被看重,他的喜好得到了高度重视。可能会鼓励某种自由的探索,然后做出一个决定一直到最终设计完成。这种方法在某种程度上与艺术的理念相似,强调的是个性化的表达。

对于以设计为重心的小网站而言,这种方法可能会造就成功。创作型的团队也会觉得愉快和满足。然而,以设计师为中心容易导致沉溺自我,个人喜好可能会为业务目标蒙上阴影。对于处理大量信息或复杂交互的网站而言,这种方法会非常容易失败。

以企业为中心的设计

这是一个再常见不过的理念。网站的设计围绕着利益相关者所在公司或组织的结构与需求。网站的主类别,可能就是企业部门的缩影。这种理念还包含了取悦老板的需要。成功可能会通过主要利益相关者对最终产品的反应来衡量,甚至可能是从个人的角度。

这种方法可能会提升网站后续维护的效率:每个部门只负责网站中自己的一片地盘。但风险是用户往往会感到困惑、迷失方向或直接离开。

以内容为中心的设计

与上个理念相似,导航的结构以现存的信息体系为基础。可能会按文档类型,而不是主题来组织内容:所有文本文件放在一起,PDF放在这儿,图片放在那儿……

人很容易争辩道,“为你没有的东西提供访问很难啊。”的确,以内容为中心的设计方法是自然的,在某种程度上是一直存在的。然而,可用内容的数量和类型不该是决定导航优先级的唯一驱动力。

以技术为中心的设计

这个理念也存在于许多Web项目中。技术是第一驱动力。设计可能是由最简单的实现方案来决定的。其焦点放在实现与完成最终产品上。

它可能会有效地控制成本,对限期完成任务也有帮助。但你要冒的风险是,人们可能无法使用或理解最终的网站。从长远来看,以技术为中心的设计通常可能对项目目标和业务目标起反作用。

本书宣扬以用户为中心的全面的设计理念。它假定你为Web导航的设计者,应该考虑广泛的用户行为。它要求你寻求各种方式与用户接触,积极地验证你对用户行为的假定。

请注意,以用户为中心并不代表“用户让做什么就做什么”或者“忽略其他的项目约束”。毋庸置疑,业务目标和技术很重要;毫无疑问,导航设计者的直觉也有不可或缺的作用。但是UCD方法能完善设计者的直觉,并最终能更好地达到业务目标。这是项目的起点和焦点。以用户为中心的设计把用户体验作为其首要的目标:所有其他的目标都在其次。

********相关阅读********

为什么要关心导航?

绝佳的入门读物——《Web导航设计》

《Web导航设计》勘误

转载于:https://www.cnblogs.com/bvbook/archive/2009/07/28/1533208.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
作者:(美)Louis Rosenfeld(路易斯·罗森菲尔德),Peter Morville(彼得.莫尔维莱),Jorge Arango(豪尔赫·阿朗戈) 译者:樊旺斌 出版社:电子工业出版社 ISBN:9787121287800 √ 领域畅销经典重装再现,北极熊书长期被信息架构师、设计师及网站开发者奉为圣经 √ 新版内容全面更新,关注焦点彻底突破网站,面向更热门更前沿的电子产品与设备 √ 深度剖析IA 要素,包括组织、标签、导航、搜索与元数据 √ 概念→过程→方法→策略→实现,全面更新 信息架构(IA)比以往任何时候都更具挑战性(和必要性)。由于如今可得到的信息供过于求,因此你想要分享的任何内容都应该是容易查找、浏览和理解的,同时提供的体验在多种交互渠道都应该是熟悉且一致的,从Web到智能手机、智能手表,等等。 为了引导你通过这个广阔的生态系统,本书为数字设计提供了经得起时间考验的基本概念、方法和技术。用户体验设计师、产品经理、开发人员和数字设计中涉及的所有人,都要学习如何创建帮助人们与你的信息进行交互的语义结构。 本书包括: 信息架构概述,以及为创建有效的数字产品和服务而解决的问题 深入探讨了信息架构组件,包括组织、标签、导航、搜索和元数据 让你从研究进入策略、设计和信息架构实现的流程和方法 内容简介 《信息架构:超越Web设计(第4版)(全彩)》 的前三个版本都是信息架构领域的开山著作。其中描述了信息组织的普遍和永恒原则,这一原则也适用于不断增长的移动世界。在第4版中,作者运用大量最新的插图和例子为这些原则提供了当前实践中的情境,验证了那些与技术和供应商无关的工具,以及那些经受住时间考验的技术。 第1部分 信息架构简介 1 第1章 信息架构要解决的问题 3 你好,iTunes 5 信息架构要解决的问题 8 信息过载 9 访问信息的更多方式 10 加入信息架构 12 由信息构成的场所 13 渠道之间的一致性 13 系统化思维 15 本章回顾 16 第2章 信息架构的定义 19 定义 19 看不到不代表不存在 21 走向优秀的信息架构 26 情景 28 内容 29 用户 30 本章回顾 31 第3章 为查找而设计 33 “太过于简单的”信息模型 34 信息需求 35 信息搜寻行为 38 了解信息需求和信息搜寻行为 41 本章回顾 42 第4章 为理解而设计 43 场所感 43 (现实世界)场所的结构 44 由信息组成的场所 45 组织原则 47 结构和秩序 48 类型系统 50 模块化和可扩展性 54 世界上最快乐的场所 56 本章回顾 61 第2部分 信息架构的基本原理 63 第5章 信息架构详解 65 信息架构的可视化 65 自顶向下的信息架构 68 自底向上的信息架构 70 不可见的信息架构 73 信息架构组件 74 浏览帮手 75 搜索帮手 76 内容和任务 77 “不可见的”组件 78 本章回顾 78 第6章 组织系统 79 组织信息的挑战 80 模糊性 81 异质性 81 不同观点的差异性 82 公司内部的政治文化 83 组织信息环境 83 组织方案 84 精确的组织方案 84 组织结构 93 层级结构:一种自顶向下的方法 94 数据库模式:一种自底向上的方法 98 社会化分类 102 创建凝聚性组织系统 103 本章回顾 104 第7章 标签系统 105 为什么要关心标签命名 106 各种各样的标签 111 作为情景式链接的标签 111 作为标题的标签 114 导航系统内的标签 116 标签作为索引词 118 标签的设计 121 通用原则 121 标签系统的来源 124 创建新的标签系统 129 优化和调整 137 本章回顾 137 第8章 导航系统 139 导航系统的种类 140 灰色区域很重要 141 浏览器导航功能 142 场所营造 142 提高灵活性 144 嵌入式导航系统 145 全局导航系统 145 局部导航系统 148 情景式导航 150 嵌入式导航的实现 152 辅助导航系统 154 站点地图 155 索引 156 指南 159 搜索 162 高级导航方法 162 个性化和自定义 163 可视化 164 社会化导航 165 本章回顾 168 第9章 搜索系统 169 你的产品需要搜索吗 169 搜索引擎详解 173 选择要索引什么 174 确定搜索区域 174 选择要建立索引的内容组件 179 搜索算法 182 模式匹配算法 182 其他方法 183 查询生成器 185 显示结果 186 要显示哪些内容组件 187 要显示多少文档 190 列出结果 192 将结果分组 199 对结果采取行动 200 设计搜索界面 201 搜索框 203 自动完成和自动建议 206 高级搜索 207 支持修改 208 当用户被卡住时 212 到哪里学习更多 213 本章回顾 214 第10章 叙词表、受控词表和元数据 215 元数据 216 受控词表 216 同义词环 217 规范文档 220 分类方案 223 叙词表 225 技术术语 226 叙词表实例 228 叙词表类型 233 经典叙词表 234 索引叙词表 234 搜索叙词表 234 叙词表标准 235 语义关系 237 等价 237 层级 238 关联 239 首选术语 240 术语形式 240 术语选择 240 术语定义 241 术语特异性 241 多元层级结构 242 分面分类法 243 本章回顾 248 第3部分 完成信息架构 249 第11章 研究 251 研究框架 252 情景 253 获得支持 254 背景研究 254 初步演示报告 255 研究会议 255 利益相关者访谈 257 技术评估 258 内容 258 启发式评估 259 内容分析 260 内容映射 262 标杆法 263 用户 265 使用分析 266 搜索日志分析 267 参与者定义和招募 270 客户支持数据 270 调查 270 情景调查 270 焦点小组 271 用户研究会议 272 访谈 272 卡片分类法 273 用户测试 277 研究的保卫战 278 克服研究阻力 279 本章回顾 280 第12章 策略 283 什么是信息架构策略? 284 遭到抨击的策略 285 从研究到策略 287 策略的开发 287 思考 288 表述 288 沟通 289 测试 289 工作产品和可交付成果 291 隐喻探索 291 场景 293 案例研究和故事 294 概念图表 295 站点地图和框架图 296 策略报告 296 示例策略报告 296 项目计划 306 演示 307 本章回顾 308 第13章 设计和文档 309 创建信息架构图的准则 310 视觉沟通 311 站点地图 313 高级架构站点地图 313 深入站点地图 315 保持站点地图的简单性 319 详细的站点地图 320 组织你的站点地图 322 线框图 324 线框图的类型 327 线框图准则 330 内容映射和清单 331 内容模型 337 它们为什么这么重要? 337 实例 338 有价值的过程 342 受控词表 342 设计协作 344 设计草图 344 整合:信息架构风格指南 347 “原因”所在 347 “方式”所在 348 本章回顾 349 结语 351 附录A 参考文献 355

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值