张运彬|木木
@广州,#IxDC,#web产品,#UCD书友会
@广州,#IxDC,#web产品,#UCD书友会
Jun 3rd
交互设计是一个迭代过程,通过交互设计评估,可以及早发现设计中缺陷,进而能进一步完善交互流程。通过评价,也可发现交互设计中可行、友善、合理或优秀的地方,从而为后续产品的交互设计提供借鉴。
手机产品交互设计的评估标准还是是否满足用户体验,当然,体验是一个很虚的东西,没有一个具体的量化标准,那我们就落在实处,从可以量化的维度打分。具体从那几个维度入手,我认为可以分为如下几个,见图1:
图1 交互体验评估维度
无论是九宫格式的架构还是标签页式的架构,都需要让用户一进入产品,就可以一目了然的知道产品是干什么的,有几个功能模块,模块之间怎么切换。
同时,产品层级较深的,设计师要清楚的了解有产品有多少个二级页面,多少个三级页面。这些二级页面和三级页面的架构,是复用一级页面的,还是有自己的架构。
有如下几个评估标准:
要想表现层越简单,背后的逻辑层可能就越复杂。那么我们评估流程的时候,不是以背后的逻辑层复杂度来评估,而是以表现层的简洁度来评估的。比如说一 个发布帖子的流程,总共需要几个步骤,涉及到几个层级(一级页面到二级页面到三级页面…)。当然,不是说步骤越少、层级越浅就是好的设计。而是要简单、明 确、清晰。没有不相关的干扰分支,没有经常会出现的误操作,没有提顿思考的空间,没有操作之后无反应的疑惑。
有如下几个评估标准:
手机产品涉及到很多的控件。一级标签栏、二级标签栏、列表、按钮、对话框、提示框、发布框等等,这些控件使用的是否到位,是衡量一个设计师细节设计 能力的重要标准。比如说两个二级页面都需要二级标签栏,如果你设计出来两个样式的话,那么说明你没有用控件的思想来做设计,不仅设计师要设计两套二级控 件,程序人员要重复劳动,用户也会疑惑这两个控件是不是同一个含义同一种操作方式。再比如说,这个二级标签栏,它的从属内容是否在样式上跟他有从属关系, 这个细节,如果不把握好,用户很可能把这个二级标签栏看成了按钮。
有如下几个评估标准:
信息传达包含产品文案引导、按钮文案设计、列表文字布局、内容页排版、提醒文案设计等等。文案的梳理,有些公司是专门有内容编辑来做的,但是大部分 公司,都是产品经理或者交互设计师直接完成的。那么文案是否准确,是否能有效的传达意思,也是衡量交互设计的一个重要标准。文字长度限制、特殊情况处理是 否考虑到位,也是衡量设计师工作的基准。而列表文字的布局、内容页的排版,则是信息布局的重中之重。
有如下几个评估标准:
交互体验评估还没有一套成型的方法,传统的评估都是靠直觉经验,那么能否通过探索共性,转化成一种科学的有效的评估方法呢?
传统的方法有:实验方法(随机和重复测试),监测方法,调查方法等。
科学的评估方法:
为自己的部门或者项目写一个设计原则,从架构、流程、控件、内容等多个维度来构造一定的设计要求,一套成型的设计原则诞生之后,可以让设计师在设计过程中进行自我评价,也可以让设计师完成设计之后交付其他设计师进行协同评审。
启发式评估是指少数几个评估者检查界面,并判断界面是否符合公认的可用性原则。
具体的方法见 Jakob Nielsen写的How to Conduct a Heuristic Evaluation一文,中文翻译见初心不忘翻译的如何进行启发式评估。
测典型用户执行典型任务时的情况,测试指标包括用户出错次数,完成任务的时间等。典型的可用性测试是在实验室环境中进行的,被测试人员受到评价人员的密切控制。可用性测试主要是量化用户的执行情况,测试的结果通常被表示为统计值。
具体的方法见小胖翻译的了解可用性测试。英文原文链接已经挂掉。
可以产出一份详细的评估报告,分别阐述四个维度上,交互设计中存在的亮点和问题,亮点加分,问题扣分,最后绘制成蜂窝图,如图2。四个维度的分加起来除4乘10是最后的总得分。
图2 交互体验评估结果蜂窝图
最后总结一下,体验是一种很虚的东西,难以靠数值量化出来,就如同情感无法量化一样。所以本文旨在提供一种客观一点的思考方法。
(注,查看原文:http://elya.cc/mobile/809.html,谢谢!)
Mar 13th
每个人对网站的使用习惯不一样,功能要求也不一样,要做到最好的用户体验只能是照顾最主要目标受众的需求,因此要实现用户体验的优化,前提之一是必须对自己的目标受众了如指掌。因此,要有一个详细的背景调查,分析目标受众的属性,分析他们的需求和行为特征,这样才能有的放矢,实现网站用户体验优化的目的。
现在很多互联网行业的从业人员动不动就提“用户体验”,但是在看了很多同行的网站后,发现很多的网站不仅没有把用户体验这个最重要的部分处理好,并且对用户体验的概念都比较模糊,更不知道从何下手,尤其对于电子商务网站而言,直接的后果就是网站的转化率提不上去,销售额无法突破。每个人对网站的使用习惯不一样,功能要求也不一样,要做到最好的用户体验只能是照顾最主要目标受众的需求,因此要实现用户体验的优化,前提之一是必须对自己的目标受众了如指掌。因此,要有一个详细的背景调查,分析目标受众的属性,分析他们的需求和行为特征,这样才能有的放矢,实现网站用户体验优化的目的。
了解完用户之后,还是要回到从哪些方面或角度来进行网站用户体验优化这个问题上来,今天有感而发,总结了用户体验的76个要素,同行以及相关朋友可以参考下:
网站用户体验的分类
1、感官体验:呈现给用户视听上的体验,强调舒适性。
2、交互体验:呈现给用户操作上的体验,强调易用/可用性。
3、情感体验:呈现给用户心理上的体验,强调友好性。
4、浏览体验:呈现给用户浏览上的体验,强调吸引性。
5、信任体验:呈现给用户的信任体验,强调可靠性。
网站用户体验的76个要素
一、感官体验:呈现给用户视听上的体验,强调舒适性
1. 设计风格:符合目标客户的审美习惯,并具有一定的引导性。
网站在设计之前,必须明确目标客户群体,并针对目标客户的审美喜好,进行分析,从而确定网站的总体设计风格。
2. 网站LOGO:确保logo的保护空间,确保品牌的清晰展示而又不占据过分空间。
3. 页面速度:正常情况下,尽量确保页面在5秒内打开。如果是大 型门户网站,必须考虑南北互通问题,进行必要的压力测试。
4. 页面布局:重点突出,主次分明,图文并茂。与企业的营销目标相结合,将目标客户最感兴趣的,最具有销售力的信息放置在最重要的位置。
5. 页面色彩:与品牌整体形象相统一,主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度,确保浏览者的浏览舒适度。
6. 动画效果:与主画面相协调,打开速度快,动画效果节奏适中,不干扰主画面浏览。
7. 页面导航:导航条清晰明了、突出,层级分明。
8. 页面大小:适合多数浏览器浏览(以15寸及17寸显示器为主)。
9. 图片展示:比例协调、不变形,图片清晰。图片排列既不过于密集,也不会过于疏远。
10. 图标使用:简洁、明了、易懂、准确,与页面整体风格统一。
11. 广告位:避免干扰视线,广告图片符合整体风格,避免喧宾夺主。
12. 背景音乐:与整体网站主题统一,文件要小,不能干扰阅读。要设置开关按钮及音量控制按钮。
二、交互体验:呈现给用户操作上的体验,强调易用/可用性
13. 会员申请:介绍清晰的会员权责,并提示用户确认已阅读条款。
14. 会员注册:流程清晰、简洁。待会员注册成功后,再详细完善资料。
15. 表单填写:尽量采用下拉选择,需填写部分需注明要填写内容,并对必填字段作出限制。(如手机位数、邮编等等,避免无效信息)
16. 表单提交:表单填写后需输入验证码,防止注水。提交成功后,应显示感谢提示。
17. 按钮设置:对于交互性的按钮必须清晰突出,以确保用户可以清楚地点击。
18. 点击提示:点击浏览过的信息颜色需要显示为不同的颜色,以区分于未阅读内容,避免重复阅读。
19. 错误提示:若表单填写错误,应指明填写错误之处,并保存原有填写内容,减少重复工作。
20. 在线问答:用户提问后后台要及时反馈,后台显示有新提问以确保回复及时。
21. 意见反馈:当用户在使用中发生任何问题,都可随时提供反馈意见。
22. 在线调查:为用户关注的问题设置调查,并显示调查结果,提高用户的参与度。
23. 在线搜索:搜索提交后,显示清晰列表,并对该搜索结果中的相关字符以不同颜色加以区分。
24. 页面刷新:尽量采用无刷新(AJAX)技术,以减少页面的刷新率。
Ajax是新兴的网络开发技术的象征。它将JavaScript和XML技术结合在一起,用户每次调用新数据时,无需反复向服务器发出请求,而是在浏览器的缓存区预先获取下次可能用到的数据,界面的响应速度因此得到了显著提升。
25. 新开窗口:尽量减少新开的窗口,以避免开过多的无效窗口,设置弹出窗口的关闭功能。
26. 资料安全:确保资料的安全保密,对于客户密码和资料进行加密保存。
27. 显示路径:无论用户浏览到哪一个层级,哪一个页面,都可以清楚知道看到该页面的路径。
三、浏览体验:呈现给用户浏览上的体验,强调吸引性
28. 栏目的命名:与栏目内容准确相关,简洁清晰,不宜过于深奥。
29. 栏目的层级:最多不超过三层,导航清晰,运用JAVAscrip等技术使得层级之间伸缩便利。
30. 内容的分类:同一栏目下,不同分类区隔清晰,不要互相包含或混淆。
31. 内容的丰富性:每一个栏目应确保足够的信息量,避免栏目无内容情况出现。
32. 内容的原创性:尽量多采用原创性内容,以确保内容的可读性。
33. 信息的更新频率:确保稳定的更新频率,以吸引浏览者经常浏览。
34. 信息的编写方式:段落标题加粗,以区别于内文。采用倒金字塔结构。
35. 新文章的标记:为新文章提供不同标识(如new),吸引浏览者查看。
36. 文章导读:为重要内容在首页设立导读,使得浏览者可以了解到所需信息。文字截取字数准确,避免断章取义。
37. 精彩内容的推荐:在频道首页或文章左右侧,提供精彩内容推荐,吸引浏览者浏览。
38. 相关内容的推荐:在用户浏览文章的左右侧或下部,提供相关内容推荐,吸引浏览者浏览。
39. 收藏夹的设置:为会员设置收藏夹,对于喜爱的产品或信息,可进行收藏。
40. 栏目的订阅:提供Rss或邮件订阅功能
41. 信息的搜索:在页面的醒目位置,提供信息搜索框,便于查找到所需内容。
42. 页面打印:允许用户打印该页资料,以便于保存。
43. 文字排列:标题与正文明显区隔,段落清晰。
44. 文字字体:采用易于阅读的字体,避免文字过小或过密造成的阅读障碍。可对字体进行大中小设置,以满足不同的浏览习惯。
45. 页面底色:不能干扰主体页面的阅读。
46. 页面的长度:设置一定的页面长度,避免页面过长而影响阅读。
47. 分页浏览:对于长篇文章 进行分页浏览。
48. 语言版本:为面向不同国家的客户提供不同的浏览版本。
49. 快速通道:为有明确目的的用户提供快速入口。
四、情感体验:呈现给用户心理上的体验,强调友好性
50. 客户分类:将不同的浏览者进行划分(如消费者、经销商、内部员工),为客户提供不同的服务。
51. 友好提示:对于每一个操作进行友好提示,以增加浏览者的亲和度。
52. 会员交流:提供便利的会员交流功能(如论坛),增进会员感情。
53. 售后反馈:定期进行售后的反馈跟踪,提高客户满意度。
54. 会员优惠:定期举办会员优惠活动,让会员感觉到实实在在的利益。
55. 会员推荐:根据会员资料及购买习惯,为其推荐适合的产品或服务。
56. 鼓励用户参与:提供用户评论、投票等功能,让会员更多地参与进来。
57. 会员活动:定期举办网上会员活动,提供会员网下交流机会。
58. 专家答疑:为用户提出的疑问进行专业解答。
59. 邮件/短信问候:针对不同客户,为客户定期提供邮件/短信问候,增进与客户间感情。
60. 好友推荐:提供邮件推荐功能。
61. 网站地图:为用户提供清晰的网站指引。
五、信任体验:呈现给用户的信任体验,强调可靠性
62. 搜索引擎:查找相关内容可以显示在搜索引擎前列。
63. 公司介绍:真实可靠的信息发布,包括公司规模、发展状况、公司资质等。
64. 投资者关系:上市公司需为股民提供真实准确的年报,财务信息等。
65. 服务保障:将公司的服务保障清晰列出,增强客户信任。
66. 页面标题:准确地描述公司名称及相关内容。
67. 文章来源:为摘引的文章标注摘引来源,避免版权纠纷。
68. 文章编辑作者:为原创性文章注明编辑或作者,以提高文章的可信度。
69. 联系方式:准确有效的地址、电话等联系方式,便于查找。
70. 服务热线:将公司的服务热线列在醒目的地方,便于客户查找。
71. 有效的投诉途径:为客户提供投诉或建议邮箱或在线反馈。
72. 安全及隐私条款:对于交互式网站,注明安全及隐私条款可以减少客户顾虑,避免纠纷。
73. 法律声明:对于网站法律条款的声明可以避免企业陷入不必要的纠纷中。
74. 网站备案:让浏览者确认网站的合法性。
75. 相关链接:对于集团企业及相关企业的链接,应该具有相关性。
76. 帮助中心:对于流程较复杂的服务,必须具备帮助中心进行服务介绍。
其实对一个网站做一次用户体验分析是很细很累的活,但是意义却很大,尤其对年销售额上千万级的电子商务网站而言,用户体验做好了,转化率能增加千分之一那就能促进数百上千万的销售额,你说用户体验重不重要?
Feb 23rd
.png)
Feb 20th
有好的理解力,才会有好的执行力。好的沟通是成功的一半。通过沟通,群策群力集思广益可以在执行中分清战略的条条框框,适合的才是最好的。通过自上而下的合力达使企业执行更顺畅!
SMART原则就是包括了沟通的5大原则:
目标必须是具体的(Specific);
目标必须是可以衡量的(Measurable);
目标必须是可以达到的(Attainable);
目标必须和其他目标具有相关性(Relevant);
目标必须具有明确的截止期限(Time-based)。
Feb 13th
作为五笔打字的忠实用户,今年刚好十年。为了纪念这个即将浮云的输入法,以博敬之!

