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

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 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 个需要注意的关键点

---

欢迎大家关注三分设，每天分享优质设计、创意灵感、新知新识，定期大咖老师直播分享，零距离连麦，答疑解惑。