日志样式

别让用户做‘侦探’:优秀网站的‘无脑’交互设计指南

  你有没有这样的经历?

  打开一个网站,想找个联系方式,结果在首页翻了三分钟,鼠标划过七八个按钮,愣是没找到“关于我们”在哪儿。最后气得直接关掉页面,心里暗骂一句:“这网站是故意藏起来让我玩寻宝游戏吗?”

  对不起,用户不会骂你——他们会直接走掉。

  数据显示,如果用户在网站上3秒内找不到想要的信息或搞不清怎么操作,88%的人不会再回来。他们不会给你解释的机会,更不会耐心研究你的设计有多“巧妙”。

  这就引出了一个扎心的事实:在用户体验的世界里,用户根本不想动脑子。他们只想“无脑”操作,丝滑到达目的地。

  今天我们就来聊聊,怎么把网站做成一个“傻子都能用”的产品——这不是贬义,而是最高级的赞美。

  为什么你的网站总在逼用户“破案”?

  很多设计师和老板有一个致命的错觉:“用户会像爱自己的孩子一样爱我的网站,愿意花时间研究每一个细节。”

  醒醒。

  真实情况是:用户是全网最没耐心的生物。他们在你的网站上停留的那几十秒里,脑子里想的可能是中午吃啥、地铁到哪站、今晚的剧还没追……

  他们根本不想思考。

  不信?来看几个最常见的“逼疯用户”操作:

  导航菜单玩抽象

  “产品中心”不叫“产品中心”,叫“解决方案生态矩阵”

  “联系我们”藏在一个小小的图标里,那个图标还是只抽象的蚂蚁

  按钮不像按钮

  可点击的地方跟普通文字长得一模一样,鼠标放上去也没有任何变化

  用户像在玩“大家来找茬”,全靠瞎蒙

  表单长得像高考卷

  注册一个账号,要填20多个字段,包括“邮政编码”和“传真号码”

  用户内心OS:我就想留个邮箱,你让我写自传?

  反馈全靠猜

  点了提交,页面没反应

  到底提交成功没?服务器崩了?还是网断了?

  用户陷入存在主义危机

  这些问题的本质是什么?你把思考成本转移给了用户。

  每让用户多犹豫0.5秒,就有20%的人流失。这不是危言耸听,这是互联网时代的残酷法则。

  “无脑”交互的三条铁律

  那么,什么样的交互才算“无脑”?

  不是我瞧不起用户,而是真正优秀的交互,应该让一个从来没上过网的人,也能凭直觉用明白。就像你拿起一把椅子,不用看说明书就知道怎么坐。

  铁律一:所见即所得

  用户看到什么,就知道能做什么。

  这不是废话吗?还真不是。

  你看看那些优秀的网站是怎么做的:

  按钮就该像按钮——有背景色、有阴影、鼠标放上去会“浮起来”

  链接就该是蓝色带下划线(别为了设计感把祖宗规矩全扔了)

  图标配上文字——那个三条横线的“汉堡菜单”,不是所有人都认识它是菜单

  铁律二:操作必有反馈

  物理世界的常识是:按开关,灯会亮;推门,门会开。

  数字世界也一样:

  点了按钮,它得有点反应(变色、跳动、加载中)

  提交表单,告诉用户“提交成功”还是“哪里填错了”

  页面加载,给个进度条或者转圈,别让用户盯着白屏怀疑人生

  最可怕的不是慢,而是不确定。

  铁律三:越常用,越好找

  把用户最常用的功能,放在最容易够到的地方。

  别让用户为了“登录”翻山越岭,别让“购物车”藏在二级菜单里,别让“客服入口”需要念咒语才能召唤。

  研究显示,用户在使用网站时,70%的操作集中在20%的功能上。把那20%的功能放到首页显眼位置,剩下的藏得深一点也无妨。

  三个“无脑”设计的小技巧(拿来就能用)

  1. 让可点击元素“招供”

  一个好的点击元素,应该主动告诉用户:“来点我呀!”

  怎么做?

  按钮用高对比色

  鼠标悬停时有状态变化(变色、放大、加阴影)

  卡片式设计加微妙投影,暗示“这是一整块可点的”

  案例: Airbnb的房源卡片,鼠标放上去图片会放大,边缘出现阴影,整个卡片微微上浮——还没点呢,你就知道它是可以点的。

  2. 把选择权变成“单选题”

  人的大脑处理选择题比填空题快100倍。

  与其让用户想“我该在搜索框里输入什么”,不如直接给他们选项:

  “热门搜索:连衣裙 运动鞋 包包”

  “你可能喜欢:简约风 商务风 创意风”

  电商网站的筛选条件,直接列出来让用户勾选

  用户不想思考,但他们会做选择。

  3. 犯错时别让用户“社死”

  用户填表单填错了怎么办?

  错误做法:页面刷新,所有填过的内容清空,旁边一行小红字“请检查您的输入”

  (用户:我检查个鬼,直接关掉)

  正确做法:

  实时校验,填完就告诉用户对不对

  保留已填内容,只提示错误字段

  错误提示要具体:“密码需包含大写字母”比“密码格式错误”强100倍

  最好的错误处理,是让用户感觉“不是我的错,是电脑没提醒我”。

  检验你的网站是否“无脑”的5个问题

  做完网站,别急着庆祝。先找个人(最好是没参与过项目的朋友)来做个测试:

  他不看任何说明,能在3秒内说出你们公司是干嘛的吗?

  他能不假思索地找到“联系方式”或“咨询入口”吗?

  随便点几个按钮,他知道自己点的是什么吗?

  填个表单提交,他知道自己成功了吗?

  整个过程中,他皱眉、犹豫、问“这是什么”的次数超过3次了吗?

  如果超过3次,恭喜你,你的网站成功把用户变成了“侦探”。

  而“侦探”的下一个动作,往往是关掉页面,去你竞争对手那里下单。

  写在最后

  很多年前,苹果公司干了一件疯狂的事:他们做了一个研究,想搞清楚用户拿到一个新设备时,是不是真的需要看说明书。

  结论是:最好的说明书,就是没有说明书。

  好的设计,应该像空气一样——存在,但让你感受不到它的存在。你不会夸一个网站“交互真好用”,就像你不会夸一扇门“推起来真顺手”。只有当门推不开的时候,你才会注意到它。

  不要让用户在你的网站上“思考”。

  让他们滑过、点下、完成。让他们用脚而不是用脑来完成这次访问。

  因为在这个注意力稀缺的时代,用户对你最大的赞美,就是根本没意识到自己在使用你的网站。

  他们只是进来了,找到了想要的,走了。然后下次,还会再来。

  这才是“无脑”设计的最高境界。

  你的网站,今天让用户“破案”了吗?