.png)
Dec 30th
产品,交互设计,用户体验,不管是面向公众还是面向自己,你是否能都做好良好的体验?
我这里提出几个可实践的问题:
1)你的word文档,敢于拿出来展示吗?
2)你的阅读量,有记载吗?参考资料有多少库存?
3)你的电脑文件,命名有规律吗?
4)等
Dec 18th
关键词:奔波,熬夜,疲劳,交友
摘要:这几天几乎在家呆的时间,就是睡觉时间,奔波在外,熬夜工作,疲劳开车,交友谈心。原来生活就是在围着地表在转。小记下这几天所到广州地标。
为了IxDC的未来发展,这了交互设计体验日的总结/财务,从12月1日开始就奔波在外。同时亚残运会还是进行中,被归属涉亚人员的我,还得跑跑亚组委。
[1]公司,科韵路,网易大厦。上班的地方,必经之地。这个为了奉献5个年头的团队。
[2]亚组委,体育西路,亚体文化中心。第2个上班的地方,必经之地,还好明天就结束了。还真要感谢几位童鞋:@欧姐,@小亮哥,@小宝哥。
[3]旅盟,科韵路,勤天E品。在这里,毅然接受交互设计体验日的统筹职位,开始无日无夜的工作。也认识了三位小盘友:@Tiontion (孙孙),@Headshoulders ,@刘友文。建立友谊,一起煮大餐!这可是我的小师妹呵,有模有样吧!
[4]大学城,广州美术学院。#交互设计体验日#的办工地点,也曾经在这里睡了两天。还记得某一天早上,还被那XXOO声给吵醒了,我的天啊!
[4]胡晓家,现代公寓。来回送货发货,接人,讨论,都在这里开始。
[5]工协,连新路,广东省工业设计协会。向领导们学习,汇报工作。更重要的是解决委员会财务对帐。祝:@阿英:新婚快乐!早生贵子!
[6]华景新城,认识友学教育的@郑校长,这次的交流很有意思,从教育到旅游到网站到漫画,很有设计效果,很给力,很含金量。
[7]吃的汇集。真可是包罗万象。保利自家私房菜、甜心豆浆店、元绿寿司、水鱼火锅,等等。生活就这样,难得自由时,好好与朋友们分享、聊天!
PS:祝那位一起吃龟玲膏的好同学好朋友,生活愉快!开开心心!
Dec 15th
前几天在SocialBeta看到wisp翻译的《移动产品用户体验的3个层次》,原作者将硬件/网络、操作系统、移动应用看作一个移动产品的3个部分,从而提出移动产品用户体验的3个层次。如果单纯的分割开来看,的确是3个层次,但我认为,移动产品完整的用户体验要素,不光包括这3个层次,在此基础上,还应该包括每个层次之间的配合度。
只有从这几个角度出发,我们才能发现,只有具备了完整的用户体验要素的移动产品才能称之为优秀的移动产品。这也为移动应用开发者理清了思路,选择什么样的移动平台,开发什么样的产品,如何提升自己APP的用户体验……
针对移动产品用户体验的3个层次,我不在这里重复叙述,大家可以看SocialBeta的《移动产品用户体验的3个层次》文章,在这里我主要想叙述的是这3个层次之间的配合。
OS与硬件/网络之间的配合度
很显然,移动产品的硬件与其操作系统(OS)的配合度,直接决定了移动产品上市初期的口碑,这从苹果的iPhone、iPad上市的疯狂程度和良好口碑可以得到验证。苹果高性能的硬件、良好的触控效果与iOS的完美结合,造就了令人惊艳的用户体验。
而国内山寨厂商的各种xPad却提供了一种糟糕的反例,粗糙的硬件设备配合原始的Android系统,彻底摧毁了用户对平板电脑的期望,甚至拖累了Android系统本身。同一个系统,搭载不同的UI,存在于不同的硬件设备中,不仅降低了系统速度,降低了软件的兼容性,同时也降低了用户体验,这也是为什么google有意在Android3.0中禁止厂商自定义UI的原因。
毕竟,移动OS与移动产品硬件的配合是一切用户体验的基础。
如果你准备开发一个炫酷的、拥有极佳用户体验、甚至希望一鸣惊人的APP,很显然,你首先应该针对iPhone或iPad开发,而非Android。
APP与OS之间的配合度(利用度)
如果说,OS与硬件之间的配合度我们只能选择,但无法掌控的话,那APP与OS之间的配合度,就是我们需要极力把握的一面了。从理解角度来讲,应该说是APP对OS的利用程度。
不管是iOS系统还是Android系统,都提供了大量的工具来配合开发人员对OS的利用,无论是利用好页面过渡效果、手势,还是使用推送通知、导航、视频图形播放等。比如利用好OS内置的动画效果,充分利用滑动来展开更多的交互操作,直接对内容进行交互而不是设计一个专门按钮等。
这些都需要我们在设计APP的时候,对OS可以利用的功能有非常全面的了解,及不同OS之间的区别,这样才不会由于不知道而限制了我们的创意。
APP与硬件/网络之间的配合度(利用度)
随着移动设备技术的飞速发展,各种以前无法想像的功能出现在了移动设备中,比如陀螺仪、加速仪、多点触控屏、GPS、高清摄像头等,这就为移动应用激发了无限的可能。跟APP与OS之间的配合度一样,我们只有充分了解各种移动设备的特性,才能充分发挥我们的创意。比如iPhone中摇动随机播放音乐,陀螺仪在赛车和射击类游戏中的应用等。
同样,我们也应该了解不同硬件设备之间的差异和限制条件,比如对渐变色彩显示效果的支持度不同而采用不同的贴图等。(by 拉面馆)
Dec 13th