传达出设计的“灵魂”——关于交互文档的分析 | 互联网的那点事
来源:百度文库 编辑:神马文学网 时间:2024/04/26 01:17:11
设计师无论“点子”多酷、多富创意,难免面对实际“交付物”——交互文档书写的问题。尤其在一些大公司,文档书写的漂不漂亮有时是“Make-your-work-visible”的关键。
实际项目中,文档大体可以分为三类:
-用户需求文档
-商业战略文档
-设计文档
用户需求文档主要解决网站为“谁”提供服务,用户是谁?的问题。商业战略文档主要是对产品概念模型、网站主要内容和商业竞争分析。而设计文档的书写才是这里讨论的重点。
不同公司对设计文档的称呼各有不同,阿里这里称作“DRD”,下文就用DRD简称来指代设计文档。
设计文档内容主要有四类:
1、站点地图(site maps)
2、流程图(flow charts)
3、线框图(wireframes)
4、视觉样式(screen designs)
下面逐一进行分析:
1、站点地图(site maps):就是用视觉的方式来表达出网站的层级结构。
2、流程图(flow charts):表达用户或系统对某项任务执行的流程。
3、线框图(wireframes):更像最终产品呈现的毛胚。简单来说,就是抛去配色、字体样式、图片等的原型设计。
4、视觉样式(screen designs):几乎是网站最终呈现的状态。其中包含尺寸和对css等定义。
实际项目中,文档大体可以分为三类:
-用户需求文档
-商业战略文档
-设计文档
用户需求文档主要解决网站为“谁”提供服务,用户是谁?的问题。商业战略文档主要是对产品概念模型、网站主要内容和商业竞争分析。而设计文档的书写才是这里讨论的重点。
不同公司对设计文档的称呼各有不同,阿里这里称作“DRD”,下文就用DRD简称来指代设计文档。
设计文档内容主要有四类:
1、站点地图(site maps)
2、流程图(flow charts)
3、线框图(wireframes)
4、视觉样式(screen designs)
下面逐一进行分析:
1、站点地图(site maps):就是用视觉的方式来表达出网站的层级结构。
2、流程图(flow charts):表达用户或系统对某项任务执行的流程。
3、线框图(wireframes):更像最终产品呈现的毛胚。简单来说,就是抛去配色、字体样式、图片等的原型设计。
4、视觉样式(screen designs):几乎是网站最终呈现的状态。其中包含尺寸和对css等定义。
传达出设计的“灵魂”——关于交互文档的分析 | 互联网的那点事
交互设计实用指南系列—我们眼中的交互设计 | 互联网的那点事
移动设备的网页设计 | 互联网的那点事
Twitter的设计原则 | 互联网的那点事
网页设计心理学 | 互联网的那点事
谈谈网页中的表单设计 | 互联网的那点事
用户体验设计答疑对话 | 互联网的那点事
互联网常见Open API文档资源 | 互联网的那点事
优秀的设计原理:《诺曼设计心理学》节选 | 互联网的那点事
深度思考,《关于互联网:你必须知道的一切》 | 互联网的那点事
iPad拟物化设计的博弈 | 互联网的那点事
在信息架构层次对比开心网和Facebook的设计 | 互联网的那点事
浅谈Firefox与Chrome的设计理念 | 互联网的那点事
从手机产品登录页面设计想到的 | 互联网的那点事
Web 开发与设计之 Google 兵器谱 | 互联网的那点事
商业视觉设计实战首部曲-标题文字篇 | 互联网的那点事
ATM的交互设计
keso:移动互联网 | 互联网的那点事
关于音乐试听网站信息架构的一些事 | 互联网的那点事
数据分析框架标准建设(Web) | 互联网的那点事
交互设计的几大要点及结构图
交互设计的几大要点及结构图-二
交互设计的几大要点及结构图-三
交互设计的几大要点及结构图