标签 ‘用户体验’
-
脆弱的用户体验
最近关心电子商务比较多,阿里系产品目前还是业内标杆,值得学习的对象。前几天Jack Ma对支付宝用户体验的严厉批评,成为业内交流热点,据说原话是“烂,太烂,烂到极点”。
作为从业者说句公道话,中国网上支付体验差的根源在于“安全性”,所以才要用证书、用控件来尽可能“保障”安全,同时也给控件、证书的“兼容性”问题种下了祸根。这个症结主要受制于目前中国公民“个人信用体系”的不完善,这就是国情,不是目前谁能一拍脑袋、开个会能解决的。举个例子,美国建立信用体系历时百年,上世纪80年代初美国才建立全国数据共享个人信用体系。
支付宝正在从单纯服务于淘宝,走向做网民生活的水电煤。我想不仅支付宝,任何一家商业公司的“网络支付”平台,如果想做生活的水电煤,想影响网民的日常起居,必将纳入国家管控体系。准确说,网络支付想做大,等于抢中国人民银行的生意,因为网络支付本身就应该是国家银行的“电子政务”。那中国人民银行为什么不自己做?目前国家的电子政务现状已如此“繁花似锦”,作为公民还能奢求什么?当然,我们谁都知道这件事等中国人民银行来做不靠谱,从他们现在网站的表现就能看出一二(点击后别怀疑,现在是2010年)。
-
UI在中国
UI全称User Interface,中文叫“用户界面”。
2000年传入国内,国内最早专业从事UI的公司还是我们的民族软件——金山,据说在2000年已成立人机界面组,虽然只有2个人。金山软件的UI 团队是业内名副其实的黄埔军校,培养了如今江湖上整整一代的设计领袖,并且他们出的作品也深远影响了国产软件的用户体验整体水准。也许早期的金山软件用户们还记得,随后WPS和金山毒霸的界面设计在整个大环境内首屈一指。
2001年2月出版的《软件创新之路》中文版,在技术专著角度强调了交互与界面的重要性,为UI概念被广泛认可做好了铺垫。作者叫Alan Cooper,眼熟吧?没错,这本书就是后来2006年3月出版的《交互设计之路》的前辈版本。
2001年到2003年之间,国内大小公司相继设立UI职位,同期,不少平面设计和网页设计从业者也开始尝试转行做UI。因为当时从事web design非常不景气,整体水平低下,市场环境糟糕。
2003年随着ChinaUI论坛的上线,此概念开始在数字设计领域声名鹊起。如同ChinaUI网站最早的title“欢迎来到中国第一个UI设计网站”,但什么是UI?我估计当时没几个人清楚。同年5月,由金山转会腾讯的唐沐主导了QQ发展史上革命性的界面升级。耳目一新的QQ界面给粉丝们带来了极大惊喜,在外观和人性化方面做了较大改善。
-
用户体验量化方法研究
以用户体验层次模型为基础,我们提出了三种用户体验量化方法:以任务为中心、以体验为中心以及以行为为中心的量化方法。三种方法中有不同的要素组成,各要素间存在着不同的关系。
用户体验量化方法研究的提出
近年来,用户体验一词铺天盖地的出现在网络上、书本中。而在众多的用户体验相关描述中,认知度较高的包括:(1)用户体验是用户在使用产品的过程中所感受到的、所获得的全部内容的总和;(2)用户体验是衡量产品质量的一个重要标准,是一种与交互相关的集合。与此同时,无论是用户体验的相关工作人员,还是众多企业的高管,都意识到好的用户体验不仅能够满足用户的需求,同时能够提高企业的经济效益。
-
网站体验营销的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. 显示路径:无论用户浏览到哪一个层级,哪一个页面,都可以清楚知道看到该页面的路径。 -
交互设计-突出重点,一目了然!

