<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="16个UI秘诀帮助你提高网页转换率？改善网页设计" id="card1">
<p> 游客</p><p>
标题:16个UI秘诀帮助你提高网页转换率？改善网页设计<br/>
正文:<br/>
优异的用户界面（user interface，UI）让用户用得顺心，从而提高转换率（conversion rate），换言之，好的UI在使用与销售层面上形成双赢。UI设计师Jakub Linowski列出16点改善UI的诀窍，而这份清单仍在继续累积，有兴趣的读者可以订阅他的电子报，随时获得最新的UI秘诀。　　1、单栏型式优于多栏　　单栏型式让你更能掌握自己的内容，从顶部到底部一气呵成，用故事引导读者，最终是要诱引他们「采取行动」（call to action，下称CTA，意指下载或消费等目的）；而多栏反而可能导致读者分心。　　2、不要劈头销售产品　　「略施小惠」给用户，贩卖的意图不要设计得太明显。小小的优惠或礼物，对未来的销售会带来大大的帮助。　　3、统一相似的功能，避免支离破碎的UI　　浏览网站时，我们很常看到琳琅满目的元素或特色，但它们的功能毫无二致，而相似的选项太多，只会提高让用户无所适从。倘若发现自己的网站内有以不同型式重复相同功能的状况，不妨考虑重新设计UI，把类似功能整合起来。譬如图中「Customer Service（客服）」、「Contact Us（联系我们）」其实是一样的意思，应当保留一个选项就好。　　4、用者见证或提出销售实据　　「社会认同」（social proof）是刺激转换率很好的策略，自己再怎么天花乱坠终究只是自吹自擂，请用户见证或数字实据才有效。　　5、主要目的请反覆强调，别只提一次　　希望用户点击的链接或按钮（比如购买或下载），别只出现一次，可以考虑放在单栏网页的顶端与底部，或在多个页面呈现。　　6、清楚区别三种功能性（可点击、已点击、纯文字）元素　　可点击的元素（链接、按钮）、已点击的元素、纯文字三者彼此应该以颜色、深度或对比等各种设计技巧清楚区隔，让用户浏览网站畅行无阻。例如左图，蓝色字体是链接，黑色字体是用户点击的选项，或者是用户正在浏览的页面。　　7、突显推荐方案　　如果服务有多种选择，请把最推荐的方案强调出来，如左图就将「product X」特别放大，Y、Z 缩小。　　8、善意提醒vs. 突兀确认　　如果用户更改了某个选项，用一行文字提醒他们可以「复原」就好，无需大费周章设计「再次确认」的跳出窗口。因为多数时候用户的动作都具有意识，后者太突兀，可能让用户觉得被纠正而产生被冒犯的感觉。　　9、清楚阐述目标客群　　描绘适合使用你<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1200&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1200&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1200&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1200&amp;Page=2">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=1200">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=1200">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>