提升易用性和转化率:打造好UI的32条建议

  今天的话题,来自Goodui.org,关于提升页面易用性及转化率。本文带来的建议和观点,较适用于Web服务和移动应用的Landing页面。我们可以看到越来越多这样的页面,有些相当出彩,市面上也有不少相关的设计展示汇总文章。而本文则从设计原则和实践的角度带来一些思想武器供我们学习参考。

  全文共32个要点,较长,今天先上一半,下周补完。接下来进入译文。

  1.尝试单栏布局

  单栏布局可以让你对内容叙事进行更好的控制。 从上到下的方式能够以更符合读者预期的方式对他们进行引导,而多栏布局很有可能对页面的主要目标产生干扰作用。试着通过故事来引导用户,并在底部放置最重要的Call to Action。


  2.赠送礼物,而不是急于成交

  向用户赠送礼物,这不仅是友好的表现,而且是一种基于互惠原则的说服策略。所谓互惠,顾名思义,如果你通过赠予象征性的好处来表示友好,那么将来对方也会对你进行回馈。


  3.整合相似的功能,以简化UI

  我们会在无意当中创造出多个功能类似或相同的元素,不奇怪,这是基本的熵原理——事物总是在向混乱的方向发展。留意那些名称不同但功能重复的元素,这会增加用户的认知负荷,使他们产生疲劳感。通常,UI的复杂度越高,用户的学习曲线就越陡峭。考虑不定期的对产品UI进行评估,对那些功能类似的元素进行整合。


  4.展示社会认同,而非自吹自擂

  社会认同是另一种可以直接提升转化率的说服策略。他人对你产品的谈论和赞许,将会使Call to Action在用户看来更具吸引力。试着使用一些知名机构或媒体颁发的鉴定证书,或展示相关数据,这些都是很好的社会认同证明。


  5.多次展示Call to Action

  这种方式特别适合于单栏布局的长页面,或者也可以让Call to Action在多个页面中多次出现。你自然不想在一个页面中一口气展示10个同样的Call to Action,然而如今长页面越来越普遍,让所有内容都保持在“折线以上”的原则越来越不受用。你可以试着在第一屏当中放置一个不那么强的Call to Action,然后将作用相同但视觉形式更突出的Call to Action放置在内容底部。当人们看过所有内容后,他们会停下来,思考一下接下来做些什么——就在这里,完成转化或关闭交易。


  6.为交互元素使用更显著、更具对比度的视觉样式

  例如配色、层次、对比等视觉风格要素可以帮助人们更好的理解和使用你的产品界面,让他们知道自己现在在哪,接下来可以去哪。为了清晰的呈现这些信息,可点击元素(链接、按钮)以及可选择项目(选项)、普通文字内容的视觉风格必须彼此形成显著的差异,并且在全局范围内保持风格的一致性。在下面的草图范例中,我使用蓝色来表示可点击元素,黑色文字表示已选择或当前所在位置标题。如果你能正确的使用视觉风格,用户将能更好的通过这些视觉线索浏览界面。绝不要让这几类视觉元素的呈现方式含糊不清,否则你就是在给用户找麻烦。


  7.推荐,而不是罗列选项

  在展示多个产品选项时,可以尝试重点推荐其中的一种,因为很多用户就是需要一点推动。我相信有相关的心理学研究可以证明,选项越多,人们做选择的难度就越高,某个选项被选中的概率就越低。推荐多个产品中的一种,突出展示其相关信息,使其权重高于其他几个选项,有用。

时间: 2024-08-26 02:57:30

提升易用性和转化率:打造好UI的32条建议的相关文章

易用性与转化率的提升

  1.尝试单栏布局 单栏布局可以让你对内容叙事进行更好的控制. 从上到下的方式能够以更符合读者预期的方式对他们进行引导,而多栏布局很有可能对页面的主要目标产生干扰作用.试着通过故事来引导用户,并在底部放置最重要的Call to Action. 2.赠送礼物,而不是急于成交 向用户赠送礼物,这不仅是友好的表现,而且是一种基于互惠原则的说服策略.所谓互惠,顾名思义,如果你通过赠予象征性的好处来表示友好,那么将来对方也会对你进行回馈. 3.整合相似的功能,以简化UI 我们会在无意当中创造出多个功能类

提升物流行业转化率 浅谈关键词的选取与分析

  做过物流网站的站长都知道,物流行业有太多的内容需要做,如果单纯的优化几个热门的关键词,想要让一个网站有流量.有转化率那是不可能的事,况且热门的关键词想要优化上去也不是一件轻松的事,全国那么多物流公司,竞争激烈不在话下,比如广州那边做物流网站的,我们可以到baidu搜索下找到相关结果约2,620,000个,还有一些百度推广的网站,从物流行业的发展趋势来看,它已成为一个热门的行业. 如今想要做好物流网站,光靠网站流量是不行的,有转化率能带来订单才是重点!很多站长就是有一种不满足的心理,从物流网站

