【编程素质】产品设计

1，文档

1）PRD（Product Requirement Document产品需求文档）

PRD文档是产品项目由“概念化”阶段进入到“图纸化”阶段的最主要的一个文档，其作用就是“对MRD中的内容进行指标化和技术化”，这个文档的质量好坏直接影响到研发部门是否能够明确产品的功能和性能。

2）MRD（Market Requirement Document市场需求文档）

该文档在产品项目中是一个“承上启下”的作用，“向上”是对不断积累的市场数据的一种整合和记录，“向下”是对后续工作的方向说明和工作指导。

3）BRD（Business Requirement Document商业需求描述）

BRD是产品生命周期中最早的文档。
基于商业目标或价值所描述的产品需求内容文档（报告），其核心的用途就是用于产品在投入研发之前，由企业高层作为决策评估的重要依据。

2，优化用户体验

1）不要强行显示窗口或者图形图像、

会分散完成任务的注意力。

2）标准化任务顺序

相似条件下，允许用户按照相同顺序和模式完成任务。

3）减轻用户负担

让计算机尽可能执行更多任务。如：记住用户ID，换算单位等。

4）考虑工作记忆

不要让用户记住信息，即使时间很短，考虑老年用户记忆力差。
如果要比较内容，最好将这些项目放在一起。

5）超时提醒

告诉用户页面是否有超时设计，并且超时前发出提醒，便于用户请求更多时间。

6）必须等待时提供反馈

如果过程少于10s，可以使用沙漏。时间长一点，使用进度条。时间很长，处理结束后，声音提醒。
通常需要长时间等待的时候，用户会选择做其他的事情。

7）告诉用户下载时间

告诉用户下载大小、所需时间，让用户决定是否下载。

3，可达性

1）不单独使用颜色传达信息

确保所有用颜色传达的信息，没有颜色时信息同样可达。（照顾色盲色弱）
①选择色盲用户可以辨认的颜色组合。
②确保前景色和背景色对比度高。
③从色盲用户角度，使用工具观察网页。

2）为非文字元素提供对等文字

如：图片、图像化按钮、声音、视频等。

3）提供框架标题

框架将浏览器分隔为不同部分，每部分不同但相关。如：界面右侧为主要内容，左侧框架放置导航链接（不随内容滚动）。

4）避免屏幕抖动

特定抖动频率会触发羊癫疯患者的癫痫。

4，首页

1）确保访问首页的通道

提供便捷醒目的通道，使用户可以快速返回首页。
如：点击公司Logo返回首页并不比直接设置为Home标志返回首页，后者更易让用户理解。

2）首页显示所有主要选项

不要让用户点击到二级或三级页面才能了解网站全部选项。
但注意要首页要简短。

5，导航

1）页面较长，使用可点击的目录

2）反馈用户所处位置

用户是在Home界面还是在第几页。

6，滚屏和分页

1）合理选取

老年用户滚屏速度慢，长页面减慢老年用户操作速度，所以：需要用户记住信息在页面上的位置，采用分页合适；需要大量阅读采用滚屏合适。

2）尽量选取分页

不知道采用何种形式，最好采用多个短页面形式。
如果用户系统反应快，选择分页。用户点击链接即可页面跳转。
③避免横屏滚屏。

7，链接

1）即点即现（point-and-click）

相比点击层叠菜单结构选择菜单，人们更偏好“即点即现”，而不喜欢使用鼠标滑过。

2）内部链接和外部链接分别显示

如果链接目标是同一页不同位置，或者是另一个网站的新页面，应当向用户说明。避免用户迷茫，应该告诉用户只是滚动页面还是离开网站。

8，列表

1）大写列表首单词的首字母

大写项目、项目框、复选框标签和单选标签的第一个单词的首字母。

2）项目编号从1开始

┭┮﹏┭┮

9，屏幕控件

1）区分必填和非必填输入框

必填标签前用*标记，或者增加”必填“字样。

2）保持不同页面输入框标签一致

从功能和样式。

3）不要让用户区分大小写

如果必须区分，请告诉用户输入要区分大小写。

4）预测典型用户错误

预计用户可能会犯错的地方，并尝试用电脑识别这些错误并做出修改。
（如模糊输入、网站搜索引擎允许常见拼写错误）

5）分隔长数据

分隔长数据为小单元，方便数据输入和显示。
（如10位电话号码分隔成3个单元：NNN-NNN-NNNN）

6）使用单一数据输入方法

不要让用户中途来回切换输入法。
同样，减少Shift键的使用（如输入￥等字符，设计数据输入转换）

7）区分按钮优先级别

常用按钮放在首要位置，并设置默认动作（如敲击“Enter”键，就激活该按钮）。

8）标记度量单位

9）不要隐藏列表可见选项

列表尽量显示更多选项，避免用户不熟悉不知道要拖动鼠标查看其它选项。
通常用户看到项目越多，反应越快，遗漏错误越少。

10）显示默认值

11）光标位置

放在第一个输入框，注意Tab键顺序。

12）预判用户误操作并做处理

如，单击链接-用户误操作是双击链接，不会产生麻烦，也不会产生让人困惑的结果。

13）使用数据输入框加速输入

如日期选择工具。

10，图片和多媒体

1）标志可点击图片。

可点击图片配以alt文字。

2）确保图片不会降低载入速度。

3）使用LOGO

将每页LOGO放置在统一位置（一般在左上角）。
用户通过LOGO，识别自己在那个站点。

4）提供小图，预览大图

11，搜索

1）确保搜索结果可用

如搜索到的搜索词被标注出。

2）设计全站搜索引擎

3）使用模糊搜索

搜索不区分大小写

12，