以花瓣为例,讲讲改版究竟应该注意什么|CE青年Youthce

这两天我在逛花瓣时,咦,发现它改版了。

作为一个 B 端设计师,对于网页端的产品改版还是非常感兴趣,这次我们就来仔细聊聊:

  • 花瓣究竟在改版当中改了些什么?
  • 为什么我会不习惯花瓣这次改版?
  • 这次改版有什么值得我们B端设计师进行学习的点?

花瓣改了什么?

首先,打开官网,在新旧花瓣的不断切换之下,我发现花瓣改了这几个模块:

风格变年轻:从页面当中以 灰色背景 + 信息卡片 的设计,改版减少了信息层级,直接展示内容信息,相对而言会更加简单。并且加大了卡片的圆角(虽然我自己作为B端系统不太喜欢圆角),但是使整个页面更加的年轻化,更受年轻人的喜欢。

以花瓣为例,讲讲改版究竟应该注意什么|CE青年Youthce
以花瓣为例,讲讲改版究竟应该注意什么|CE青年Youthce

结构小调整:来回对比首页,发现确实会有一些变化。仔细查看过后, 看到整体结构进行了小幅度的优化。从旧版本的 首页/我的关注 改变为现在直接展示为 “关注” ,减少了我对于首页这个页面的好奇,它究竟是什么

以花瓣为例,讲讲改版究竟应该注意什么|CE青年Youthce

栅格布局也进行了调整,能够感受到愿意将更多的内容空间用于呈现页面图片内容,内容两侧的余白也进行减少,与此同时将整个导航菜单的布局方式也做了相应调整,由原来的固定宽度,调整为根据内容宽度进行变化。

然后就是一些小的视觉调整,让整体的设计更符合现在的审美要求,这里就放出截图,大家对比查看就行(包含右下角 的提示信息等…)

以花瓣为例,讲讲改版究竟应该注意什么|CE青年Youthce

为什么我会不习惯?

再来说说为什么不习惯这次改版。因为花瓣这次的视觉风格,整体给我的感觉就是太大的圆角,页面整体不够严肃。可能是天生就是B端狗的缘故,导致看到大圆角就会有莫名的讨厌,因此大圆角给我的感觉还是稍差了一些。

有负责过B端产品的小伙伴应该会知道,就每一次改版必然会受到阻力,也就是产品已经培养了用户的习惯,这时候的改版必然会遭到反馈(tu cao),你需要的是给使用者一个适应的时间。然后等待 1-2 个月用户逐渐熟悉,再去查看用户的真实体验感受。花瓣也是一样,随着使用次数的不断增多,也发现好像还行,没什么太大的影响。

举个例子,在 Mac 系统 Big sur 刚刚出来的时候,大家就开始吐槽他的电池图标,不过随着他慢慢改进,还有就是用户的一次次习惯,现在几乎没有人去讨论了。人嘛,总是要有一个适应的过程。

随着我这两天高强度的使用,发现其实整体还算比较习惯,一些改版也能够看得出设计师都是在为产品使用上更为清晰去做考虑。

改版需要思考的问题?
并且一次完整的产品改版,一定奉行三个原则:给用户留退路、温水煮青蛙、兼容旧数据

给用户留退路:提供 使用旧版本的入口,让用户对页面感到不适时,可以进行切换到旧版本。并且还可以在用户第一次点击切换旧版本时,弹出一个表单,询问他究竟对于这次改版的地方哪里不够满意,让他的痛点能够有地方可以倾诉。

温水煮青蛙:将页面当中的切换版本的入口逐渐弱化。在改版的早期,可以设计为当用户之前在使用旧版本时候,默认下次进入的就是改版后的版本;随后在后续,可以将这个功能取消,用户每次进入页面,想要进入旧版本都需要手动切换;再随后逐步将切换版本的入口弱化直到取消,这样不断的温水煮青蛙,就能够给用户一个不断适应的空间。

兼容旧数据:特别是花瓣这类与图片相关的产品,很多设计师都会去调整图片的尺寸比例,比如花瓣这次调整的 个人中心封面 。

其实我对于这部分的修改是不太满意的,原因大家也应该能够从上图中看到,就是本身在花瓣当中,很多设计师的个人中心都是进行过精心的设计。

以花瓣为例,讲讲改版究竟应该注意什么|CE青年Youthce

而这次的尺寸调整,会导致我的整体封面又要进行重新的调整。可能是花瓣觉得原有的封面尺寸太过于高,导致阅读效率偏低。

但是也确实看到了花瓣做的努力,因为他们也考虑到了兼容问题,将图片的布局采取的是居中裁切。

这里大家也一定要记住,任何情况下,设计内容的调整,一定要去考虑旧数据的合理安置(虽然正常情况下,这种事情不会太多)

不说了,改封面去了,拜~

本文经授权发布,不代表增长黑客立场,如若转载,请注明出处:https://www.growthhk.cn/quan/63629.html

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
kuko1028的头像kuko1028
上一篇 2022-04-07 09:57
下一篇 2022-04-07 10:06

增长黑客Growthhk.cn荐读更多>>

发表回复

登录后才能评论
Optimized by Optimole
特别提示:登陆使用搜索/分类/最新内容推送等功能 >>