实战技巧 | 优步改版复盘,做个高逼格官网真不容易

三分设

共 1910字,需浏览 4分钟

 ·

2021-05-14 09:43

点击"三分设"关注,回复"社群"加入我们
欢迎来到专业设计师学习交流社区
三分设|连接知识,帮助全球 1 亿设计师成长
转自:体验进阶
编辑:章成愉
共 1979 字,预计阅读 5 分钟




我发现国外的互联网企业都喜欢找设计公司给自己做网站,而且做得还很好。例如之前说过 Uber 的竞争对手 Lyft 官网改版案例他们找的是 Work & Co。这次就来说说 Uber 自己的官网改版,他们找的是 Ueno。
如果说 Lyft 的那次官网改版很有新意,那么 Uber 的这次官网改版则是很有逼格,能看出大厂的气魄。

其实 Uber 与 Ueno 的合作是从品牌改版开始的,后者为前者在 2018 年做了一次品牌升级,奠定了其品牌基调。

上下滚动查看更多

你会发现,Uber 的品牌设计走的是稳健的路子,和 Lyft 甚至滴滴相比,更偏商务严谨。
这是因为他们把自己定位成一家「跨国大企业」,其定位就是:
  • 在全世界有辨识度

  • 且能有效执行的一整套品牌方案

看来 Uber 的高层对这种偏商务的风格是认可的,所以让 Ueno 继续负责自家官网的改版。


一、模板化设计

可能是考虑到 Uber 这种大公司的复杂性,Ueno 选择了拼贴风格。

这样的网站设计,与其与说在设计页面,到不如说是设计模板。因为每个模块可以很方便地更换图片和文字,以后再往里面填充其它内容,也不需要频繁变更界面布局。
设计团队自己也说,为了让网站满足未来每个活动或企划的需求,他们在模板(template)上花费了不少心思。
常见的模板有三种,分别对应不同的场景:


二、减少模板感

用模板虽然可以应对未来的各种不确定性,但如果模板感太强,会让网站看起来很单调。
为了让模板的「模板感」没有那么强,视觉上使用了很多「打破框架」的布局方式。而且就连配图,也很注重叠层搭配。


三、无所不在的转场动效

可能是觉得光靠布局还是有点单调,于是增加了很多转场动效。
动效展示流畅,且设计得与布局非常贴合。这么做虽然把技术难度和开发成本拉高了不少,但看起来没那么容易视觉疲劳。


四、反思

这个版本的官网,大家去 uber.com 已经看不到了,他们换上了一个简单很多的版本:布局更加简单规整,动效能免则免。
之前的版本看起来那么高逼格,为什么却会被换掉?

我的理解是:无处不在的特殊布局和转场动效,会让维护成本和难度都会高很多。
一个网站最重要的还是实用性,有新内容需要快速更新。超高的维护成本和难度短期内看不出来,长期肯定让人有负担感。
而且这网站是由设计公司开发的,虽然我不确定他们是不是一次性结清项目费用,然而一定方案通过了,团队在维护运营上的动力肯定会大打折扣。
这网站如果完全由设计公司交付给 Uber 自己的团队进行维护运营,这么复杂的布局和动效,也很没那么好办。
虽然 Dribbble 等设计社区里可以看到很多高逼格的飞机稿,但是真正的大厂自己却不在热门产品上玩太多花样,最多也就像 Uber 官网这样没多久就撤下。
真正实用的产品需要很高的迭代效率,毕竟内容和功能才是真正的用户需求。
为了保证迭代的稳定和效率,大公司都喜欢用模板化页面,而且还不能搞太多特殊布局和动效,最后难免都设计出一些比较中规中矩的页面……
这就是为什么有些只做虚拟项目和拼凑飞机稿的作品集,哪怕看起来再高大上,也未必找到好的工作吧。
像 Uber 这样的大公司,设计方案更加注重的是整体的系统性,而不是细节上的创意。



超值课程推荐
华为用户体验设计的体系搭建方法
超 10 亿用户的产品,到底是怎么做用户体验的?
揭秘滴滴、蔚来等大厂的用户体验设计策略

原创好文推荐
一款为你带来难忘体验的美食 APP
Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标
2021 年用户体验设计趋势分析
想要引导用户行为转化,设计师必须深刻理解这 4 个认知心理学理论
让设计圈一片哗然的 Google 新 logo 到底出了什么问题?国外的设计专家这么说
如何系统的增强用户粘性,提升产品转化率?你要懂得“行为设计学”
设计新趋势「玻璃拟态」到底是什么?这里有一份实现效果的详细教程
如何将设计系统快速的从 Sketch 切换到 Figma?这里有 6 个需要注意的关键点



欢迎大家关注三分设,每天分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。
浏览 20
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报