系统的界面设计的一些小技巧

2019独角兽企业重金招聘Python工程师标准>>>

内容我的老大整理的。觉得确实很细，转过来分享下，这些细节的东西平时注意的确实不到位

1、用户的阅读习惯是（先中间、再从左到右，从上到下）,按这个基本规则来设计界面操作流程，减少用户思考及查找时间。

2、关于提示

         1、表单提交前应检验输入信息是否符合规范，如果不符合规范应提示

         2、错误信息应有醒目提示，如果用户不操作，错误提示信息不会自动消失

         3、不好回滚的操作应有给用户确认的提示信息

         4、经常操作的功能减少确认提示

3、常用的功能可以增加快捷操作，包括快捷键、鼠标双击，隐藏的操作界面上都需要有按钮，不然会有一些用户找不到功能，进而转变为咨询、抱怨或放弃

4、表格展示

        数值右对齐，其它都左对齐

        列宽要合适，默认能显示95%的记录数据，减少用户调整列宽和使用滚动条的操作

        分页大小默认为20，对于个别需求可以加大，如果记录数可控(200条以内)可以不需要分页

5、AJAX操作

         1、需要有等待提示，减少用户重复刷新操作

         2、有超时机制，默认为60秒，特殊需求可以调整

         3、出错需要有错误提示

6、默认信息

         1、表单中的选择列表输入默认信息为最常用的，如果需要用户明确选择的不要设置默认值

         2、对于一些用户需要重复输入或选择的信息应记忆用户上次的输入

         3、表单不要轻意增加重置按钮，因为有重置按钮可能导致用户误操作把辛苦输入的信息删除了

         4、列表信息默认需要有一个最好的排序方式，一般以名称、时间、ID排序

7、最少鼠标移动

         1、从左到右、从上到下，不要有逆向的操作顺序，特别是常用操作，如果界面不好布局，可以考虑增加隐藏操作，如快捷键或双击

         2、弹出窗口需要有确定与取消按钮，约定按windows标准，确定在左边，取消在右边。

8、背景和字体颜色

        不要随意改变字体和颜色，否则会给人不统一和随意的感觉

        重要信息可以用醒目颜色或字体

9、分辨率

        默认为1280*800

        需要支持1024*768，1280×1024，1366*768 ，1440X900，1600×900，1920×1080

        宽度最小支持1024，高度最小支持650(因为有些浏览器工具栏和状态栏占位比较多)

        不考虑800*600

10、浏览器支持优先级

         Chrome

         Firefox

         IE8(windows xp 最常用的浏览器)

         IE9(windows7 默认的浏览器)

         Safar(mac os默认浏览器)

         --以下浏览器可以不支持

         [IE6] (windows xp 默认的浏览器、性能最差、安全性不好)

         [IE7] (windows xp，性能差，一般都升级到了IE8)

         [Opera] (用户非常少)

11、工具栏

         1、工具栏的按钮，前面3个应是最常用的

         2、如果工具栏有较多按钮，需要分类，有些可以放在下拉菜单中

         3、工具栏的按钮应有文本（除非是一看就知道的图标），不然一般用户根本不知道图标的内容

         4、工具栏的按钮应配有合适的图标,所有相同功能的图标都应相同

 

转载于:https://my.oschina.net/zimingforever/blog/76913