《网站设计解构-有效的交互设计框架和模式》读书笔记
下面是读书笔记,若有错误或不足,欢迎指出。一起交流,共同进步:http://www.cnblogs.com/chemandy/
第1章 框架体系呼之欲出
1.1 可重用策略
◇可重用策略可以划分三种资源库:模式、组件、以及交互设计的框架体系。
◇可重用铁三角:模式、组件、框架体系。
◇模式(预期行为的锦囊):当开发团队指定一种最适合他们(及其用户)的设计时,就能将其定义为一个模式。日后,当团队需要相应类似的行为时,就能以相似的方式响应,利用之前的工作成果来满足用户已经确立的需求。
◇组件(高效利用可重用的代码):一种简便的方式重用具体的代码。
◇框架体系(最后的拼图定乾坤):一些列设计模式加上其他元素和信息,用以指导完整的体系或站点上下文设计。
1.2 超越常规
◇分解工作量:构建维护可重用资源库。
◇古老问题有新解
◇问题,答案与灵感
◇构建自己的界面模块资源库
---------------------------------------------------------------------------------------
第2章 可重用铁三角
◇实际工作中,我们应该首先考虑框架体系,模式其次,最后是组件。
◇设计模式——大型框架体系的生产模式。
◇组件——针对具体某个系统对模式进行实现后的产物。
2.1 设计模式
◇设计模式:一种针对某个常见问题的常用解决方案。(雅虎搜索结果分页模式)
◇设计模式六要素:
a. 模式名称:促进清晰的交流和沟通。
b. 描述:应当包含足够的信息来解释该元素存在的理由。
c. 上下文情景:强调每一种模式所使用的模式库中的上下文情境。
d. 曾于何处使用:查看已经实现出来的成品,了解某个模式的运转情况。
e. 工作方式:描述该元素技术层面内容。
f. 其他必备模式
设计模式文档还可以包括竞争性措施、模式历史、可用性测试结果、用户反馈和记录讨论。
◇模式资源库:模式文档经过整理、分类后的集合。
公用模式资源库:雅虎设计模式库、Designing Interfaces、Welie.com;
2.2 组件
◇组件:由元素相互组合而成的具有明确的、可重用的独立结构。
◇组件六要素:
a. 组件名称
b.组件版本号:翔实记录从一个版本到下一个版本中发生的变化。
c. 定义:描述组件的目的和用途。
d. 使用方法:描述组件应于何处使用,并包含相关信息。
e. 示例:提供一个鲜活、生动的组件示例。
f. 代码:包含代码项,链接到该组件的已实现版本。
◇组件资源库:
sun公司
2.3 交互设计的框架体系
◇框架体系文档
a. 描述:不仅描述框架本身,也描述框架应满足的需求。
b. 上下文情境:描述了在使用给定框架时用户可能遇到的问题,或者他们希望满足的需求。
c. 任务流程:提供必要信息,使用户参考这些信息就能自己解决产生的疑问。
d. 其他必备框架:描述与当前框架配合使用时不可或缺的其他框架。
e. 相关框架:与当前框架有着相似的目的或支持相似的用户或业务目标的框架。
f. 构成元素:列出从属于框架的设计模式。
g. 设计标准:列出了框架中一系列设计的导向性方针。
◇框架体系的特质
a. 存在:存在,而且可以标识,蛋表现绝不是一成不变。
b. 可累加:针对具体解决方案以有效的方式对设计的规模进行缩放,同时将一系列框架串联起来,构成整个网站。
c. 增强表现力:自定义设计,表现。
e. 鼓励创新
◇框架体系资源库
Web解剖学:webanatomy.rhjr.net
---------------------------------------------------------------------------------------
第3~7章 框架体系实例
1.目录框架
2.搜索框架
3.注册框架
4.关于我们(忽略没看)
5.电影网站(忽略没看)
---------------------------------------------------------------------------------------
第8章 搭建框架体系工具
打造你的框架
(1)标识出问题,作为框架存档或备案。
(2)品鉴资源
a.发现影响点
b.我们在找什么
c.留意你自身的领域
(3)把它写出来
a.降低开发成本
b.明确错误出现的条件
c.提升创造力
(4)分配工作量
---------------------------------------------------------------------------------------
第9章 使用框架体系
1.组织计划
2.搭建框架
①在上下文中考虑上下文
②选用模式
③应用设计标准
3.让框架切实可行
①资源库
②模板