landing page设计的5个小经验

十二月 24, 2008

本文是landing page指南与案例分析系列文章的第二篇:Landing Page 设计

原著: Roberta Rosenberg

翻译:互联网营销博客, 转载请注明出处。

Copywriter不一定要自己设计landing page,不过作为一名广告文编写人你需要了解有效的landing page设计的原则,这样你才能更好的与专业的landing page设计师沟通和交流。理解landing page设计原理有利与你和你的团队认准相同的目标,并提升产品的转换。

关于页面布局,Omniture最近发表了一个叫做 Best Practices for Conversion: The New Engagement Funnel in 7 Steps的白皮书,在其中的第三步:组织和优化网站结构中详细介绍了页面布局相关的基本方针,通过他的指南可以帮助你更好的组织和格式化你的landing page:

  • 仔细研究你的竞争者的landing page设计,并延伸他们的设计思想。 贯穿竞争者页面的转换过程,考虑那些你觉得与你的想法不一致的地方,思考是否应该修改或删除这些内容,你必须自己动手进行测试。
  • 将landing page中最重要的文字放到页面最上方的300像素以内: 几乎有一半的访客不会使用浏览器的滚动条来浏览页面下一屏的内容,因此把你推销的卖点放到landing page的第一屏,并添加上一个call to action。
  • 不要考虑得太复杂: 使用单字段格式,留出两个侧边空隙,居中的内容让你的访客更容易阅读。将大的段落分割为几个小段落,每个段落不要超过5行。你应该让访客跟随你的思想,而过于密集的文字会让他们无法完整的阅读。
  • 使用醒目而且通俗的语言: 给你的links加上下划线,让它显得更为醒目。尽量使用通俗易懂的语言,有一说一,没有哪个访客愿意来思考你的语言有什么引申的含义。
  • 确认你的页面读取速度足够快: 这一点非常重要,通常我们都建议针对不同的国家和地区都使用相同地区的主机。记住至今还有数百万的用户还在使用电话拨号,删除你landing page上不必要的图片,优化必要的图片大小,让你的landing page更快的被读取。如果你的页面在8秒内还不能完全被读取,那么你的用户很可能会迅速离开你的网站,同时你的adwords 关键词质量分也会大打折扣,这无疑会增加你的广告预算。

别忙,这里还有5个小常识你应当时常记在脑中:

  • 基于 the F-Pattern Eye-Tracking 原理来格式化你的landing page: 互联网读者都倾向于一种粗略的F-shared模型来浏览web内容,因此把你的重要图片放到文字左面去。 (什么是F-shaped模型, 实际上就是普通人浏览web内容的眼球轨迹,也叫做尼尔森的F视觉模型,这里有一份调查报告,请参考 Jakob Nielsen’s eyetracking research.)
  • 使用一致的网站配色/让你的ads视觉元素与landing page相互匹配: 平滑一致的颜色配置,不要让你的访客觉得不协调,看上去象个皮包公司。
  • 不要使用剪切画!制作自己的广告图片: 尽量使用一个产品图片,如果没有产品,你可以使用自己制作的logo或本地计算机上面的一些相关图片,让访客有点击的欲望,在图片上添加一点有利可图的介绍是非常好的办法,比如big save,30% off等字样。如果你的图片看上去你自己都不愿意去点的话,删除它,因为它毫无用处。
  • 把无关痛痒的元素放到侧边栏或者直接删除掉
  • 让你页面的表单输入更加简单: 不要为你的访客设置复杂的表单,你认为他们会一个一个认真填写吗?

记住, 你的landing page的目标是什么,促成销售或者引导注册,还是都有?你的landing page 文章与设计都应当围绕着即定的目标来进行,完成之后自己读一遍,有老婆的建议让老婆也读一遍,你会发现大多数人想的和你想的都不一样!

思维导图[心智图]在创建和设计landing page的过程中也有一定的指导作用,建议大家参考:

http://mindmap.fltrp.com/

http://baike.baidu.com/view/30054.htm

Landing Page设计参考书籍:

网站优化-通过提高Wed可用性构建用户满意的网站

★一本讲述web可用性的好书
★可用性领域的权威Jakob Nielson博士在Web可用性方面的最新著作

本书根据Web在近些年的最新发展状况,并结合尼尔森-诺曼集团的大量研究成果,详细阐述了如何从可用性的角度来提高Web设计水平,从而使得用户能够更 加满意和高效地使用网站来完成各种任务。书中所涉及的内容包括用户使用网站时的行为特点、如何对可用性问题的重要程度进行评估、网站的搜索、导航和信息体 系结构、内容写作、页面布局、字体设计、产品信息以及如何合理使用多媒体,等等。

本书针对性强,图文并茂,并展示了大量真实网站的屏幕截 图作为示例,具有很强的可读性,是一本不可多得的有关Web可用性设计的优秀著作。阅读本书有助于设计出可用性高、能够令用户满意的网站。本书适合于 Web设计、开发及评估人员阅读,也适合于高等院校及职业技术学院的计算机应用、自动化、仪器仪表、电子、通信等相关专业的师生参考。

无觅相关文章插件

发表评论

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议