?!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
优异的用L面(user interfaceQUIQ让用户用得心Q从而提高{换率Qconversion rateQ,换言之,好的UI在用与销售层面上形成双赢。UI设计师Jakub Linowski列出16Ҏ善UI的诀H,而这份清单仍在l篏U,有兴的读者可以订阅他的电子报Q随时获得最新的UIU诀?/p>
1、单栏型式优于多?/strong>
单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引D者,最l是要诱引他们「采取行动」(call to actionQ下UCTAQ意指下载或消费{目的)Q而多栏反而可能导致读者分心?/p>
2、不要劈头销售?/strong>
「略施小惠」给用户Q贩卖的意图不要设计得太明显。小的优惠或礼物,Ҏ来的销售会带来大大的帮助?/p>
3、统一怼的功能,避免支离破碎的UI
览|站Ӟ我们很常看到琳琅满目的元素或特色Q但它们的功能毫无二_而相似的选项太多Q只会提高让用户无所适从。倘若发现自己的网站内有以不同型式重复相同功能的状况,不妨考虑重新设计UIQ把cM功能整合h。譬如图中「Customer ServiceQ客服)」、「Contact UsQ联pL们)」其实是一L意思,应当保留一个选项好?/p>
4、用者见证或提出销售实?/strong>
「社会认同」(social proofQ是刺激转换率很好的{略Q自己再怎么天花乱坠l究只是自吹自擂Q请用户见证或数字实据才有效?/p>
5、主要目的请反覆Q别只提一?/strong>
希望用户点击的链接或按钮Q比如购买或下蝲Q,别只出现一ơ,可以考虑攑֜单栏|页的顶端与底部Q或在多个页面呈现?/p>
6、清楚区别三U功能性(可点凅R已点击、纯文字Q元?/strong>
可点ȝ元素Q链接、按钮)、已点击的元素、纯文字三者彼此应该以颜色、深度或Ҏ{各U设计技巧清楚区隔,让用h览网站畅行无阅R例如左图,蓝色字体是链接,黑色字体是用Lȝ选项Q或者是用户正在览的页面?/p>
7、突显推荐方?/strong>
如果服务有多U选择Q请把最推荐的方案强调出来,如左囑ְ「product X」特别放大,Y、Z ~小?/p>
8、善意提醒vs. H兀认
如果用户更改了某个选项Q用一行文字提醒他们可以「复原」就好,无需大费周章设计「再ơ确认」的跛_H口。因为多数时候用L动作都具有意识,后者太H兀Q可能让用户觉得被纠正而生被冒犯的感觉?/p>
9、清楚阐q目标客?/strong>
描绘适合使用你服务或产品的客,可以链接到更多相似特质的人,同时也让他们感受自己的独Ҏ?/p>
10、肯定,避免犹U不决
语气应该直接且肯定,优柔寡断是大忌,讯息中如果出现「也许」、「有吗Q」、「想要吗Q」等疑问字眼Q在昄自信与强调权威上可能q有q步I间?/p>
11、采用强烈对?/strong>
CTA应该与众不同。运用色调、深度、互补色{方式,CTA跟其他网元素区隔开来?/p>
12、品的诞生地点
说明你、你的品或服务来自何处Q就像在自我介绍一般,赋予人性化的亲切感受,而且产地或许也会带来品质保证的效果?/p>
13、表单问题愈化愈?/strong>
注册表单太杂Q用户往往Ҏ不耐烦而半途放弃,问题量而精?/p>
14、别把选项藏v?/strong>
下拉式选单虽然不占I间Q但却让选项更难被察觉。适合下拉式选单的问题是可预性的或者h人皆很熟悉的旉Q如出生日期Q或地理位置Q跟产品或服务有关的重要问题选项Q最好ƈ列在面明显的位|上?/p>
15、连贯顺畅的面
不要让用户生「已l卷完页面」而实际上Ҏq未看到底部的错觉。制造一U视觉型式或节奏Qo用户得以利览完整个页面,才不会白费苦工?/p>
16、不要分散焦?/strong>
如果你的|页唯一目的是要触发用户卷到底部时「采取行动」,那中间安插的M链接都可能导致他们分心,甚至他们带M的网站,因此必须心谨慎的安排链接数量与位置?br style="margin: 0px; padding: 0px;"/>