百度网盘全新打造的UI也正式上线

经历了4个多月公测的百度网盘在7月30日正式开放后,以一种全新的姿态拥抱新老用户,近日,百度网盘全新打造的UI也正式上线,为的就是让用户们更好的使用百度网盘,用最舒适的态度和最自然的感官去体验"云"带来的快乐! 从整体视觉角度看,百度网盘全新的UI更具品质感和科技感,通过全新的界面设计励志让用户在百度网盘Web端体验到最具未来科技感的云世界.并采用了全屏展现模式,可以轻松展现更多的内容,极大的方便了用户快速查看到文件.图片等资料,彰显大气. 界面结构方面也发生了变化,调整为左右两部分,

石頭誋:神奇的网站布局提升排名与转化率

一般都会有人讲网站的优化是内容为王,外链为皇.其实这句话也没有错.如果这样子做的话是很好,可以把一个网站排名做上去并且得到很好的流量.但,只有更好没有最好,这个方式绝对也不是最好的.如果加上更精妙的网站布局的话那会使网站排名.流量以及转化率都有一个质的飞越. 1.目标关键词优化法 我前几天写过一篇文章<石頭誋:解读百度快照背后的秘密>告诉了我们如何去看快照里的信息,同样它也有一个关键词的秘密,因为百度会利于分词原理把关键词分成不可再分的词语在快照里会以不同的颜色标明,同时在网站里出现关键词的地

医疗网站如何提升网站页面转化率与咨询量

中介交易 SEO诊断 淘宝客 云主机 技术大厅 相信做医疗的朋友都会出现这样的问题,尤其对于医疗行业来说,没有转化率和咨询量就等于没有钱赚.但是明明将每个页面做的都很完美的,甚至感觉在同行业内,已经做的很好了,可是为什么却并非带来很高的转化率与咨询量.这是怎么回事呢?该如何去提升医疗网站页面转化率与咨询量?这想必大家共同关注的事情,今天,笔者就来简述下自己的观点,不足之处还望各位前辈拍砖. 不可否认的是医疗网络营销已经覆盖面是很大,不同科室的营销网站虽然不同,但是基本上出现了自己独特的风格.而且

外贸企业如何最有效地提升询盘转化率?

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 笔者在走访各大外贸论坛的时候发现一个很有趣的现象:不管是外贸新人,还是已有多年经验的外贸员,他们都喜欢在外贸论坛上发起求助.求助的内容最多地表现为两个方面:一是就海外客户的回复询盘发起翻译求助,二是就如何更好地开发海外客户发起求助. 而这两个求助洽洽反映了当今外贸企业在海外市场拓展过程中的两个关键问题. 一个是小语种翻译问题,一个是开发海外客

从如何提升网络推广转化率 探网站盈利之道

中介交易 SEO诊断 淘宝客 云主机 技术大厅 在目前的网络推广活动中,有个问题是每个做网络推广的企业.网站.个人.机构都需要意识到和面对的.互联网是一个庞大的载体,和其他媒体不同,他是一个方便的营销工具,我们在这个载体上开展一些列的推广和营销活动.大部分人都知道我们开展网络推广的目的是为了更好的营销,而营销归属是产品拥有大量不断的订单.这么说,我们开展网络推广的目的也就是为了实现订单的大量和不断化.简言之也就是网络推广的转化率.互联网需要我们更多思维去思考利用了他之后的出路,而不是选择购买和投

Fireworks打造标签式网页导航条

现在标签式网页导航条效果在很多大网站都非常常见,本文告诉您如何使用fireworks打造此类标签式导航条效果.首先让我们来看下最后的效果: 1.打开FW 8.0 (笔者使用的是8.0版,当然其它版本也是可以的了) 2.新建一个稳当大小760X400 3.用矩形工具画一个渐变的矩形,这里这个矩形是要做为导航条的背景,所以你可以调配自己喜欢的颜色. 4.然后用直线工具画两条线:见下图,做为分隔线来用. 5.然后按住Shift+G把这两条线组合成对象,复制这个对象,从窗口对齐面板最后见下图: 6.下来

七招助你提升B2C流量转化率

一些B2C运营人员往往容易走进一个误区就是只关注流量而不关注流量转化率,而事实上流量转化率是在流量稳定的情况下最值得我们研究分析的重要数据. 本文主要是针对某服装B2C改版写的,以供大家参考. 一 提升用户体验: 打造网站的自身设计风格(个性化) 注册购买等流程 简单快捷 付费方式选择多样化 不要因为最后一关而失去交易机会 邀请顾客(我们自己在网上购过物的朋友等)对网站提建议 ------------------------------------ 二 建立信任体系: 让消费者放心来买 通过资质