一、评估的目的
交互设计是一个迭代过程,通过交互设计评估,可以及早发现设计中缺陷,进而能进一步完善交互流程。通过评价,也可发现交互设计中可行、友善、合理或优秀的地方,从而为后续产品的交互设计提供借鉴。
二、评估的标准
手机产品交互设计的评估标准还是是否满足用户体验,当然,体验是一个很虚的东西,没有一个具体的量化标准,那我们就落在实处,从可以量化的维度打分。具体从那几个维度入手,我认为可以分为如下几个,见图1:
图1 交互体验评估维度
1、产品架构是否清晰
无论是九宫格式的架构还是标签页式的架构,都需要让用户一进入产品,就可以一目了然的知道产品是干什么的,有几个功能模块,模块之间怎么切换。
同时,产品层级较深的,设计师要清楚的了解有产品有多少个二级页面,多少个三级页面。这些二级页面和三级页面的架构,是复用一级页面的,还是有自己的架构。
有如下几个评估标准:
- 产品结构清晰,没有不必要的层级
- 能快速了解产品有几个主要页面
- 所有主要部分都能够通过首页访问
- 清晰的指示了当前的位置
2、产品流程是否清晰
要想表现层越简单,背后的逻辑层可能就越复杂。那么我们评估流程的时候,不是以背后的逻辑层复杂度来评估,而是以表现层的简洁度来评估的。比如说一 个发布帖子的流程,总共需要几个步骤,涉及到几个层级(一级页面到二级页面到三级页面…)。当然,不是说步骤越少、层级越浅就是好的设计。而是要简单、明 确、清晰。没有不相关的干扰分支,没有经常会出现的误操作,没有提顿思考的空间,没有操作之后无反应的疑惑。
有如下几个评估标准:
- 明确产品有几个主要的任务流程
- 每个任务流程清晰,没有太多分支
- 任务流程符合用户操作流程
- 用户可以取消正在执行操作
- 操作成功或失败都有明确的反馈
- 在每个层级,都可以找到回到上一级的方法
- 预防出错,如出错要帮助用户从错误中恢复过来
- 复杂的交互是否有很好的引导和帮助
3、控件使用是否准确
手机产品涉及到很多的控件。一级标签栏、二级标签栏、列表、按钮、对话框、提示框、发布框等等,这些控件使用的是否到位,是衡量一个设计师细节设计 能力的重要标准。比如说两个二级页面都需要二级标签栏,如果你设计出来两个样式的话,那么说明你没有用控件的思想来做设计,不仅设计师要设计两套二级控 件,程序人员要重复劳动,用户也会疑惑这两个控件是不是同一个含义同一种操作方式。再比如说,这个二级标签栏,它的从属内容是否在样式上跟他有从属关系, 这个细节,如果不把握好,用户很可能把这个二级标签栏看成了按钮。
有如下几个评估标准:
- 控件使用准确性(比如是否混淆了单选框和复选框,对话框层次过多等)
- 控件的复用(比如两个页面都用到tabbar,不用设计两个)
- 控件的状态(比如不可点状态、可点状态、按下状态、长按状态)
- 链接色的准确使用
- 焦点状态的准确使用
4、信息传达是否到位
信息传达包含产品文案引导、按钮文案设计、列表文字布局、内容页排版、提醒文案设计等等。文案的梳理,有些公司是专门有内容编辑来做的,但是大部分 公司,都是产品经理或者交互设计师直接完成的。那么文案是否准确,是否能有效的传达意思,也是衡量交互设计的一个重要标准。文字长度限制、特殊情况处理是 否考虑到位,也是衡量设计师工作的基准。而列表文字的布局、内容页的排版,则是信息布局的重中之重。
有如下几个评估标准:
- 布局清晰
- 文案简洁
- 没有术语(比如“拉取失败”这种文案)
- 合理排版(标题、作者、时间的字号、字色,页边距的运用)
- 标签和内容的从属关系(能否看出当前标签页,和当前标签页的从属内容)
三、评估的方法
交互体验评估还没有一套成型的方法,传统的评估都是靠直觉经验,那么能否通过探索共性,转化成一种科学的有效的评估方法呢?
传统的方法有:实验方法(随机和重复测试),监测方法,调查方法等。
科学的评估方法:
1.设计原则评价(guidelines Evaluation)
为自己的部门或者项目写一个设计原则,从架构、流程、控件、内容等多个维度来构造一定的设计要求,一套成型的设计原则诞生之后,可以让设计师在设计过程中进行自我评价,也可以让设计师完成设计之后交付其他设计师进行协同评审。
2.启发式评估(euristic Evaluation)
启发式评估是指少数几个评估者检查界面,并判断界面是否符合公认的可用性原则。
具体的方法见Jakob Nielsen写的How to Conduct a Heuristic Evaluation一文,中文翻译见初心不忘翻译的如何进行启发式评估。
3.可用性测试(usability Testing)
测典型用户执行典型任务时的情况,测试指标包括用户出错次数,完成任务的时间等。典型的可用性测试是在实验室环境中进行的,被测试人员受到评价人员的密切控制。可用性测试主要是量化用户的执行情况,测试的结果通常被表示为统计值。
具体的方法见小胖翻译的了解可用性测试。英文原文链接已经挂掉。
四、评估的结果
可以产出一份详细的评估报告,分别阐述四个维度上,交互设计中存在的亮点和问题,亮点加分,问题扣分,最后绘制成蜂窝图,如图2。四个维度的分加起来除4乘10是最后的总得分。
图2 交互体验评估结果蜂窝图
最后总结一下,体验是一种很虚的东西,难以靠数值量化出来,就如同情感无法量化一样。所以本文旨在提供一种客观一点的思考方法。
相关推荐
这也使得用户体验一词变得越来越流行,同时也导致了一个对产品评测方面的巨大转变,即系统的评价指标从单纯的可用性工程,扩展到范围更丰富的用户体验。在今天激烈竞争的商业社会中,用户体验越来越成为关乎到一个...
3、用户管理:实现用户基本的注册、登录、个人信息填写等操作,还可以实现个人手机信息发布、手机浏览、手机评价等操作。 总之,基于SSM+Vue的二手手机回收平台系统是一个高效、稳定、安全、环保、易用的回收平台,...
响应式设计 — 采用最新响应式网页设计技术,确保网站在各种屏幕尺寸和设备上均提供无缝浏览体验,无论用户使用桌面电脑、平板还是智能手机。现代化UI/UX — 遵循现代网页设计和用户体验原则,这份源码利用干净的...
评价反馈:用户可以对已购买的旅游产品进行评价和反馈,分享自己的旅游体验和意见。 总结: weixin008微信平台的旅游出行必备商城小程序是一个基于微信平台的旅游服务应用,采用了SSM框架进行后端开发,实现了用户...
由于如今可得到的信息供过于求,因此你想要分享的任何内容都应该是容易查找、浏览和理解的,同时提供的体验在多种交互渠道都应该是熟悉且一致的,从Web到智能手机、智能手表,等等。 为了引导你通过这个广阔的生态...
基于Android的校园闲置物品交易平台的设计和实现需要包含以下关键步骤: 需求分析:了解用户需求,确定功能模块和...此外,还需要考虑到发布上线的问题,如何与服务器端进行数据交互和通讯,如何保证数据的安全性和
这个平台为用户提供了便捷的在线点餐体验,同时也为商家提供了一个高效的订单管理系统。 技术方面,该平台主要使用了以下技术: 微信小程序:作为前端展示和交互的主要载体,用户可以通过扫描二维码或在微信内搜索...
点餐小程序是一款方便用户在线点餐的应用程序,用户可以使用该小程序在手机上浏览菜单、下单、支付、查看订单等功能。该小程序为用户提供了简单、快捷、高效的点餐体验。点餐小程序的目标是为消费者和商家提供一个...
Vue:作为前端框架,负责页面的渲染和交互效果。 功能介绍: 用户注册与登录:用户可以通过手机号或者微信授权的方式注册并登录平台。 电影信息展示:用户可以查看电影的基本信息,如海报、导演、演员、简介等。 ...
历次科技革命,如电话、计算机、电视、手机、互联网 及智能手机等,无一不是通过改变信息传递方式,进而改变 人们的交互模式。现在,人们可以运用计算机虚拟真实场景, 去实现像在地球上也能真切体验太空遨游的新奇...
该系统结合物联网技术和移动应用开发,为用户、餐厅和配送人员提供了全面的功能和交互性。 该外卖点餐系统具有以下主要特点和功能: 移动应用平台:系统通过移动应用提供点餐服务,用户可以在手机上浏览菜单、选择...
再次它不是可有可无的,需要具备优化交互和提升体验的作用。1.APP动效的外在美一段动效首先需要是生动且有趣的,不仅要有好看的外观还要有流畅的体验。要做到这点,需要赋予动效以生命力,具体有如下几种方法:1.1...
3 创新点 人机交换显示屏 人机交互区域可控制和监控整个本产品模拟仪的运行,用户可以通过手机APP(绿警)实现对于电动自行车的断电、断电提醒、震动报警、报警记录、查看设备属性、电话提醒设置、电子栅栏、添加...
客户交互体验与操作友好度,于是我写了boobuy购物系统, 提取了淘宝核心概念,以及我个人对2007年电子商务的理解,完成了这个购物系统, 你应该使用她,因为她能容易的促成客户交易,与客户的距离更接近,让客户爱上...
该系统具有良好的用户体验和界面设计,采用现代化的UI风格和交互方式,让用户能够轻松地完成各种操作。同时,系统还具有高度的安全性和稳定性,能够保证数据的安全性和系统的稳定性。 总之,基于SSM+Vue的线上会议...
6. **用户评价**:购买后用户可以对商品和服务进行评价,为其他用户提供参考。 7. **物流跟踪**:整合物流查询接口,用户可以实时追踪订单配送状态。 8. **数据分析**:后台提供销售数据统计分析,帮助商家了解市场...