细致入微,量化用户体验 细化量化工作
yuyutoo 2024-10-24 17:47 19 浏览 0 评论
小编推荐:人人都谈用户体验,但在“一千个读者就有一千个哈姆雷”的用户主观判断下,如何将一个产品的用户体验做好?对于产品而言,是否有清晰客观且具有普遍性的评价体系?本篇取自与知乎热门问答的文章,也许能够给你提供一个恰到好处的参考。
原问题如下:
用户体验是什么,如何评价好坏?怎样描述用户体验评价方法的核心?
提出这个问题的目的,是希望能找出一种可以把用户体验可以量化的方法。例如好的用户体验可能是点击少,视觉位置漂亮醒目,功能的数量和使用次数的数量是否平衡。我认为用户体验肯定是可以量化的,例如一种量化的方法就是用最少的点击数操作出最多的功能。
@杜佳佳的回答:
这个问题很有意思,我觉得回答这个问题可以从两个方面回答,互联网产品设计以及移动手机客户端的产品设计,所谓的用户体验,其实我个人认为,就是让用户"习惯", Don't make user think. 这个是终极目标啦,随着产品的不断的改善,用户体验也在随之变化。但是,如果你在做一款产品,所谓的标准,终极检验方法,还是用户,以及用户对于产品的反馈。 对于互联网产品的设计,我个人有一些标准的用户习惯,个人认为可以作为所谓量化的标准,我分享出来,希望能够对你有帮助。
用户界面设计的三大原则是:
1. 置界面于用户的控制之下;
2. 减少用户的记忆负担;
3. 保持界面的一致性。
用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。
结构设计也称概念设计 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。
交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。
视觉设计包括色彩、字体、页面设计等。视觉设计要达到用户愉悦使用的目的。
以下我针对用户设计的三个大类,通过“指标”就是我们用来衡量用户体验的标准,将标准分为三个等级,分别占0分、1分、2分,每个标准都有它的评分标准,当用户反馈的问题完全符合这个标准时,就占0;如问题不符合标准,就占2分;如问题不严重,只是还不够完善,就占1分;最后拿问题去套这里的标准,得出来的总分就是我们要评定改版的指标了。总分越高,说明该条的用户体验越差,最后我们将得出的总分来判断问题的用户体验值:总分在0 – 5 分且单个标准在2分以下的(标示用户体验为良好);总分在5 – 10分且单个标准在2分以下的(标示用户体验为较差);总分在十分以上或有2个2分以上的标准的(标示用户体验为很差)。
结构设计
1.有足够的空间让用户看到主要的内容,要适合多数浏览器浏览(以15、17寸、19寸显示器为主)
0:足够看到主要内容
1:只看到2/3看到
2:小于1/3的内容
2. 尽量避免使用结构复杂的表格,表格嵌套不要超过3层;
0:小于等于2层
1:三到四层
2:五层或五层以上
3. 页面长度原则上不超过3屏,宽度不超过1屏幕。(以1024X768为准)
0:长小于3屏,宽小于1屏
1:长超出3屏或宽超出1屏
2:长超出3屏,宽超1屏
4. 页面避免使用iframe,如果必须使用,采用对应的优化方式。(优化是指:对浏览器是否支持框架进行判断以及iframe宽高度自适应页面)
0: 无iframe
1:有1-2个iframe,且无优化
2:多于2个iframe,且无优化
5.页面布局要重点突出,图文并茂;做数据统计,将目标客户最感兴趣的放置在最重要最显著的位置(一般为页面的头部和左上角)
0:重点突出,图文并茂,且在最重要的位置放的是用户最感兴趣的
1:重点不突出或没有图文并茂
2:重点不突出且没有图文并茂
交互设计
1. 表单的填写流程要清晰、简洁,必填的项要放在页面的显著位置(主体页面的头部,),非必填项不能影响用户填写的效率。
0:必填项位置显著,非必填项没有影响用户填写的效率
1: 必填项位置不显著或非必填项影响了用户填写的效率
2: 必填项和非必填项混在一起,影响了用户填写的效率
2.表单的填写尽量多采用既有选择也有输入的方式,需填写部分需注明内容的实例,并对字段作出限制。
0: 既有选择也有输入的方式,并有注明实例
1: 没有选择性输入或没有注明填写的实例
2: 没有选择性输入且没有注明填写的实例
3.对于交互性的按钮必须清晰突出,以确保用户可以清楚地点击。
0: 调查10人(8人或以上的人很快就能点击到按钮)
1: 调查10人(只一半的人很快就能点击到按钮)
2: 调查10人(6人或以上的人在短时间找不到要点击的按钮)
4.点击:浏览过的信息需要显示为不同的状态,以区分于未阅读内容,避免重复阅读。
0: 有不同的状态显示
1: 只有部分有不同的状态显示
2: 没有状态显示
5.尽量减少新开的窗口,以避免开过多的无效窗口:打开的IE新窗口不超过2层;打开的IE / DIV / alert 新窗口总不超过三个,避免在DIV窗口再打开DIV窗口。
0: IE窗口<=2 IE+DIV+ALERT 新窗口 <=3,DIV窗口没有再打开DIV窗口 1:IE窗口>=2或 IE+DIV+ALERT 新窗口 >=3或DIV窗口没有再打开DIV窗口
2: IE窗口>=2 IE+DIV+ALERT 新窗口 >=3,DIV窗口有再打开DIV窗口
6.涉及到用户操作的东西,要有及时、清楚的错误、成功或信息提示;并要能保存上一步操作。
0:有及时清楚地提示,能保存上一步操作
1: 无提示或不能保存上一步操作
2: 无提示也不能保存上一步操作
7.对于每一个点击进行友好提示,以增加浏览者的亲和度,对图片、图标、链接有TIP提示或在相应位置加“说明”、“注意”的文字信息。
0: 每一个点击进行友好提示
1: 有提示,但提示不友好 无友好的提示
8.对用户输入性的操作,提供快速反馈;将光标定位到第一个要输入的表单对象上,给用户心理上的暗示,避免用户焦急。
0: 有快速的反馈,且有光标定位
1: 反馈不快速或无光标定位
2: 无快速反馈、无光标定位
9.栏目的命名要与栏目内容准确相关,简洁清晰,不宜过于深奥。
0: 调查10人(8人或以上的人认为栏目命名很好)
1: 调查10人(只一半的人认为栏目命名好)
2: 调查10人(6人或以上的人认为栏目命名深奥)
10.导航要清晰,栏目的层级最多不超过三层;且随时转移功能,很容易从一个功能跳到另外一个功能。
0: 导航栏的层级不超过3层
1: 导航栏的层级为4层
2: 导航栏的层级多于4层
11.在页面的醒目位置(主体页面的头部),提供信息搜索框和排序功能,便于查找到所需内容
0:有醒目的搜索框和排序功能
1: 有搜索框和排序但不醒目
2: 无搜索框和排序
12.正常情况下,尽量确保页面在5秒内打开。如果是大 型门户网站,必须考虑南北互通问题,进行必要的压力测试
0: 1 – 2秒内打开
1: 3 -5秒内打开
2: 5秒以上打开
13.让用户控制界面(界面的大小、位置、最大化、最小化、关闭、滚动条控制等)
0: 用户能很好的控制
1: 控制不完善
2: 用户不能控制
14.无论用户浏览到哪一个层级,哪一个页面,都可以清楚知道自己当前的位置,使其做出下一步行动的决定。
0: 每个层级每个页面都有当前的位置
1: 没有当前的位置或不知道下步的操作
2: 用户不知道自己在哪,也不知道下一步干嘛。
15.对信息量大的操作要有批量处理的功能(如审核、删除、添加等)
0: 有批量处理的功能
1: 只有部分有批量处理
2: 无批量处理的功能
视觉设计
1.界面风格要协调一致,让用户有一个整体的感觉。 (最好能提供换肤的功能)
0: 典型用户调查10人(符合8-7人的习惯)
1: 典型用户调查10人(符合5 - 6人的习惯)
2: 典型用户调查10人(符合1-4的习惯)
2.采用易于阅读的字体,避免文字过小或过密造成的阅读障碍。(主体字 中文采用标准的12PX 宋体;英文采用12PX Arial 字体)
1: 文字过小或文字过密
3.动画效果要与主画面相协调,文件大小在10K以上的要有加载画面。
0: 动画与页面协调,有加载画面
1: 动画与页面不太协调或10K以上动画无加载页面
2: 动画与页面不太协调且10K以上动画无加载页面
4.图片展示要比例协调、不变形,图片清晰。
0: 图片清晰且不变形
1: 图片不清晰或变形
2: 图片不清晰且变形
5.图标使用要简洁、明了、易懂、准确,与页面整体风格统一;尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。同样的功能用同样的图形。
0: 调查10人(8人或以上的人认为图标使用合理)
1: 调查10人(只一半的人认为图标合理)
2: 调查10人(6人或以上的人认为图标使用不合理)
6.对于长篇文章 进行分页浏览,超过1.5屏时 进行翻页(15寸显示器为准)
0: 超过1.5屏能分页浏览
1: 2屏以上才分页浏览
2: 无分页浏览功能
7.色彩与内容。整体不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。以恰当的色彩明度和亮度,确保浏览者的浏览舒适度。
0: 小于5,主色没有用到红色和绿色
1: 整体色调是红或绿或整体色系超出5个
2: 整体色调就是红或绿,色系超出5个
8.提供界面的快捷方式,一个功能有多个入口;快捷方式体现出其关联性,放在显著的位置(页面的头部或左上角)
0: 在显著有关联性的快捷方式
1: 有快捷方式但位置不显著
2: 无快捷方式
9.减少短期记忆的负担。让计算机帮助记忆,例:登录的用户名、密码、IE进入界面地址可以让机器记住。
0: 有计算机帮助记忆
1: 有部分记忆功能
2: 无计算机帮助记忆。
对于手机客户端的用户体验标准,我想也可以从这三个方向进行评估:结构设计请检验:1、2、5 交互设计可以全部,但是第5项改为尽可能减少打开链接。视觉设计也是可以全部,但是对于第二项字体,iphone以及安卓,有自己标准的字体,按照其标准设计,就是用户体验的最佳状态。另苹果对UI是由标准的,下载一份标准。按照标准来,体验最好。
相关推荐
- 微软Win10/Win11版Copilot上线:支持OpenAI o3推理模型
-
IT之家4月3日消息,科技媒体WindowsLatest昨日(4月2日)发布博文,报道称Windows10、Windows11新版Copilot应用已摘掉Beta帽...
- WinForm 双屏幕应用开发:原理、实现与优化
-
在当今的软件开发领域,多屏幕显示技术的应用越来越广泛。对于WinForm应用程序来说,能够支持双屏幕显示不仅可以提升用户体验,还能满足一些特定场景下的业务需求,比如在演示、监控或者多任务处理等场景...
- OpenJDK 8 安装(openjdk 8 windows)
-
通常OpenJDK8和11都能互相编译和通用。我们建议使用11,但是如果你使用JDK8的话也是没有问题的。建议配置使用OpenJDK,不建议使用OracleJDK,主要是因为版...
- 基于 Linux 快速部署 OpenConnect VPN 服务(ocserv 实战指南)
-
一、前言在如今远程办公和内网穿透需求日益增长的背景下,搭建一套安全、稳定、高效的VPN系统显得尤为重要。OpenConnectServer(ocserv)是一个开源、高性能的VPN服务端软件...
- 巧妙设置让Edge浏览器更好用(edge怎么设置好用)
-
虽然现在新版本的Edge浏览器已经推出,但是毕竟还处于测试的状态中。而Win10系统里面自带的老版Edge浏览器,却越来越不被人重视。其实我们只需要根据实际情况对老版本的Edge浏览器进行一些简单的设...
- 微软开源博客工具Open Live Writer更新:多项Bug修复
-
OpenLiveWriter前身是WindowsLiveWriter,是微软WindowsLive系列软件之一,曾经是博主们非常喜爱的一款所见即所得博文编辑工具,支持离线保存,还支持图像编辑...
- 基于OpenVINO的在线设计和虚拟试穿 | OPENAIGC大赛企业组优秀作品
-
在第二届拯救者杯OPENAIGC开发者大赛中,涌现出一批技术突出、创意卓越的作品。为了让这些优秀项目被更多人看到,我们特意开设了优秀作品报道专栏,旨在展示其独特之处和开发者的精彩故事。...
- Python open函数详解(python open函数源码)
-
演示环境,操作系统:Win1021H2(64bit);Python解释器:3.8.10。open是Python的一个内置函数,一般用于本地文件的读写操作。用法如下。my_file=open(fi...
- 世界上最好用的Linux发行版之一,OpenSUSE安装及简单体验
-
背景之前无意在论坛里看到openSUSE的Linux发行版,被称为世界上最好用的Linux发行版之一(阔怕),一直想体验一下,于是这期做一个安装和简单体验教程吧。...
你 发表评论:
欢迎- 一周热门
-
-
前端面试:iframe 的优缺点? iframe有那些缺点
-
带斜线的表头制作好了,如何填充内容?这几种方法你更喜欢哪个?
-
漫学笔记之PHP.ini常用的配置信息
-
其实模版网站在开发工作中很重要,推荐几个参考站给大家
-
推荐7个模板代码和其他游戏源码下载的网址
-
[干货] JAVA - JVM - 2 内存两分 [干货]+java+-+jvm+-+2+内存两分吗
-
正在学习使用python搭建自动化测试框架?这个系统包你可能会用到
-
织梦(Dedecms)建站教程 织梦建站详细步骤
-
【开源分享】2024PHP在线客服系统源码(搭建教程+终身使用)
-
2024PHP在线客服系统源码+完全开源 带详细搭建教程
-
- 最近发表
-
- 微软Win10/Win11版Copilot上线:支持OpenAI o3推理模型
- WinForm 双屏幕应用开发:原理、实现与优化
- 推荐一个使用 C# 开发的 Windows10 磁贴美化小工具
- OpenJDK 8 安装(openjdk 8 windows)
- 基于 Linux 快速部署 OpenConnect VPN 服务(ocserv 实战指南)
- 巧妙设置让Edge浏览器更好用(edge怎么设置好用)
- WPF做一个漂亮的登录界面(wpf页面设计)
- 微软开源博客工具Open Live Writer更新:多项Bug修复
- 基于OpenVINO的在线设计和虚拟试穿 | OPENAIGC大赛企业组优秀作品
- C#开源免费的Windows右键菜单管理工具
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)