用户界面设计的三大原则是:
2、减少用户的记忆负担;
用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。结构设计也称概念设计 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。视觉设计包括色彩、字体、页面设计等。视觉设计要达到用户愉悦使用的目的。
总分越高,说明该条的用户体验越差,最后我们将得出的总分来判断问题的用户体验值:总分在0 – 5 分且单个标准在2分以下的(标示用户体验为良好);总分在5 – 10分且单个标准在2分以下的(标示用户体验为较差);总分在十分以上或有2个2分以上的标准的(标示用户体验为很差)。
1、有足够的空间让用户看到主要的内容,要适合多数浏览器浏览(以15、17寸、19寸显示器为主)
● 只看到2/3看到
2、尽量避免使用结构复杂的表格,表格嵌套不要超过3层;
● 三到四层
3、页面长度原则上不超过3屏,宽度不超过1屏幕。(以1024X768为准)
● 长超出3屏或宽超出1屏
4、页面避免使用iframe,如果必须使用,采用对应的优化方式。(优化是指:对浏览器是否支持框架进行判断以及iframe宽高度自适应页面)
● 有1-2个iframe,且无优化
5、页面布局要重点突出,图文并茂;做数据统计,将目标客户最感兴趣的放置在最重要最显著的位置(一般为页面的头部和左上角)
● 重点不突出或没有图文并茂
交互设计:
● 必填项位置显著,非必填项没有影响用户填写的效率
● 必填项和非必填项混在一起,影响了用户填写的效率
● 既有选择也有输入的方式,并有注明实例
● 没有选择性输入且没有注明填写的实例
● 调查10人(8人或以上的人很快就能点击到按钮)
● 调查10人(6人或以上的人在短时间找不到要点击的按钮)
● 有不同的状态显示
● 没有状态显示
● IE窗口<=2 IE+DIV+alert 新窗口 <=3,DIV窗口没有再打开DIV窗口
● IE窗口>=2 IE+DIV+alert 新窗口 >=3,DIV窗口有再打开DIV窗口
● 有及时清楚地提示,能保存上一步操作
● 无提示也不能保存上一步操作
● 每一个点击进行友好提示
8、对用户输入性的操作,提供快速反馈;将光标定位到第一个要输入的表单对象上,给用户心理上的暗示,避免用户焦急。
● 反馈不快速或无光标定位
9、栏目的命名要与栏目内容准确相关,简洁清晰,不宜过于深奥。
● 调查10人(只一半的人认为栏目命名好)
10、导航要清晰,栏目的层级最多不超过三层;且随时转移功能,很容易从一个功能跳到另外一个功能。
● 导航栏的层级为4层
11、在页面的醒目位置(主体页面的头部),提供信息搜索框和排序功能,便于查找到所需内容
● 有搜索框和排序但不醒目
12、正常情况下,尽量确保页面在5秒内打开。如果是大 型门户网站,必须考虑南北互通问题,进行必要的压力测试
● 3 -5秒内打开
13、让用户控制界面(界面的大小、位置、最大化、最小化、关闭、滚动条控制等)
● 控制不完善
14、无论用户浏览到哪一个层级,哪一个页面,都可以清楚知道自己当前的位置,使其做出下一步行动的决定。
● 没有当前的位置或不知道下步的操作
15、对信息量大的操作要有批量处理的功能(如审核、删除、添加等)
● 只有部分有批量处理
视觉设计:
● 典型用户调查10人(符合8-7人的习惯)
● 典型用户调查10人(符合1-4的习惯)
● 文字过小或文字过密
● 动画与页面协调,有加载画面
● 动画与页面不太协调且10K以上动画无加载页面
● 图片清晰且不变形
● 图片不清晰且变形
● 调查10人(8人或以上的人认为图标使用合理)
● 调查10人(6人或以上的人认为图标使用不合理)
● 超过1.5屏能分页浏览
● 无分页浏览功能
● 小于5,主色没有用到红色和绿色
● 整体色调就是红或绿,色系超出5个
● 在显著有关联性的快捷方式
● 无快捷方式
● 有计算机帮助记忆
● 无计算机帮助记忆。
(内容整理自知乎)

