民初思韵网

加入收藏   设为首页
选择语言   传统中文
你好,请 登陆 或 注册
首页 人文思韵 传奇人物 历史思潮 时代作品 话题讨论 国民思韵 民初捐助 账户管理
  搜索  
    人文精神 >>> 技术的天空 温和的思绪
字体    

想要提高网页转换率?试试这 16 个 UI 秘诀
想要提高网页转换率?试试这 16 个 UI 秘诀
Jakub Linowski      阅读传统中文版

用户数量多,产品一定好吗?不见得,也有可能是销售做得好。优设记好不好,我们不能只从用户数量来看,还需考虑用户的评价。如果说SEO是为了流量,则UI是为了用户。优异的用户界面(user interface,UI)让用户用得顺心,从而提高转换率(conversion rate),换言之,好的UI在使用与销售层面上形成双赢。UI设计师Jakub Linowski列出16点改善UI的诀窍,而这份清单仍在继续累积,有兴趣的读者可以订阅他的电子报,随时获得最新的UI秘诀。

 


      优异的使用者介面


 


      (user interface,UI)让使用者用得顺心,从而提高转换率(conversion rate),换言之,好的UI在使用与销售层面上形成双赢。UI设计师Jakub Linowski列出16点改善UI的诀窍


 


      1,而这份清单仍在继续累积,有兴趣的读者可以订阅他的电子报,随时获得最新的UI秘诀。


 


      单栏型式优于多栏


 


      单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心。


 

 



    
 

 


 


      不要劈头销售产品


 


      「略施小惠」给使用者,贩卖的意图不要设计得太明显。小小的优惠或礼物,对未来的销售会带来大大的帮助。


 

 



    
 

 


 


      统一相似的功能,避免支离破碎的UI


 


      浏览网站时,我们很常看到琳琅满目的元素或特色,但它们的功能毫无二致,而相似的选项太多,只会提高让使用者无所适从。倘若发现自己的网站内有以不同型式重复相同功能的状况,不妨考虑重新设计UI,把类似功能整合起来。譬如图中「Customer Service(客服)」、「Contact Us(联系我们)」其实是一样的意思,应当保留一个选项就好。


 

 



    
 

 


 


      使用者见证或提出销售实据


 


      「社会认同」(social proof)是刺激转换率很好的策略,自己再怎么天花乱坠终究只是自吹自擂,请使用者见证或数字实据才有效。


 

 



    
 

 


 


      主要目的请反覆强调,别只提一次


 


      希望使用者点击的连结或按钮(比如购买或下载),别只出现一次,可以考虑放在单栏网页的顶端与底部,或在多个页面呈现。


 

 



    
 

 


 


      清楚区别三种功能性(可点击、已点击、纯文字)元素


 


      可点击的元素(连结、按钮)、已点击的元素、纯文字三者彼此应该以颜色、深度或对比等各种设计技巧清楚区隔,让使用者浏览网站畅行无阻。例如左图,蓝色字体是连结,黑色字体是使用者点击的选项,或者是使用者正在浏览的页面。


 

 



    
 

 


 


      突显推荐方案


 


      如果服务有多种选择,请把最推荐的方案强调出来,如左图就将「product X」特别放大,Y、Z 缩小。


 

 



    
 

 


 


      善意提醒vs. 突兀确认


 


      如果使用者更改了某个选项,用一行文字提醒他们可以「复原」就好,无需大费周章设计「再次确认」的跳出视窗。因为多数时候使用者的动作都具有意识,后者太突兀,可能让使用者觉得被纠正而产生被冒犯的感觉。


 

 



    
 

 


 


      清楚阐述目标客群


 


      描绘适合使用你服务或产品的客群,可以连结到更多相似特质的人,同时也让他们感受自己的独特性。


 

 



    
 

 


 


      肯定,避免犹豫不决


 


      语气应该直接且肯定,优柔寡断是大忌,讯息中如果出现「也许」、「有趣吗?」、「想要吗?」等疑问字眼,在显示自信与强调权威上可能还有进步空间。


 

 



    
 

 


 


      采用强烈对比


 


      CTA 应该与众不同。运用色调、深度、互补色等方式,将CTA 跟其他网页元素区隔开来。


 

 



    
 

 


 


      产品的诞生地点


 


      说明你、你的产品或服务来自何处,就像在自我介绍一般,赋予人性化的亲切感受,而且强调产地或许也会带来品质保证的效果。


 

 



    
 

 


 


      表单问题愈简化愈好


 


      注册表单太杂,使用者往往容易不耐烦而半途放弃,问题尽量少而精简。


 

 



    
 

 


 


      别把选项藏起来


 


      下拉式选单虽然不占空间,但却让选项更难被察觉。适合下拉式选单的问题是可预测性的或者人人皆很熟悉的时间(如出生日期)或地理位置,跟产品或服务有关的重要问题选项,最好并列在页面明显的位置上。


 

 



    
 

 


 


      连贯顺畅的页面


 


      不要让使用者产生「已经卷完页面」而实际上根本还未看到底部的错觉。制造一种视觉型式或节奏,令使用者得以顺利浏览完整个页面,才不会白费苦工。


 

 



    
 

 


 


      不要分散焦点


 


      如果你的网页唯一目的是要触发使用者卷到底部时「采取行动」,那中间安插的任何连结都可能导致他们分心,甚至将他们带离你的网站,因此必须小心谨慎的安排连结数量与位置。


 

 



    
 

 


      原文出处: Jakub Linowski


      译文出处: Inside

 

2013-08-08 11:33

欢迎订阅我们的微信公众账号!
春秋茶馆订阅号
微信号 season-tea(春秋茶馆)
每天分享一篇科技/游戏/人文类的资讯,点缀生活,启迪思想,探讨古典韵味。
  清末民初历史人物  民初人物
学贯中西品读东西文化
林语堂(1895年10月10日-1976年3月26日),中国文学家、发明家。福建省龙溪(现为漳州市平和县)坂仔镇人,乳名和乐,名玉堂,後改为语堂。美国哈佛大学比较文学硕士....
革命先行者民国之父
孙中山(1866年11月12日-1925年3月12日),本名孙文,字载之,号日新、逸仙,广东香山(今中山)人,是医师、近代中国的民主革命家、中国国民党总理、第一任中华民国....
资助民初精神网
        回顶部     写评论

 
评论集
暂无评论!
发表评论欢迎你的评论
昵称:     登陆  注册
主页:  
邮箱:  (仅管理员可见)

验证:   验证码(不区分大小写)  
© 2011   民初思韵网-清末民初传奇时代的发现与复兴   版权所有   加入收藏    设为首页    联系我们    1616导航