CMS项目设计总结

产品用户：全体编辑典型客户端：IE6.0, 19' 用户研究：此步骤基本省略，因为产品特殊用户群单一，而且项目只是在以前基础上进行升级，之前我们有数据积累和初步访谈，用户的行为模式...

产品用户：全体编辑
典型客户端：IE6.0, 19'

用户研究：
此步骤基本省略，因为产品特殊用户群单一，而且项目只是在以前基础上进行升级，之前我们有数据积累和初步访谈，用户的行为模式、体验目的、习惯，我们都非常清楚。

任务及目的：
1，重新组织并完善信息架构
2，重新设计交互和体验流程
3，重新设计视觉界面并制作
尽量提高产品友好和易用性，提升用户工作效率。

周期进度：
第1周：信息架构+交互设计同步进行，半封闭设计，完成任务
第2周：视觉设计+页面制作同步进行，拖延一天

人员调度：
第1周：工程师2人+技术部2人+被访谈用户N人
第2周：工程师2人+设计师1人

细节简述

点击上边“高级查询”，表单扩展为下边的状态，如果上边填好有数据自动传递到下边，如果再进行检索默认为当前检索模式。

左侧功能菜单效果，蓝色为当前，红色为触发。

数据列表部分，这里是重中之重，以下支持前5点是绑定的HTC控件（原作者未知）实现的。

1，间行换色显示
2，触发行换色提示
3，点击行换色提示
4，列头拖动调整列位置显示
5，列头点击对本列数据排序显示
6，单元格内链接唯一时为块级操作

列表审核部分，绿色通过，红色取消，蓝色是链接触发，更多图片可参见Frame与Table的奇怪问题。

翻页分三个部分，中间的“15 25 50”显示数据量，是根据屏幕分辨率和当前数据类型精确计算过的，自定义值保存在cookie里。

页面制作

1，采用frameset.dtd声明先上下后左右结构形式，内页全部采用xhtml1-transitional.dtd声明。
2，结构与表现98%分离，当前主要是先确定结构进行开发，表现还有待完善。
3，所有表单各对象的表现细节，针对IE6.0精确调整过。
4，数据列表内非中文和中文解析位置差异，针对IE6.0优化过。
5，最佳效果IE6.0, 1280*1024，同时推荐1024*768。

效果缩略

典型信息架构完成效果，现在是先左右后上下分，后来感觉不合理改过的，不过不影响大局。

典型二级数据列表页面，比较规范和清晰的页面。

典型三级功能操作页面，稍微有些乱，呵呵。

时间虽然很紧张，但说实话，同类项目中差不多是我做过最宽裕的了，整个流程完全按照我的设想推进，比较顺利。最紧张的几天每天我都回家熬夜工作，不过为有意义的工作付出都是值得的。

其他：

1. 半封闭头脑风暴，实时实施的效率相当高。
2. 黑板上的讨论结果，可以用数码相机照下来，减少记录时间。
3. 当我们内部意见分歧时，马上找典型用户访谈，成效突出。
4. 比较深刻理解了典型客户端与体验设计的微妙关系。