从需求到页面.docx

《从需求到页面.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、功能和用户任务1、首先要有用户活动流程图流程图是所有用户活动的集合以及活动间的跳转关系，代表了用户需求用户常用的流程，称为用户任务；为用户任务而做的设计，主要的是为了提高产品的使用效率。2、功能结构图有了用户需求，就可以规划产品功能，用哪些功能来满足需求，功能结构图就是产品的所有功能集合，以及功能之间的相互层次关系功能结构图的作用，是保证产品的功能逻辑清晰，设计过程中不要有丢失、相互干扰等，用户学习起来容易上手；功能结构图和用户任务流直接的关系如下红色箭头是用户任务3、将流程图转化为页面最终的产品是一个个页面的集合，IA是这些页面的组织形式，IA图上的每一个节点就是一

2、个页面，流程图的研究对象不是一个个页面，而是一个个行为需要把流程图的研究对象转化成页面4、组织信息架构信息架构模式是什么一种模式即是对于一类频繁遇到的设计问题的通用解决方法。1、层级在层级的概念中，类目之间关系是父子关系或者广义与狭义——即抽取为更广义的群组或者是分解为更具体的群组。层级结构可以描述为扁平式和锥形式：扁平的层级结构特点是：顶层有很多类目，但层级数较少；锥形的层级结构特点是：顶层类目较少，但层级数很多；层级结构是组织信息所使用的最简单和常规的方法，适用于内容范围很广。尤其适用于小型站点，仅仅需要一些简单的层级——顶层（首页），一些二级页面和底层的详细页面

3、2、数据库这里讨论的数据库并不是一种技术对象——各种信息的数字化存储，而是一种概念模式。它们的相同点都是具有特定规划的结构或模型，所有的信息都必须来适配于这些结构。所以你不能强加一些不适合此模型的东西。数据库模式针对的是具有一致性结构的内容。有些内容可能与其他的没有直接关系——它们确实不具备层级内容里所需的父子关系——但是它们都由相同的内容块组成，拥有相同的结构。3、超链接超链接模式是信息架构中很有趣的部分，因为它似乎是一种反结构（anti-structure）模式。内容块仅仅根据相互关系来进行连接。与层级或数据库不同的是，不存在主结构——内容仅仅通过链接进行连接。超

4、链接结构最佳案例是维基（wiki）。维基没有预先规划的结构——内容仅是通过内嵌的链接产生联系。4、线性线性模式，顾名思义，按照直线规则一个跟随着另一个。线性模式并不常见——通常使用该模式是为了用户能够按照他们所理解的方式跳转内容。一般用于引导界面使用规则和案例1、层级+数据库混合模式，非常常见，适用于大部分网站（即层级结构中某些页面用一样的格式，内容不同）2、目录模式这种结构事实上是数据库模式，但是这里特别提及，是因为它很常用，尤其是电子商务领域。底层是内容，由此向上的三个层级取决于网站规模和内容类型。陈列页（Gallerypages）：提供内容页的直接入口；分类页（

5、Departmentpages）：提供陈列页入口；商店页（Storepages）：提供分类页入口；3、中心辐射型（星型）中心辐射模式归根结底也属于层级模式的一种。然而，这里想单独阐述是因为人们使用的时候还是与层级模式有些许不同。典型案例linkedin在层级结构中，人们倾向于从顶层（首页）开始，一级一级向下浏览内容，经常是徘徊于层级结构下的某个分支。而中心辐射型结构中，人们会从一个层级进入到另一个具体信息，然后返回出发点（中心点）然后在进入到其他详细页面，如此往复4、集中入口点（Focusedentrypoints）很多大型站点，不可能以一种单一的方式组织内容就能满足

6、所有的用户——所谓众口难调。面对这种情况，我通常使用“集中入口点”模式。首先我都会根据内容和核心用户确定一个适用于该站点的信息架构模式（层级结构居多）。然后，假设一些用户不会通过主信息结构来寻找信息，我会有意提供一些入口点来帮助他们发掘有用的信息。这些入口点不必覆盖所有站点内容——专注核心信息即可。5、标签（Tagged）标签模式无论在基础的数据库模式或者是超链接模式中都有所运用。网站中的每个类目都利用关键词作为标签——而它们同时也是内容的入口。最后的归纳总结移动端怎么做首屏焦点原则移动端设计提出的新概念，受时间和操作不方便的限制，用户的第一诉求，需要在第一时间满足案

7、例：手q/微信，首屏是对话列表大众点评，首屏最明显的模块是“附近”PC上信息结构的特点是分块展示信息，典型如新闻网站，同类别新闻放在一块；头重脚轻，由于用户的使用习惯，页面上端更受重视，次要的信息往下面排列；屏幕页数少，屏幕大的优势，可以让用户少翻页；移动端线性，少跳转移动端常见信息架构模型层级式（Hierarchy）：层级样式是带有一个索引页和一系列子页面的标准网站结构。如果你在设计一个响应式网站，你可能会受限于此，然而它所带来的额外样式可以帮助你为适应移动设备而调整体验。适用项：整理需要跟桌面端网站保持一致结构的复杂站点。注意项：多面的导航结构应