电商应用再设计的九条经验

本文由江南大学设计学院刘兆峰翻译，原文作者：TOMAS DIRVONSKAS，查看原文

仅供学习之用，谢绝转载

就在最近，波罗的海的创业公司Vinted—一个为女孩子购买和交换二手服装提供市场的产品——获得了来自Insight 投资机构2700万美元的风投资金。一年前，他们公司没有任何移动端的产品。而如今，企业百分之五十的流量来自于移动应用产品。

在由我们帮助促成重新设计的过程中，我们从应用程序的优化升级中学到了一些有用的经验。经过重新设计，应用程序的用户使用量增加了170%，这里列出了我们使用的九个小技巧。

如果你只想学一个技巧，那就是这个了。当重新设计用户档案的时候，我们评估了各要素的重要性（总共有九个）。

由于Vinted移动应用是关于服装和时尚的内容，我们选择的一个关键因素就是成员的服装，把他们放在页面的前端和中心位置。简化、删除或合并其他信息，将其从项目列表中移除，放置到页面顶部。

这增强了用户体验，让用户关注于页面内的主要内容。用户对内容的关注越多，交易发生的概率越高。

为了帮助提高转化率，提高行动按钮粘度，确保它总是在屏幕上一直可见。如果按钮不是很大，并且避免鲜艳的红色，那就更好了。你不需要让它弹起，声音反馈，这反而会破坏用户体验。

当评估列表屏幕时，我们专注于最重要的目标：把产品卖出去。动作按钮放在服装照片下边，让用户专注于重点内容，除此以外，我们还在导航栏上放置了“购买”按钮。如果会员滚动页面，它会一直在页面顶部保持可见，同时允许相应的交互操作。

当我们重设计目录的时候，需要考虑这个问题，这里有个在任何地方都适用的小贴士：用户对你的智能分类树真的不会感兴趣的，他们只是想看看目录，然后，可能马上就把目录关掉。

Vinted中服装的目录有六个层级深度。我们制定了一个目标，将内容列表放置在两个标签中展示给用户。

进入目录后，我们创建了一个标志性的目录网格，引导用户直接进入内容列表，而无需再选择目录，直接在项目选择类别列表。经过多次迭代设计，最终解决方案允许用户在导航栏通过的下拉操作获取更深的导航内容。

电子邮件式的交流方式感觉很西式，在全体用户间的交流效果更好。

对于商务应用程序来说，在交易的过程中提供有用的使用技巧，也可以提高用户体验。在Vinted的例子中，我们建议用户以一个较低的价格报价。这就让会话更符合当前语境，也缩短了交易时间。

当我们看到一个很长的页面，而且需要滚动才能看完时，我们会立刻感到疲倦，（用户可能干脆）会直接点击一下退出按钮关闭程序，甚至也有可能顺手点击另一个按钮直接卸载程序。

试着尽可能推送一些微小的前置引导信息，引导用户的进入应用，即使信息的内容轮廓并不完整也无妨。你想要的是让用户在入门前就熟悉你的应用。

我们发现应用的内容越多，交易发生的频率越高。为了鼓励用户贡献内容，我们将这一过程分为两步进行，首先要求用户拍照上传的图像要有创意，然后才需要填写图像的相关信息。

用户喜欢尝试有创意的工具。那么要求用户完成正式任务来完成上传工作之前先试验一下视觉功能模块的使用效果。

返回按钮总是放置在左侧，这是规则，没有什么可以做的。但是，拜托了，（既然这样）就不要把继续按钮放在右侧了。

在第一个版本中，该Vinted菜单按钮被放置在右上角，所以我们需要把动作按钮放在别的地方—通常在内容之间或在页面的底端。移动产品这种设计显然是错的，产品可用性上有很大问题。解决的办法也很简单：把菜单放到左边。

这是一个小小的提示：如果你现在让用户将应用中他们喜欢的东西评价星级的话，考虑用一个红心来表示。我们已经将产品更新成了用一颗心来标示用户喜欢的服装，让我们感到惊喜的是，这一特征的使用量相比之前增加了10倍。

我们实际上是从Airbnb上学到的这些。通过将愿望清单中的星星改成红心这样简单的切换，让Airbnb增加了30%的用户使用量。像这种小符号设计真正值得一试。

Vinted应用有90 +个不同的页面以及更多的用户流，因此这些动态的沟通实现起来有一定难度，也容易产生误解。GitHub库中保存有提交历史、文档和评论的代码。

设计一样需要拥有良好的文档记录，我们使用的应用程序流文件，大型瀑布流上显示的每屏内容都与特定的流有关（如注册页面），这包括每一个可能的状态和过渡之间的页面切换。

这些文档记录证明，在讨论并实现设计的解决方案时，选定一个参考点是非常宝贵的。

重新设计：每个评估内容都有所提高，有一些提高很明显：

经过30000多个小时的概念生成，设计和开发，我们创建的用户体验加速了应用的优化升级。哪些设计的变革，又帮助您的应用程序的有了优化提高呢？

发布者