kj29详细设计要点.pptVIP

2 输入设计 完整的18位身份证号的含义是： 第1、2位是省、自治区的编号；第3、4位是地市的编号；第5、6位是区县的编号； 2、第7~14位是出生日期码。 3、第15~17位为顺序码。同一地址码所标识的区域范围内，对同年、月、日出生的人员编定的顺序号。其中第十七位奇数分给男性，偶数分给女性。 4、校验码。身份证最后一位，是根据前面十七位数字码，按照ISO 7064:1983.MOD 11-2校验码计算出来的检验码。作为尾号的校验码，如果某人的尾号是0-9，都不会出现X，但如果尾号是10，那么就得用X来代替，因为X是罗马数字的10。 2 输入设计 对2004年入学新生的学号进行编码设计 不仅是唯一的，还有反映出，哪年入学的，所在系，所学专业以及顺序号0001-9999 教师编码：入职年份，所在院系、院系内部顺序编码 4 屏幕界面设计 4 屏幕界面设计 上图是某银行网站上的流程说明，充满了专业词汇和不必要记住的内容。既然是需要线下办理的流程，不如用最常用的交互方式和文案来说明。比如学习一下移动公司：请到银行网点办理，具体银行职员会详细说明。然后银行出具一张纸质清单。 4 屏幕界面设计 2.保持正确的对应关系 在用户的操作流程中，必须保持正确的对应关系，一个流程只有一个最重要的操作，一次操作只有一个结果，逻辑清晰，有先有后。比如有操作步骤提示的时候，就严格按照12345步来排列，不能一会跳到第3步，一会又跳到第2步。流程的对应关系混乱会加大用户的的记忆负担。 上图是新手进入Flickr流程说明。（雅虎图片网站） 4 屏幕界面设计 3.控制信息量 神奇的数字—7,多数情况，用户记忆信息在7加减2个左右，1个记忆最牢靠，3个很清楚，7个以上就需要给对信息进行分类，来帮助用户理解和记忆。通过合理的设计手段，来使信息有效的推送给用户，或者帮助用户轻松完成任务。 4 屏幕界面设计 4 屏幕界面设计 4.帮助用户记忆 记住用户的操作与信息，保持操作的一致性来降低用户对于不同操作的记忆。比如：用户在输入密码错误之后，刷新后的登录页面仍然保留用户刚输入的用户名，帮用户记住未完成的操作等等。这些方式都是在帮助用户记忆，以减少用户记忆负担。 3 输出设计 4．饼图 饼图通过圆和多个扇面来表示整体和部分以及各部分在整体中所占的比例，见下图。 4. 屏幕界面设计 4 屏幕界面设计 4.1 屏幕界面设计的准则 Ben Shneiderman的八项基本准则。 图 .11 用户界面设计的八项准则 4 屏幕界面设计 1、尽量保持一致性 ●一致性的含义：是所设计界面的按键、窗口、色彩、界面布局、界面风格等在整个系统中始终应该保持一致。 4 屏幕界面设计 ●一致性的内容： ▲按键的一致性：系统定义的按键含义应该一致。 例如： 复制: ctrl-C 剪切: ctrl-X 粘切: ctrl-V ▲窗口的一致性：窗口的格式，定义，布局一致。 图书系统借阅查询，借阅流水，借阅详情 4 屏幕界面设计 ●一致性的内容： ▲色彩的一致性：在不同界面中色彩的含义一致。 4 屏幕界面设计 ●一致性的内容： ▲界面布局的一致性：界面的布局应该一致。 窗口的一致性：窗口的格式，定义，布局一致。 图书系统借阅查询，借阅流水，借阅详情 4 屏幕界面设计 ●一致性的内容： ▲界面风格的一致性：界面的风格保持一致。 4款软件我们可以很明显的看出，在整体布局方面美图秀秀和可牛影像走的比较靠近，整体架构都是采用1：4上下分栏模式，QQ影像则是采用比较简单的1：3左右分类模式 QQ影像软件界面 4 屏幕界面设计 2、为熟练用户提供快捷键 ●初学者：提供丰富的联机帮助和界面说明，并更多地使用菜单和选项； 4 屏幕界面设计 2、为熟练用户提供快捷键 ●熟练用户：提供快捷键。过多的操作界面反而会增加操作量，降低使用效率。 例如：新建：ctrl+N; 打开：ctrl+O; 打印：ctrl+P; 保存：ctrl+S 4 屏幕界面设计 3、 提供有效反馈 系统应该对用户的每一个操作都给出反馈信息，以让用户了解系统对用户操作的确认。及时的反馈会提高用户的注意力，增强用户使