16内容组织内容组织内容组织内容组织确定内容有用、表达良好,网站显示格式合适,应当确保内容组织清晰。有些情况下,要用多种方式组织网站内容以满足不同用户需要。内容组织包括:重要内容靠近页面顶部、相关内容放在一起、确保所有必要信息可见,不需要的信息不会影响用户阅读速度。内容格式应当便于用户浏览和快速理解。16.1清晰组织信息清晰组织信息清晰组织信息清晰组织信息重要性重要性重要性重要性★★★★★证据力度证据力度证据力度证据力度★★★★☆指南:指南:指南:指南:按照网站不同层级组织信息,结构对典型用户清晰有逻辑。说明:说明:说明:说明:信息呈现结构应当反映用户需求和网站目标。应当从站点层、页面层、段落层和列表层上很好组织信息。网站和页面设计良好,用户易于理解网站组织关系,并且高效定位信息。结构清晰、有逻辑,减少用户乏味、无聊或受挫。实例:实例:实例:实例:设计向用户清晰表明网站逻辑结构。这种结构建立在用户需求之上,即分十步完成表单。16.2方便浏览方便浏览方便浏览方便浏览重要性重要性重要性重要性★★★★★证据力度证据力度证据力度证据力度★★★★☆指南:指南:指南:指南:内容页面结构应当方便浏览:标题清晰、位置合适;词组、句子简洁;段落简洁易读。说明:说明:说明:说明:为浏览而优化网站有助于用户发现所需信息。用户一般会浏览标题,而不会阅读整段文字,如果页面布满文字,用户阅读时会遗漏内容。研究报告显示,80%的用户会浏览任何新页面。只有16%的用户逐字阅读。用户会花费大约12%的时间在页面中寻找所需信息。为了方便用户找到信息,将重要标题放在页面中上方。用户一般会浏览页面,直到找到感兴趣的内容,再进行阅读。应当帮助用户轻轻一瞥就可以忽略掉大段页面。请记住,老年用户(70岁及以上)比青年用户(39岁及以下)浏览网页速度慢得多。实例:实例:实例:实例:16.3确保显示必要信息确保显示必要信息确保显示必要信息确保显示必要信息重要性重要性重要性重要性★★★★★证据力度证据力度证据力度证据力度★★☆☆☆页面方便浏览。指南:指南:指南:指南:确保所有必要信息在需要的时间和地点都显示在页面上。说明:说明:说明:说明:从一个页面跳转到另一个页面,或者从一屏滚动到下一屏,不要让用户记住数据。滚动数据表时,标题应当一直出现,或者出现次数足够多,确保每屏都能看到标题。实例:实例:实例:实例:16.4分类相关分类相关分类相关分类相关元素元素元素元素重要性重要性重要性重要性★★★★☆证据力度证据力度证据力度证据力度★★★★★指南:指南:指南:指南:分类相关内容和功能,减少搜索和浏览时间。说明:说明:说明:说明:与某个主题相关的所有信息,应当组织在一起。尽量降低用户寻找、搜索相关内容花费的努力。用户认为,空间上靠近的条目概念接近。用户认为相同背景色的文本条目相互关联。用户滚动表格,题头消失,超出用户“工作记忆”,对用户绩效带来负面影响。实例:实例:实例:实例:16.5尽量减少尽量减少尽量减少尽量减少点击点击点击点击次数或页面数量次数或页面数量次数或页面数量次数或页面数量重要性重要性重要性重要性★★★★☆证据力度证据力度证据力度证据力度★★★☆☆指南:指南:指南:指南:确保用户高效找到所需信息,用最少的点击数完成最常见任务。说明:说明:说明:说明:应当通过首页尽快找到关键信息,降低用户点击深度,减少用户在过渡页的点击次数。用户找到所需内容的步骤(或点击次数)越多,判断出错的可能性就越大。从首页,经过两三次点击就应当能找到重要内容。有项研究表明,任务完成时间与用户点击数紧密相关。只要用户感觉接近目标,他们就会一直点击下去。另外一项研究标明,用户试图找到目标时,三次点击后停止的可能性和12次点击后停止的可能性一样大。实例:实例:实例:实例:通过核心导航条目和话题区组织网站内容,用户更快搜索和浏览信息。16.6内容定量、内容定量、内容定量、内容定量、可快速理解可快速理解可快速理解可快速理解重要性重要性重要性重要性★★★☆☆证据力度证据力度证据力度证据力度★★★☆☆指南:指南:指南:指南:设计定量信息,减少用户理解时间。说明:说明:说明:说明:合理使用表格、图形和可视化技术加强用户理解信息。用表格(而不是图表)表现定量信息效果最佳。但是,有些情况下,内容可视化能获得更好表现。可用性测试可以确定什么情况下用表格、图表或图形对用户有利。实例:实例:实例:实例:诸如有关肺癌这样最常见的癌症话题,只需在首页点击一次即可。16.7只显示必要只显示必要只显示必要只显示必要内容内容内容内容重要性重要性重要性重要性★★★☆☆证据力度证据力度证据力度证据力度★★★★☆指南:指南:指南:指南:只提供用户需要的信息。说明:说明:说明:说明:如果信息过多,不要发生页面或交互过载情况。信息太多会干扰并阻碍用户吸收所需信息。通过任务分析和可用性测试,去除与当前任务无关的信息,用户可以集中于想要完成的任务。如果无法精确预期用户信息需求,应当让用户定制信息显示。实例:实例:实例:实例:图表和柱状图比表格能更快让用户分辨出数据重要性。饼图表现数字信息,加速用户理解数据。16.8为不同用户格式化信息为不同用户格式化信息为不同用户格式化信息为不同用户格式化信息重要性重要性重要性重要性★★★☆☆证据力度证据力度证据力度证据力度★★★☆☆指南:指南:指南:指南:如果不同类型用户对相同内容感兴趣,网站应当提供不同格式。实例:实例:实例:实例:网站可以用多种格式和不同详细程度显示信息。比如,用不同方式呈现癌症信息给内科医生和病人。如果为两个或以上的用户群细分内容,每类用户都应当很容易接触到其他用户想要的信息。有项研究显示,用户既想看到为健康专家准备的信息,也想看到为病人和消费用户准备的信息。用户并不想先表明自己是健康专家、病人、或者护理者等,他们要先看到所有版本信息。为了满足这些用户,用户看到同一文件的多版本之后,再区分他们。实例:实例:实例:实例:无关信息。用户寻找英国曼彻斯特天气预报。网站提供了天气预报,但同时又提供了布拉格今天晚上的天气,对于用户目标而言是无关多余信息。16.9使用颜色分类信息使用颜色分类信息使用颜色分类信息使用颜色分类信息重要性重要性重要性重要性★★☆☆☆证据力度证据力度证据力度证据力度★★★★★指南:指南:指南:指南:用颜色告诉用户哪些是同类信息、哪些不是。说明:说明:说明:说明:利用颜色编码,用户可以快速浏览、识别条目之间的模式和关系。用户认为相同颜色条目互相关联,不同颜色条目没有关联。人们可以最多区分十种用于类别显示的颜色,但是使用少于5种颜色标识目录比较安全。如果颜色超过十种,任何加强效果都会不明显。不要单独使用颜色传达信息。实例:实例:实例:实例:提供不同用户访问信息的不同方法。