以用户为中心的Web网站设计流程.doc_第1页
以用户为中心的Web网站设计流程.doc_第2页
以用户为中心的Web网站设计流程.doc_第3页
以用户为中心的Web网站设计流程.doc_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

以用户为中心的Web网站设计流程最近看了2本产品设计书籍就这么做产品IT产品实战工具与全景案例以及用户体验的要素，系统地介绍了产品设计的相关理论及方法，深受启发。这里我将结合这2本书的精华，再加上自己以往积累的经验，总结一下Web网站的设计流程。设计一个Web网站（如提供邮箱服务、社区服务等），需要考虑五个层次，并按顺序依次实现。五个层次分别为： l 战略层：明确公司与用户对于网站的期望和目标； l 范围层：将战略层确定的目标转化为网站提供的功能和内容； l 结构层：设计网站架构图，将分散的功能和内容组成一个整体； l 框架层：将抽象的架构图转化为详细的线框图，确定界面外观、导航信息及信息要素的布局； l 表现层：按照“低保真”的线框图设计出最终的Web网站。以下我将逐一讲解每层的工作目标、工作内容及输出物：一、战略层：1、 工作目标：l 确定网站目标：我们要从这个网站得到什么？l 确定用户需求：我们的用户要从这个网站得到什么？2、 工作内容：l 确定网站目标l 商业目标：替公司赚钱还是替公司省钱？要赚多少钱？l 品牌识别：将品牌形象具体而明确地写进目标，将会提高呈现出积极的品牌形象的机会；l 成功标准：将战略或商业目标进行量化。如通过衡量每一个注册用户单月的访问次数表明了该网站对核心用户的价值。l 确定用户需求l 用户细分：可以按照人口统计学标准，价值观标准和用户对技术及网站本身观点划分用户；l 用户研究：使用问卷调查、用户访谈、焦点小组等方法收集、分析用户观点和需求。并可通过创建虚拟人物角色来将分散的资料关联起来。帮助你确保在整个设计过程期间把用户始终放在心里。3、 输出物：市场需求文档（MRD）、用户研究报告、竞争对手分析报告等二、范围层：1、 工作目标：确定网站的功能需求或功能规格2、 工作内容：l 收集需求：从用户处收集需求，各部门聚集采用头脑风暴收集需求；从竞争对手处获得启发；使用用户场景来描述需求；l 确定需求优先级：需要去评估这些需求是否能满足我们的战略目标（无论是网站目标还是用户需求）。另外，还要确定实现这些需求的可行性有多大？3、 输出物：产品需求文档（PRD）、产品功能规格文档等三、结构层：1、工作目标：设计网站架构图，将分散的功能和内容组成一个整体2、 工作内容：进行交互设计、搭建信息架构3、 输出物：网站架构图。如下图所示：Google AdWords-AdSense四、框架层：1、 工作目标：将抽象的架构图转化为详细的线框图，确定界面外观、导航信息及信息要素的布局。2、 工作内容：进行详细的界面、导航设计及信息摆放布局。可以使用Visio或者Axure RP来完成线框图的设计。3、 输出物：线框图。如下图所示：邮箱产品写信页面线框图五、表现层1、 工作目标：按照“低保真”的线框图设计出最终的W
人人文库> 全部分类> 应用文书 > 产品手册

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论