2016-2-15 用心设计
|
行动唯一、行动唯一、行动唯一！
今年五月底 Google I/O 大会上，我们可以听到 Google 一再重複这个概念「行动唯一」。无独有偶，整个台湾市场也在今年掀起一股手上商城的风潮，以帮店家打造行动应用闻名的 91 App 更是因此在今年获投 900 万美金 A 轮融资；而被全球知名创投 500 Startups 投资的 SHOPLINE 也推出类似服务，更是在今年开始进军台湾、开拓国际市场 。
其实自 2013 年开始风行 App 后，许多厂商不管真懂假懂都有推出自家应用。但想当然耳，在这种一知半解、环境尚未成熟的状况下，推出来的应用能用的太少了；没有响应式设计（RWD）的网站、应用提起都是一把辛酸泪，几乎都是蚊子 App。
如今，风水轮流转，随著行动装置黏著度越来越高，「移动界面」越来越重要。致力推动「行动唯一」理念的 Google，现在也不遗馀力的跟全球的商家（广告主）教育「到底什麽才是好的行动界面？」
想要不成为时代的眼泪，追上科技的前沿，老板们你除了要会用 Line@ 和脸书，你也应该懂得行动的美、行动的逻辑！这次刚好有机会听 Google 行动专家、UX 设计师 Stephen Griffiths 以行动电商界面为主，来介绍行动世界应该谨记在心的「使用者体验」，就让我们来听听专家怎麽说？
Google 大神官方建议：好的电商行动应用你得考虑这四步骤！
一开头，Stephen 就抛出一个问题：使用者经验（User Experience）是什麽？接著，他又自顾解释：UX 其实就是端到端的的体验、使用者怎麽使用，集合了外表、感受、使用三种表徵行为的专业。
对于 UX 设计师来说，他们需要肩负的就是以消费者的角度设计出一个「舒适、完整」的使用流程。Stephen 说明每一个应用都会有其使用的生命週期，在这个週期中，使用者会经历不同的任务导向阶段（适应、使用、转换、再次造访），而这些阶段中使用者可能会有舒适抑或痛苦的体验。对于设计师来说「一个负面的体验，需要三个正向的体验才能抵消」，UX 设计师必须很注意这些细节，才能做出一个使用者愿意长久使用的应用。
然而 Stephen 也提醒行动应用时代的来临，同样再次型塑了客户期待，这也导致了设计与转换变难。
以下是应用设计时的四个步骤：适应、使用、交易、回流
就让我们一步步看，每一个步骤上应该注意哪些使用者经验设计吧。
第一，适应
他提到，使用者经验的设计在手机这种相对限制的萤幕上，有著几个简单的原则：
首先，品牌行销必须要更加微型，例如：Airbnb 的品牌 Logo 就以一个不张扬的方式嵌在应用内。这是因为大家会来使用你的 App，就已经知道你的品牌，因此没必要让品牌 Logo 重複出现在萤幕之中。
此外，让使用者可以秒懂这个应用的方式，就是将「基本需求呈现在使用者面前；换言之 UX 越简单明瞭越好」，最佳的准则就是让使用者不需要学习、只有主要内容才需要出现在画面上。
例如 YouTube 应用一点开，你就知道这个应用的基础内容是什麽了。下面有推荐的内容，第一栏的 Home bar 则有明显的查询标识，让用户可以马上开始查他想看的影片。
第三，在应用设计上，你必须要清楚这个应用的用途以及目的，并以此规划使用者体验的优先顺序。即便是设计 Menu 也要儘量清楚先后顺序；让使用者可以轻易了解意图（可以分门别类的排序等）。
第四，在提供使用者卷动画面时，永远不要有尽头！也就是你必须要加上「显示更多（Load more）」等功能，让使用者觉得他拥有其他选项可以考虑。
第五，使用者使用你的应用时，不一定要强迫对方登入；你可以选择让使用者直接进入应用，或是提供「登入／跳过」的二元选项；但如果你一定要大家给资料，那建议最好提供第三方登入，让使用者有不止输入资讯一种选项，然而一旦使用者选择注册登入，那也请你记得提供「显示密码」等功能，让使用者可以看到他输入的内容。
例如，时尚购物平台 ASOS 的应用就不必登入即可使用。当你逛到想要买的衣物时，那消费者就会自然而然提供资讯，而这就不是平台「强迫、要求」用户提供的；此举也让平台获取用户资讯显得水到渠成，一点都不侵入式。
值得一提的是，在简易化流程上，另一电商平台 Zolando 更提供了一个超简便的方式，就是和 TouchID 结合，确认订单后，指纹一刷，购买完成！
第二，使用
在这一阶段，主要涉及应用的主要功能。可以分为几种来叙述。
1. 搜寻
一个使用经验好的应用它的搜寻很重要；特别是如果你是要做电商类的应用。其中最重要的一点就是搜寻的栏位要好找，一定要让大家可以一眼就看到，如同我们前面看过的 YouTube 应用。
此外，你设计的搜寻工具也必须要附带搜寻建议、自动完成的功能，让大家不必完全打完关键字就可以找到想找的内容（前面说过了减少使用者输入资讯的程序是成功的要件！）。而且前面表列的几点，一定是要高度相关的搜寻结果。
有了这些之后，好的搜寻工具也应该提供可以让使用者进一步设定条件／排列／过滤的搜寻功能，例如：使用者可以轻易选择将查询品相按照价格高低排列。如果是订房系统，也可以让用户先预填资料，例如住几晚等等。
最后务必提供「历史记录」给用户，让他们可以轻易找到之前的搜寻记录。毕竟有些人习惯犹豫、比价许久，让他们可以轻易找到适才看过的商品，将有效提升成交的可能性。
不过刚刚讲的这几点，第一个让我想到的就是 YouTube 的应用啊！
2. 产品、服务本身
看完了搜寻相关的小撇步，我们来看一下其他 UX 设计师在设计应用时应该注意的重点。因为主题关系，主要著重在电商类的内容：
针对产品的呈现，有一个要诀就是让使用者永远可以快速地扫是产品描述、一眼看到重点资讯（如：尺码、价格等等）。而最重要的「购买」键，更应该不管使用者到哪裡，它都要够醒目；另外，也应该附上「放入愿望清单」的选项，供用户可以管理他想要购买的内容；因为很多用户都是利用通勤等零碎时间使用应用，通常这些时间并不够支撑用户完成一个购物的流程，所以有欲望清单让他可以先选好放著，是一个较佳的设计。
回到产品本身，随著电商市场竞争愈发激烈，要刺激购物的最终行动，相关的产品影像一定要够大、品质够好，最好还要让用户可以放大、放小的研究。这之后，你也应该让顾客评价等资讯放在一目瞭然之处，因为现在人在网路上购物不免俗的还是会想要听听他人的心得看法做参考。
另外，在任何产品标示上，不管是库存、运费等注意事项都应该清楚明示，以免造成误会引发衝突。最后，当然别忘了推荐商品，这就跟延伸阅读一样，用户对这篇文章感兴趣，他就可能对其他相关的内容有较高的兴趣。
第三，交易
经营过电商的都知道，让人来逛不难，但怎麽让人走到最后「购买」的步骤就不简单了。很多人都是在最后一不放弃的。所以该怎麽做呢？
首先，最重要的就是让用户不必多操心，一切操作要简单、直觉，要让顾客能够安心结帐。
而且为了以防顾客改变心意不买了，在进入检视购买品项的页面时，千万要让用户可以编辑购物车内产品相关资讯（数量、款式等等），避免因为这些小错误让消费者从头再用一次，这很可能惹恼了他们啊。同时，你还应该不厌其烦的继续再这些页面中加入推荐品项，推荐他们加购。
除此之外，还有：提供多种付费方式、移除容易让用户分心的资讯、重要资讯输入界面要友善、简单。Stephen 就举例 Uber 的设计就很好，每一项资料输入都有单独一面，不会让用户在同一页面待很久，一填得填个千万年这样；最好还可以直接提供让用户扫描的选项，越方便越可以留住用户。
第四，回流
看完了上述三大项应用 UX 设计建议后。最后一环节，就是如何激发用户愿意再回头来你的应用？
这是听起来最简单也最难得部分，因为根据调查很多人都是 App 下载用一两次后就删掉了。除了检视自己前面几点有没有做到外，在刺激回头客这边也可以多做琢磨，以下就分享 Stephen 介绍的几点祕诀：
Medium、Flipboard、Airbnb、YouTube 都做得很好，因为他们有一个共通点就是「直接用内容代替主画面，开门见山就提供用户可能感兴趣的内容来吸引他点击」；除此之外，Stephen 强调这些内容最好也可以无尽的刷下去，让用户可以一直找一直看下去。
此外如果有一些拟人化、逗趣化的互动也可以增加用户回流，例如 Citymapper 像朋友间对话的内容出现。又或是良好的视觉设计，让整个应用呈现一股好看、美到让人捨不得删掉的效果。
讲完四种流程后，Stephen 说面对智慧手机等载具上安装越来越多感应器，可以预想到未来在应用的使用体验上将会有越来越多的可能性。像 TouchID 就是一个好例子。
最后，Stephen 提醒随著行动装置占比越来越高，「行动」越来越重要，行动版官网更是基本盘，很重要！因为网站是面对广大的用户群，你绝对不能忽视这一块；而 App 则是切向核心用户。
不过不管你是在设计哪一种装置上的页面，Stephen 说：第一准则，就是让用户可以很简单的查到他们想要的东西！
|
