/58到家改版，一口气解决4大体验问题
最新文章2023-12-26

58到家改版，一口气解决4大体验问题

最近看到 58 到家做了首页改版，动作还挺多了。


58 相比大家都知道，功能特别多，所以后来把一些功能分离出来了，而 58 到家就是其中之一。
这个产品其实刚度过初创期，正在处于成长期。





为了适应用户增长，很多方面都在快速迭代以适应不断变化的业务需求，设计自然也是其中之一。

原文写得挺细的：58到家首页体验升级


说实话，其中有些优化点我不太赞同，但整体的思路还是很值得借鉴。



为了方便大家快速理解，并且看清图片上的文字说明，我帮大家把里面的知识点梳理了出来：


💡 问题分析
🎯 目标分析
🌈 色彩升级

🧩 图标升级
🎉 运营升级






💡 问题分析


光看这个界面，可能发现不了什么问题：



所以设计团队和用研一起做了用户访谈，这才确认了四大重点问题：





问题 1. 图文难识别





屏幕顶部的照片图标很抢眼，容易抓住用户视线。
但是因为光看图片不足以理解功能，所以用户看了图标后又会把视线往下面的文字移动。



然而文字小很多，而且这样上下移动肯定效率比较低的，难免造成理解困难。
问题 2. 缺乏个性化



首页只是按照业务需求，列出主要功能。



但这样千篇一律的排列，未必适合所有用户，哪怕是对老用户也没有足够贴心的个性化推荐。




问题 3. 页面复杂


首先是颜色很多，让人感觉不同颜色似乎代表着一些意义，但是实际上却并没有这种规律。


然后页面过多的跳动让人产生混乱，难以集中。




问题 4. 美观度不足



除了设计师判断设计不够美观之外，原文还说“立体感、高级感是用户推出对美感的要求”。
以我多年做测试访谈的经验，普通用户能把“立体感”这个词说出来，我还真的有点不太相信的，或许刚好碰到一个审美素养比较高的用户吧 🤔
🎯 目标分析
产品业务目标是：
  1. 用户留存提升：让用户尽可能地留下来使用产品；
  2. 分发效率提升：让用户能够更快地找到想要的功能。
在这个基础上可以推导出以下三个设计目标：

  1. 全新设计风格：有助于吸引用户留存

  2. 强化首页的品牌运营感：有助于活动运营

  3. 精细化运营：有助于提高分发效率

从这三个设计目标，又可以推导出实际设计上的要点：

  1. 全面更新设计风格的同时，还要有统一规范的运营模板

  2. 提供满足日常需要的运营区域

  3. 提供个性化推荐的设计方案



反正核心就是要设计助力运营就是了。







🌈 色彩升级


把繁多的图标划分成重点业务、精选业务、家庭服务和主站业务四种类型。


在使用不同颜色图标进行分类整理的同时，还确保品牌绿色是占比最大的。






但是上面这张图，我看了很久都没太理解这四种分类的规律。


为什么开锁换锁是蓝色，紧急开锁又是绿色？为什么白班保姆是红色，钟点工又是蓝色？


感觉这四大分类并不是站在用户的视角，用户还是无法理解里面的规律。






🧩 图标升级


原本的图标用的是照片，但是由于用户反馈难以理解，又想要在设计上增加高级感和立体感，所以改成了立体插画：






画得是挺好的，但你们感觉新版比旧版更好理解吗？


搬家的卡车和维修的工具箱还好，但是日常保洁的桶子和保姆月嫂的饭盒？就很难区分了。


我个人觉得之前的人像照片虽然没那么好看，但识别度并不比新版的差，而且人脸通常更容易吸引视线。







🎉 运营升级


终于说到本次改版的压轴重点了，这次的运营模块的设计主要分成头图、推荐和图墙三个部分：





头图


原本首页是没有头图的，现在为了日常运营需求，终于不得不加上了。



但是传统的头图很占地方，也没有新意，所以这次 58 让整体页面下沉，在顶部留了一块背景作为运营区：





这样的设计虽然会造成设计成本上升（对运营图要求更高），但确实比普通的 banner 更有新意。



而且在重要的运营活动时，可以把背景颜色一起换掉，把整个页面的氛围感都拉起来。


对于背景图的设计，也是有一番心思——通过一缕光线来展示品质生活的表达。







推荐
之前的首页是没有个性推荐的，这样很不利于老用户的体验。



现在提供了三种个性推荐的样式，分别从价格、位置和天气三种方面，来展示用户可能感兴趣的服务。





图墙


首页展示完功能后，下面全是由 mcn 机构提供的 feeds 流内容。



为了确保内容的视觉品质，设计团队提供了一套规范，来确保视频上文字样式的美观和统一。









整体不错，
还有两点不足


这次 58 到家的首页改版整体还是很不错的，做了很多尝试和思考，体现了设计师的水准。





不过，在解决实际体验问题上，我觉得还有2个问题：


1. 顶部四个大图标难理解一开始被认定主要问题之一，但是重新设计后也还是没那么容易理解。





2. 用户误以为图标颜色有含义也被认为是主要问题之一，但重新设计后，并没有将图标按照用户的理解去分类，对体验帮助不大。

这两个问题，都是执行上出了偏差，但是大方向还是正确的，以后继续优化就好了。


其实对于体验设计来说，只要大方向正确了，即便有些细节疏漏，也可以慢慢改正。


怕就怕大方向错了，后面再怎么努力画稿，也救不了场。


如果你想要把握设计大方向，就要提升体验设计的方法和思路。
「体验设计学习社」提供的项目实战和作品集1v1点评，都能帮你理解体验设计本质、牢牢把握大方向，还有各种学习活动和资源助你快速成长：



如果你只是想要多认识一些同行，也可以加入我们无广告的纯粹体验研讨微信群：






本文来自微信公众号“体验进阶”（ID：Advanced_UX）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。

TAGS:

相关文章