信息架构模式.pptx

2 信息架构;理解“信息架构”的意义 进行“信息架构”的途径？;定义： 信息架构是在信息环境中，影响系统组织、导览、及分类标签的组合结构。这是将架构和设计学运用在数位环境中的一门学问。——wiki 目标： 合理组织网站或应用需要承载的信息，让人们通过浏览、搜索、提问等方式找到想要的东西。 实施前提： 已经了解用户对该应用的需求。 ;信息架构如同建筑物的架构一般，影响身陷其环境中的人们：好的信息架构，可以提升使用者存取资料的便利性、快速了解内容；不好的信息架构，将使人如同身陷于迷宫中，失去方向。;若网站的信息架构设计良好，将吸引更多使用者驻足于此，而网站拥有者将可利用此一优势增强网站价值和影响力，例如提升商业用途、教育用途、影响民众思想等；反之，不良的信息架构，就必须付出更多时间和金钱来维护或弥补使用者的流失。因此，信息架构设计会影响所需付出的成本和得到的价值。;“信息架构”包含以下3件工作： 1. 架构设计：决定网站或应用中信息单元 的大小（信息粒度） 。 2. 决定组织方式 ：将组件组合成有意义而且各有特色的类别，有时又称为逻辑分类。 3. 归类： 给这些你所产生出来的每一个类别一个合适的名称。;X-cell的基本诉求：这是一个围绕手机等移动通讯设备、通讯服务产业的网站，通过将围绕主产业上下游的产业链提供商业内容服务，实现信息对称，以获得网站盈利。;简单架构;页面类别分类;复杂架构;以下是记录“信息架构”后的结果和收获的几种常用方法： 网站地图：它可以很好的表述一个网站的组织结构，但不一定要反映导航的结构。 带有注释的页面设计：页面设计决定了页面上的导航，内容，功能等元素，视觉设计和程序开发者可以根据这些注释更好的理解设计意图建立整个站点。 页面模板：页面模板在设计大型的站点或者企业内部站点的时候才会需要，它定义了某一类页面的内容的类型，全局的导航，栏目内的导航等。例如：内容管理系统CMS。 类图、活动图、序列图 应用架构模板：如三层架构;主题、搜索和浏览 新闻流 图片管理器 信息板 画布加调色板工具条 向导 设置编辑器 可选视图 多工作空间 多级帮助;它是什么 何时适用 为何使用 如何使用 适合场景;分别将3个重要元素放在网站或应用的主页面上： 一个主题对象或一个特色商品 一个搜索框 一个可以浏览的内容列表或类别列表;想在很快的时间内让前来访问的用户受到吸引。;搜索和浏览常常结合在一起成为两种帮助用户找到目标的并存方式： 有一些用户知道自己要找什么，就可以立即定位到搜索框。 有一些用户没有指定目的，就可以进行开放式的浏览，从中找寻自己感兴趣的条目。 主题内容是用来诱惑用户的东西。 ;搜索框： 放在固定的位置，例如页面上部的某个角落，或是放在横跨页面上半部分的横条上。 用空白进行隔离，以区分搜索框和页面的其他部分，并在需要时，使用不一样的背景色。 尽量减少首屏页面上的其他文本输入框（登录框除外），以免用户把它们和搜索框混淆起来，保证寻找搜索框的用户能够一眼定位。;主题对象： 为主题对象（如：专题文章、特色商品、视频等）设定中央舞台模式。 ;浏览区域： 在靠近主体对象的位置，为浏览网站其他内容提供浏览区域，如主题列表、商品类别列表。它们可能会链接到这些类别的页面上，又或者它们会改变当前页面的内容，把特色商品替换成这个类别中的一组物品。 在不同的类别和子类别中浏览的用户，是用面板屑层级结构模式，帮助用户保持方向感。;新闻门户网站 / / / 出版行业 知识库 电子商务网站 EMS网站;新闻门户网站 出版行业 / 知识库 /#!/editors-picks/ 电子商务网站 / / EMS网站 / http://www.post.japanpost.jp/english/tracking/index.html http://www.hongkongpost.hk/sim/index.htm ;小组模式分析报告： 组员自行分配任务，针对每一种使用场景举出至少1种正面和反面的例子（贴出截图和网址）。 正反面例子，需分析观感。;它是什么 何时适用 为何使用 如何使用 适合场景 ;用倒序的方式显示一个和时间相关的元素列表。 最新的元素放在最前面。 对这个列表进行动态更新，并把来自不同来源或不同人的元素综合起来，成为一个单独的元素流。;何时适用;为何使用;如何使用;每条信息应该包括： 什么 对于快速短小的更新，显示全部内容。否则可以显示一份标题，再加上几句话或几个字进行简短描述，甚至可以加上一个小图片。 谁 这个人可能是发出更新的人、博客文章的所属博客名称、文章的作者，或者邮件发送者。 什么时候 提供日期或时间戳，也可以使用相对时间，如“昨天”和“11分钟之前”。 什么地方 如果一个条目的来源是网站，就链接到那个网站。如果是