当前位置:首页 > 生活 > 正文

BUOYANT设计理念揭秘!让你的产品脱颖而出很简单

BUOYANT设计理念揭秘!让你的产品脱颖而出很简单

BUOYANT设计理念揭秘!让你的产品脱颖而出很简单 我最近折腾一个新项目,想着咋能让它跟市面上那些“千篇一律”的东西拉开差距。天天琢磨,翻出了“BUOYANT”这套东...

BUOYANT设计理念揭秘!让你的产品脱颖而出很简单

我最近折腾一个新项目,想着咋能让它跟市面上那些“千篇一律”的东西拉开差距。天天琢磨,翻出了“BUOYANT”这套东西来研究。说白了,这玩意儿就是一套帮你把产品做得出彩,而不是平庸的思路。

我开始的时候也是一头雾水,感觉设计这东西太玄乎,不像写代码有明确的规范。但当我真正沉浸进去,一步步拆解BUOYANT的理念后,发现它就是一套把“用户体验”量化、可执行的框架。

我先从最基础的“意图明确”抓起。我把我们团队所有人拉到一起,对着现有的产品原型开会。我让他们别光想着“要做什么功能”,而是盯着“用户想达到什么目的”。比如,我们要做一个文件上传功能,很多人会直接设计一个大大的“上传”按钮。但我按照BUOYANT的思路想,用户的意图是“把本地文件放到云端”。我要求设计稿必须体现出“快速导入”和“状态反馈”这两个点。

BUOYANT设计理念揭秘!让你的产品脱颖而出很简单

我们把所有的流程图拿出来,挨个过。发现很多地方卡住了,用户得点好几下才能完成一个操作。我开始动手调整交互流程。我坚持一个原则:如果一个动作能用更少步骤完成,就必须砍掉多余的步骤。我记得有一次,一个注册流程,硬生生被我们从七步简化到了四步。刚开始大家不习惯,觉得少了点“仪式感”,但我反复强调,BUOYANT看重的是“流畅性”,而不是“复杂性”。

接着我们深入到“视觉的克制”。这块是我觉得最难拿捏的。我们团队里有个设计师,特别喜欢用各种酷炫的动画和强烈的颜色对比。我得把他拉回来。我告诉他,BUOYANT不是让你把界面弄得花里胡哨,而是让视觉元素为信息服务。我让他们把背景色调暗一些,把主要的Action按钮颜色提亮,但要控制使用的颜色种类。

我们做了一个小实验,找了十个测试用户。一半用我们原来的设计稿,一半用我们根据BUOYANT理念调整后的设计稿。让他们做同样的操作。结果很明显,用新稿的用户完成任务的时间平均快了百分之二十,而且抱怨度低了很多。

我还特别关注了“反馈机制”。老实讲,这块很多国产软件做得非常差,用户点一下,跟石沉大海一样。按照BUOYANT的实践,我要求所有异步操作,哪怕是后台默默运行的,都得给用户一个即时的小提示。比如文件上传,我让进度条必须是动态的,而不是卡在一个地方不动。如果网络慢导致延迟,我就让它显示一个“正在优化网络连接”的提示,而不是光光地转圈圈。

BUOYANT设计理念揭秘!让你的产品脱颖而出很简单

就是“一致性”。这块比较枯燥,但我知道极其重要。我花了一个星期,梳理了整个产品里所有按钮、图标、字体、间距的规范。我甚至找了个工具,扫描我们现有的界面,找出所有不符合规范的地方,然后强行统一。我记得有个地方,同一个意思的提示语,在A页面是“操作成功”,在B页面却是“完成”。我直接把它们都统一成“搞定了”。

这么一番折腾下来,我们这个新项目在内测阶段,大家反馈的“好用”的比例明显高了。BUOYANT这套东西,说白了就是把那些“优秀的产品都这么做”的经验,变成了一套可以一套一套去执行的方法论。它没啥神秘的黑科技,就是老老实实地把用户放在第一位,把每个细节都琢磨透,让产品用起来顺滑得像水一样,这样,你的东西自然就能脱颖而出了。

最新文章