良好的网站落地页设计与用户体验

近几年来随着移动设备的普及，为了适应多屏幕的浏览效果，网站设计也开始反璞归真，着重落地页设计与用户体验，强调良好的设计风格应需求简单明了，让用户也能凭借着直觉思考，轻松应用。然而我们发现，许多设计师往往于用户功能提示简化及设计版面简洁中陷入两难，以下七个用户落地页设计的心法，希望带给设计师们一些灵感。

1、一目了然

用户落地页设计的主要目的之一，便在于提供精准地导航。Gmail在改版之前，其日历、云端硬盘、文件以及其它Google服务Icon皆清楚地放显眼的导览列中，不过改版后为了简化页面，将这些功能收拢在一个抽象的符号中，导致其客服中心收到大量的抱怨邮件。因此，第一个用户落地页设计诀窍便是，落地页上任何一个元素视觉都需具备功能导览的意义，引导使用者完成所有步骤，否则当用户迷航后，营销效果也将大打折扣。

2、操作优先步骤

一个成功的用户落地页设计，除了体现在视觉之外，引导用户优先浏览(PreferredAction)或许才是值得思考之处。新版Twitter便出现了让使用者感到困惑的设计，因为当用户登入网站版落地页时，发现于移动设备中可快速找到的撰写新推文的功能框似乎得花一些时间摸索才能找到信息输入的字段。由此说来，第二个用户落地页设计的诀窍便是，当用户打开操作落地页时，就能优先知道该如何进行第一个动作，而非盲目搜索目标。

3、关联脉络

关联脉络的重点在于，用户所期待的操作界面是可轻易操作并使用的，例如在LinkedIn上，我们只要在个人资料栏框内点击编辑后就会出现铅笔符号，用户点击该符号即可快速修订，这项直觉且关联的设计，也辅助用户决定哪些信息需要重新调整，依按照实际需求修改对应数据即可。与之相较，我们常发现许多网站的设计，常造成冗长的修改时间。记得，网络营销所带来的后影响之一，就是网友渐渐患有耐心缺乏症，满足用户求快、求精准的操作思维，也是关联脉络这项诀窍所要传递的价值。

4、默认值

依据使用习惯，通常我们不会去修改系统默认值，这也代表了默认值对产品及品牌占有重要地位。例如现在当我们听见某串铃声，便会知道手机有Line信息，此铃声藉由传播行为，某种意义上就传递了Line的品牌元素。

5、引导指示

设计师在进行用户落地页设计时，常犯了一个错误，以为用户都跟聪明，应该都知道操作程序，事实上其结果往往是背道而驰。最好的思考在于，当我们希望使用者遵从设计步骤，便可以置入一些引导指令，方便用户跟着我们所希望的方向前进，毕竟引导指示做得好，也就间接地找到了成交的方向。

6、清晰地功能提示与回馈

使用Google最便利之处，便是在于防呆设计。例如，当我们使用Gmail时，用户使每执行一个动作时，便会出现浅黄底的提示，像是：看更多（learnmore）以及复原（undo）等信息，让企业网络营销程度不高的用户也能轻松上手，强化使用意愿及黏着度。做好防呆设计，再复杂的功能也无法难倒用户。

7、化繁为简

化繁为简，其实是相当不容易做好的一件事。冗长的数据表单填写起来总是令人怨声载道，但若是能够藉由设计的思维，在减法原则的辅助下，将数据内容分类，并规划好填写的步骤，用户边填写还时还能随时注意到填写进度，或是出现一些加油打气的信息提示窗体填写即将完成，想必能大幅降低用户的不耐，也会让数据填写这类烦人的操作变得更有人性化，无形中也提升了用户对网站的喜好感。

设计的良窳在于细节的掌握，希望上述七点要诀分享，可以帮助我们无论是在企划及实际的设计作业中，都能产出更佳的设计成果之外，也能拿来检验我们现有的设计成品中是否需要进行改善的依据。