导航系统
2018-09-19 08:28:14 12 举报
AI智能生成
信息架构: 导航系统
作者其他创作
大纲/内容
本章包括内容
平衡网站导航中的情景和灵活性
整全全站, 局部和情景导航
辅助导航工具, 例如: 站点地图, 索引, 指南, 向导和配置器
个性化, 可视化, 标签云, 协同过滤和社会化导航
概要
导航用于避免迷路
导航的日常作用
规划行程
确定位置
找到路径
数定信息环境中, 导航亦如上述
导航系统的种类
全站, 局部和情景式导航
集成使用
在 web 和 移动端表现不同
提供情景和灵活性
辅助导航系统
站点地图, 索引和指南
灰色区域很重要
涉及信息架构, 交互设计, 信息设计, 视觉视计和可用性工程
处于连接策略, 结构, 设计和实施细节的滑坡上
跨学科合作很重要
浏览器导航功能
浏览器内置了很多导航功能
跳转链接
后退
前进
双向回溯
历史
书签
收藏夹
非浏览器应用有其自己的导航规范
我们正处于一个对导航机制进行大量实验的时期.
设计师在实验全新的, 未经验证的导航方案时, 必须保持审慎而明智的态度
场所营造
传递一个清晰的情景可以让信息更容易理解
即使手上有导航系统, 但规划我们的路线前, 必须先搞清我们的位置
设计复杂的网站, 依据更大的整体范围的情景特别重要
越文本导航可以让用户立记刻进入一个不熟悉的系统中
遵守一些规则, 来确保你的设计提供情景线索
应该以清晰一致的方式展现尽可能多的信息层级结构, 还要指出当前用户的位置
导航压力测试
忽略首页, 直接进入网站中
随机选择一个页面
你可以确定你的位置与网站其他部分的关系吗
你在哪个主要区域
上级页面是什么
进一步
你知道这个页面会将你带到哪个页面吗
链接文字说明足够让你知道每个链接是什么吗
链接是否有足够差异性, 让你可以根据你想要做的事情来进行选择
提高灵活性
层级结构是组织信息的常用且有效的方式
通常层级结构是组织网站内容的基础
问题
横向远跳和纵向远跳的问题
超文本链接解决了这个问题
平衡灵活的优点和混乱的风险
嵌入式导航系统
全局导航系统
在网站的每一页都会显示的全域导航系统
通常在顶端
任何时候充许用户年接访问关键区域和功能
通常会有的内容
首页
logo
搜索
有的会有当前情景线索
取决于的需求和组织目标, 内容, 技术和文化
演变
巨型菜单
类似于下拉式菜单
更丰富
也更复杂
页角导航
在网页底部呈现简略站点地图
对可用性有很大影响
应遵循密集的, 迭代的, 以用户为主心的设计和测试
局部导航系统
有的网站全站导航系统是由一个或者多个局部导航系统所补充的
整合到一致且统一的系统中
也有网站局部导航之间, 局部导航和全局导航之间没有相同之处
子网站
子网站存在的理由
确实值得
大型组织不可通约的分散性
不然也有因为不同导航由不同小组设计而导致的风格不统一
情景式导航
有些关系不适合放在合站和局部导航结构分类中, 这时就需要指向特定网页, 文件或对象的情景式导航链接
支持联想式学习
探索条目之间的关系
对还不了解但可能有用的产品和主题产生兴趣
通常是由编者而不是架构决定的
在内容内部内联链接
在网页上提供一个情景式链接使用的特定区域或视觉惯例
用户们会快速扫描页面从而漏掉链接
有节制的使用可提高灵活性, 一旦过度, 就会造成混乱
最好由作者决定哪些入在特定区域, 哪些放在内容内部
内联链接用于不重要的链接
设计情景式导航时, 要将网站的每一页都当成主页或者门户风站
确定主体和背景
思考当用户在当前页面时会有哪些信息需求
在移动环境中还要考虑设备特性
嵌入式导航的实现
挑战: 如何在灵活性和提供太多选项的风险之间取得平衡
时刻记得这些导航的共存
让它们可以互补
不要让选项压垮内容
突出需要被重复访问的导航栏选项
导航栏是链接集合, 现实中考虑更多的是交互设计和技术性能
几个信息架构方面的重点
文本标签还是图标
空间足够就用文本
空间不够才考虑图标
导航栏放在什么位置
取决于情景
通常
web 在顶端
移动端风页隐藏在内容的械边或右边, 使用按钮呼出
移动应用在底部
了解设计的媒介规范
如要创新,必经测试
辅助导航系统
概要
包括
站点地图
索引
指南
提高可用性和可寻性
分类法和嵌入式导航系统总是会让很大比例的用户和任务失败
站点地图
特点
地图不同于目录, 是一种非线性的, 网状的, 空间式的路径指引
为系统中的内容提供宽广的视野
适用范围
适合层级结构组织的大型系统中最自然的东西
对于只有两三个层次的小型网站而言, 站点地图可能是多余的
设计原则
增强信息的层次, 这样用户就会更加熟悉内容的组织方式
对于知道他们想要什么的用户, 充许其快速直接地访问网站内容
避免给用户提供太多的信息, 我们的目标是帮助, 而不是吓唬用户
注意搜索引擎优化
索引
以关键词和词汇按字母顺序排列而成的, 而没有层级结构
不同对目录: 扁平的
适合那些知道要寻找哪些条目的用户
大型且复杂的网站需要使用
主要挑战是粒度问题
通常的粒度
文本块
页面
分类/主题
考虑用户的信息需求
分析搜索日志
用户研究
创建索引的方法
小型网站可能通过对于网站的了解手工建立
单阶段索引
具有分布式的内容的大型网站
文件层次上使用受控词表编制索引内容自动生成网站索引
两个步骤
先择术语
从术语清单中选择文档
术语轮排
可进行置换的索引会轮排词汇中的字, 这样用户就可以在字母顺序序列的两个位置找到这个词
指南
包括
导游
教程
特定用户, 主题或任务的走查
新用户介绍有关网站内容和功能的有用工具
有限制的访问系统
让潜在用户可以知道花钱可以得到什么
提供一个给同事, 管理者和资者展示新设计过的网站关键特色的机会
通常是线性导航
也可加入超链接提供灵活性
应有
主要网页截图
简单文字说明
设计原则
指南应该简短
无论何时, 用户者应该可以退出指南
导航应该是一致的, 这样用户才能在指南中来回移动
指南是用来回答问题的
截图应该是清晰和优化的, 并且要有将关键功能放大的效果
如果指南有好几页, 它需要有自己的目录
记住, 它不是系统的重点所在
配置器
可以看作是指南的特殊形式
配置产品
导航决策树向导
通常用户不需要清梦地认识到配置过程的选项会造成什么影响
提供情景
高级导航方法
个性化和自定义
概念
个性化
根据个人行为, 需求或喜好的模式, 给用户提供信息
我们猜用户想要什么
自定义
让用户直接控制演示, 导航和内容选项的组合
用户告诉我们他想要什么
个性化和自定义
通常扮演重要但有限的角色
需要扎实的结构和组织基础
很难做好
让度量的收集和用户行为的分析变得更难
个性化: 推荐系统
难点
用户更倾向于保护隐私, 所以没有足够的信息来驱动有效的个性化
我们很难猜测用户的变化
自定义
问题
大多数用记不想花时间进行自定义
多数网站只有有限的重复访户
即使用户自己也不一定知道明天想要什么或者做什么
可视化
让用户可以采用更直观的方式进行浏览
当用户通过产品的外观在一系列结果之间做出选择时, 可视化是最有用的
社会化导航
随着社交网络出现
构造信息的重要方法
建立在 "单个用户的价值可能来自其他用户行为的观察" 这个前提下
要据产品的流行程度来帮助用户发现内容
流量
用户驱动的投票系统
社交图谱
本章回顾
我们使用导航系统来规划行程, 确定我们的位置, 找出回家的路. 当我们探索新环境时, 它们会给我们提供一种情景和舒适感
导航的表层 (与用户互动的地方) 正在快速发生改变
存在各种不同的导航系统: 3 种常见导航系统是全站, 局部和情景式导航系统
我们用于探索信息环境的工具 (例如, 网页浏览器) 提供了它们自己的导航机制
构建情景 (让用户确这他们在系统中的位置) 是导航系统的重要功能
全站导航系统将在信息环境的每个页面或屏幕中显示
局部导航系统可以补充全站导航, 并让用户可以立即探索他们所在的区域
情景式导航系统出现在环境显示的情景中, 它通过让用户探索条目之间的关系来支持联想学习.
在存在多种我们可以使用的辅助导航系统, 例如站点地图, 索引和指南
信息架构
我个人的公众号
张启震
张启震
0 条评论
下一页