IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

深度解读网站用户体验三要素(3):别让我烦

MySQLOPS 数据库与运维自动化技术分享 2012-09-19 23:30:31 累计浏览 5,645 次
本机暂存

这是网站用户体验三要素的完结篇,本文主要内容是:别让我烦。

用户都是喜欢偷懒的,如果你的网站操作效率很低,就会令用户烦躁,进而导致不好的体验,甚至出现坏口碑。有一个粗略的说话是,完成任务的难度与其所需步骤的平方成正比,那么,缩短完成路径就是帮用户偷懒,就是好的用户体验。

举个正面的网站实例来说明。登陆美国亚马逊网站,当你进入一个商品页面之后可以无刷新切换商品的规格,比如我要购买一台苹果笔记本电脑,我打开了商品页(如下),商品右侧会有个版本切换的选项,在这里我可以快速查看不同配置的电脑价格,只需将鼠标移动上去,商品图片、价格等信息就会自动发生变化。这种人性化的设计,为想要比较商品的多个版本的用户提供了极高的操作效率,用户自然喜欢。

原图已失效

目标信息要醒目而亲近

在关注缩短完成路径这个问题的时候,优化操作步骤是第一位的,因为我们首先要简化用户的任务。接下来,我们要在任务内部优化指点设备(鼠标或手指等)运动轨迹和眼球运动轨迹等细节。根据费茨定律,使用指点设备到达一个目标的时间与以下2个因素有关:

  1. 设备当前位置和目标位置的距离,距离越短,所用时间越短。
  2. 目标的面积,面积越大,所用时间越短。

通俗来说,就是如果我们希望用户注意或点击某个元素(如文字、图片、按钮等),那么这个元素就不应该距离指点设备的当前位置太远(比如出现在屏幕的右侧),并且它的面积要足够大。伴随着Web2.0的热浪,网站设计也有了一系列的革新,其中最大的一个革新就是“以大为美”,大大的LOGO,大大的图片,大大的按钮,它们不光看起来更有冲击力,也更方便用户的识别和点击。

提醒方式要温和并及时

除了简化任务流程之外,在用户完成任务的过程中,网站有时需要给用户提供帮助和指引。之前常见的做法是采用弹框方式进行提示,用户需要关闭对话框才能继续自己的任务,无形中降低了操作效率。

最佳的提醒方式应该转向温柔的方式,将打断降低到最低,举个例子:当在你注册一个邮箱时,当输入用户名后,最佳的检验方式应是自动查询此用户名是否可用,如不可用,应给出建议,yeah.net邮箱就做的很好,截图如下:

原图已失效

其实,有时候操作效率的降低,并不是因为功能设计得不够好,或者提示和建议处理得不够好,而是由于强行的塞进了一些用户不想要的信息或任务。比如,用户正在阅读一篇文章,忽然飘出来一个广告挡住了用户想要阅读的部分,用户怎么能不恼火?

经营网站,尽管是盈利为本,但是过分的不重视用户体验,忽视用户感受,小心衣食父母离你而去,并一去不返。

当用户犯错的时候,你是如何做的呢?

在我们做好一切运营优化后,有一种情况需要另外注意,就是用户会自己出错。当用户出错的时候他也会很烦躁,他不会认为是他自己的问题,反倒会把责任推给网站,所以要尽可能降低用户出错的机会。

举一个网站的例子,当用户登录一个网站时,首先是输入用户名,现在最常见的用户名是采用邮箱。当用户在用户名的输入框内输入邮箱地址时,不可避免的会出现错误,比如少了1个字母,或少写了1个数字,或者邮箱后缀写错了,结果肯定是登陆不进去。用户一定会恼火,最佳的提醒方式应该是什么呢?

当用户输入用户名,光标离开输入框之后,网站应自动校验此用户名是否已注册(可用),如若用户填写错误,应及时给予提醒,如:用户名不存在,邮箱格式不对等,让用户的出错在萌芽时就完成纠正。

再举个非网站的例子。笔记本电脑电源线可能会绊倒人,同时笔记本电脑也会被摔倒地上,这很可能不在保修范围之内,这种情况很糟糕。看看Apple是怎么做的,Apple推出了名为Magsafe的电源接口以减少这种出错,Magsafe采用磁力的方式连接电源线与笔记本,当电源线受到外力时,会自动脱离笔记本。是不是很贴心的设计?

这样的例子还有很多很多,这里不再一一列举。记住:用户是否喜欢一个网站,不仅取决于他使用网站获得的好处,也取决于他在网站中获得的体验,两方面都是用户价值所在,缺一不可。

到这里,网站用户体验三要素的系列文章告一段落,欢迎各位朋友留言讨论。

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 7 天打造前端性能监控系统 (累计阅读 11,187)
  2. 视觉设计师应该略懂交互 (累计阅读 6,085)
  3. 这些反人类设计,你肯定也碰到过 (累计阅读 5,629)
  4. 行进在产品经理的路上 (累计阅读 5,040)
  5. 《部落冲突》的设计 (累计阅读 5,043)
  6. 人人都能用的10条网站易用性技巧 (累计阅读 4,936)
  7. 那么明显,为什么用户看不见? (累计阅读 4,105)
  8. AXURE在原型设计中的应用 (累计阅读 4,017)
  9. 【社会化设计】自我(self)部分――用户登录之后 (累计阅读 3,945)
  10. 触屏键盘设计准则(内附绝密小抄)【译】 (累计阅读 3,899)