看到这张照片,我们一眼能够看到天宏(图中这位UED俊男)的眼睛。我们能从他的表情里读出一些他的性格。一张好的摄影作品,最重要的一点,就是这个照片是否有焦点,照片的主题是否一目了然。而摄影作品的用光、构图、景深等等手法,其实就是在让一个照片能够有其焦点,并且利用这些艺术手法来烘托气氛,提升主题。一个优秀的页面亦如此:应当突出重点,一目了然。相信大家也知道,一个用户在浏览网页的过程中,只是扫描页面,而不会像是在看书似的阅读每一处地方,每一行文字。一个网页呈现在用户面前的时候,应该在5秒之内,就能理解:这个页面是干什么的?我大致能通过这个页面做些什么?接下来我该去哪里?我们网站上的每个页面都可以是任务流上的一个点。这个点上包含着用户需要的信息,也许是继续找到任务流的下一个点的信息(例如导航),也许是用户想找到的最终内容。而一个页面上存在着上百甚至上千个链接(淘宝的宝贝详情页面通常有700多个链接),要在这样茫茫大海中找到用户需要的链接,可见,“突出重点,一目了然”是多么重要。测试您的页面
测试您的页面是否达到“突出重点,一目了然”,能够让用户在短时间内找到他们所需要的信息,其实可以是个低成本的小型测试。fivesecondtest.com 这个有趣网站是一个专门做5秒测试的站点。测试者上传一张站点的截图,然后被试观看截图5秒,然后说出刚才看到了哪些东西。另外一种方式是被试看到截图,在5秒的时间中,点击他所关注到的所有焦点,最后给出每个焦点他认为的描述。

下图是本文开篇的时候,8个用户的测试结果:

这种测试比起眼动议来说,测试的成本要低得多,而且能够明确得测试出你的页面的浏览者是否能在第一时间发现他们所需要的内容,并且可以比较出,这是否符合你的设计的初衷。
达到“突出重点,一目了然”那么,如何达到这样的“突出重点,一目了然”呢?据鄙人不完全归纳,可以有以下方法:
为扫描而设计,不是阅读
你几乎需要把每个用户都想象成大忙人——他们没有时间停留在你精心设计的页面上,去阅读每一行你辛苦撰写的问题,去欣赏你精心设计的高光与圆角—— 他们想要的只是尽快地找到有用的信息。如果找不到,互联网上也许有很多替代品,可能是你的竞争对手,用户可以轻而易举地到其他网站上去寻找他们需要的信息。《点石成金》这本书也比较详尽地描述了这个要点。相信大家都应该阅读过了。《点石成金》里谈到关于“为扫描而设计,不是阅读”时,
最近文章
- Axure RP 快速原型制作软件 – 线框图,原型,规格文档
- SEO优化—挖掘关键词3大秘诀!
- 建新网站要做的四个SEO优化
- 教你如何让google baidu收录网站最快最多
- CSS Overflow属性详解
- CSS网页布局中易犯的10个小错误
- 网站结构设计之关键词群布局
- 使用CSS为图片添加的五种特殊效果
- 网站改版时需要注意的六大问题
- 谷歌-短信最流行-2010虎年短信免费(收发)
最近评论
- 物流服务 在 当视觉设计师遇上产品经理、开发工程师 上的评论
- 小区 在 当视觉设计师遇上产品经理、开发工程师 上的评论
- 色播 在 当视觉设计师遇上产品经理、开发工程师 上的评论
- 问道推广员 在 当视觉设计师遇上产品经理、开发工程师 上的评论
- 电子产品 在 当视觉设计师遇上产品经理、开发工程师 上的评论
分类目录
- SEO (5)
- 互联网 (19)
- 免费模板 (1)
- CSS模板 (1)
- 前端技术 (25)
- CSS+HTML (16)
- JavaScript (1)
- Jquery (1)
- WAP (4)
- 用户体验设计(UED) (50)
- 紫枫生活 (10)
- 设计制作 (7)
- 设计杂谈 (35)

