首页 / 历史 / 古代史 / 正文

iframe 用法(用户体验评价方法的核心要素)

放大字体  缩小字体 来源:德弗斯 2026-04-15 13:35  浏览次数:4

用户界面设计的三大原则是:

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个

● 在显著有关联性的快捷方式

● 无快捷方式

● 有计算机帮助记忆

● 无计算机帮助记忆。

(内容整理自知乎)

打赏
0相关评论
热门搜索排行
精彩图片
友情链接
声明:本站信息均由用户注册后自行发布,本站不承担任何法律责任。如有侵权请告知立立即做删除处理。
违法不良信息举报邮箱:115904045
头条快讯网 版权所有
中国互联网举报中心