网页表单中的广告设计

   在互联网的大潮里,广告是必不可少的,是变现的最好方式之一,是很多公司赖以生存的来源。在这个盛行的网络广告年代,从简单的图文广告,到各种吸引眼球的创意广告,各种各样新奇的网络广告已经到处都是,最初的文字链广告,图片广告,再到flash广告,再到富媒体广告,各种各样创意的广告不断的吸引我们,打动我们,让我们点击。

  那么让我们来看看比较特殊的一种网页广告类型—表单式广告(如下图)。提到表单,大家想到的更多是登录注册之类的,想到信息的填写提交。那么希望大家读完此文,能够对于表单式广告有一定的了解。


  表单式广告从广告主角度,能够满足广告主对于的品牌、产品的曝光诉求;从用户角度,也能够与用户进行一定的交互,能够保证良好的用户体验,同时兼备创意广告的特殊性。在吸引用户和注视上,都不逊色于一般的flash创意广告,富媒体广告。

  表单式广告能给广告主带去什么价值呢?对于用户又有什么好处呢?

  如何设计一个好的表单广告呢?优化表单式广告的效果和提取有用的数据呢?

  让我们带着问题一一揭晓吧:

  超高的性价比,不可比拟的广告效果:

  对于广告主来说,能够满足一些特定行业广告主的对于官网主体内容信息前置,来拓展更多的新客户,例如保险,汽车试驾,教育培训等广告主。对于投放性价比以及roi来说,和成本,投放周期等等因素,表单式广告绝对在众多的广告产品中有一席之地。 (如下图)通过第三方实验数据能看出,表单式广告的转化率是普通广告的2倍,CTR是普通广告的近一倍,花更少的钱,投资回报更为巨大。


  吸引注视的好广告,满足用户的潜在需求:

  看久了图文广告的用户,对于表单式广告,绝对可以引起她们的注意了。一方面能够提升用户与广告之间的参与程度;另一方面,能够满足用户得到广告主个性化的服务,满足她们的消费需求,无需进入繁琐复杂的官网去寻找内容,而是将内容有效精简的提供给用户,更快捷的满足用户需求。(如下图)


  那么,表单式网络广告设计时,需要注意些什么?就用几个技巧来简单说明下:

  琢磨下您的文案,换位思考:

  首先我们希望能够将广告中的文案仔细琢磨一下,换个角度看看,如果您是用户,您能被广告中的文案打动吗?我们尝试将广告“内容化”,转化为对于用户有兴趣的,易产生共鸣的,那么我们离做一个好的广告成功了1/3。

  例如:将“平安投保 网上投保 立省15%”转化成为“车险计算器”,以工具化的概念来吸引用户,看起来不那么像“广告”,最终的广告效果大大提升。


  又例如下图:将多余的文案简化,突出想诉求的主体内容,简洁而易于阅读。



  决策内容,控制表单数量:

  接着,决策广告中的元素,在广告物料中,体现哪些元素,哪些表单将被显示?表单的内容选项有哪些?尽可能的保证表单数量在2-8项之间。因为过多的表单填写,会造成用户填写的门槛,实验证明当表单选项过多时,由于物料空间的局限,阅读效率及易读性会大大降低。(如下图)


  先易后难,有效降低流失率:

  了解清楚,表单与表单的交互关系,表单的属性,下拉选择菜单,文本域,单选、复选框,按钮之间的交互关系和规则。排列顺序应该根据用户填写的先易后难的顺序进行排列布局。经过研究测试,这样会降低用户的流失率,提升提交的有效用户数。(如下图)


  布局合理,提升体验:

  在排版布局上,我们要强调易读性,以及良好的用户体验感觉。要注意使用的字号,颜色,表单区域大小,行间距,列间距等等。因为物料尺寸有限,所以更加合理的布局,是提升用户体验最为重要的。(如下图)


  给用户更多的选择:

  我们还要注意交互提示以及提交成功后的交互方式,在提示文案上,一定要言简意赅,不要过于啰嗦的提示用户遇到的问题。当用户点击成功后,最好让用户多一些选择和了解更多相关内容。(如下图)


  效果评估以及用户体验提升。衡量表单式广告效果不仅仅从CTR,名单量和ROI来量化,我们还可以从以下的数据点来考量和进一步的优化提升:

  表单的填写的完成率;有效率;

  放弃填写表单的选项及位置;

  人们填写表单的顺序;

  哪些表单元素经常被使用;

  已输入表单数据有哪些;

  完成所有表单的时长;

  用户满意度的评分;

  获知浏览器和操作系统信息;

时间: 2024-08-14 23:23:28

网页表单中的广告设计的相关文章

Android中获取网页表单中的数据实现思路及代码_Android

MainActivity如下: 复制代码 代码如下: package cn.testjavascript; import java.util.StringTokenizer; import android.os.Bundle; import android.webkit.WebView; import android.app.Activity; /** * Demo描述: * 在Android中获取网页里表单中的数据 */ public class MainActivity extends Ac

Android中获取网页表单中的数据

MainActivity如下: package cn.testjavascript; import java.util.StringTokenizer; import android.os.Bundle; import android.webkit.WebView; import android.app.Activity; /** * Demo描述: * 在Android中获取网页里表单中的数据 */ public class MainActivity extends Activity { pr

Android中获取网页表单中的数据实现思路及代码

MainActivity如下: 复制代码 代码如下: package cn.testjavascript; import java.util.StringTokenizer; import android.os.Bundle; import android.webkit.WebView; import android.app.Activity; /** * Demo描述: * 在Android中获取网页里表单中的数据 */ public class MainActivity extends Ac

网页表单输入框设计:精心简化表单输入框

文章描述:简化输入 - 让网页表单更亲切. 大部分人不喜欢填表单,因为人们来到网站,主要目的不是填表,而是浏览或者购买.精心设计的表单,使输入变得流畅让人心情愉悦,而糟糕的设计让人扶墙吐血.那怎样才是优秀的表单呢?页面的布局.逻辑组织.视觉样式等都是值得关注的细节,其中简化输入是最近常被提及的,在这里我分享下自己工作中的心得- 1. 更高大的输入框 增加输入框高度,加粗字体,可以让网页上的输入框看起来更容易填写和阅读.随着电脑显示器尺寸变大,这样的输入框也显得更大气. 2. 添加选取器. 与其让

CSS设计符合Web标准的网页表单的几个技巧

本文总结了用div CSS进行网页表单布局的五个小技巧可以帮助你更灵活的控制表单,使页面更加满意. 1.表单文本输入的移动选择: 在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息.其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中,一切就会变得简单多了,如: <textarea name=textarea wrap=virt

网页表单有效的八条规则

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 如果你正从你的用户那里收集信息, 没有比网页表单更简单和直接的办法了.一份有良好设计的表单可以提供有价值的信息, 相反, 他们有可能把用户吓跑.明确了这一点之后, 每个设计师就应该知道一些设计网页表单的规则.文章中所有的实例都是用CoffeeCup Web Form Builder生成的. 1. 保守性的搭建, 并带有目的性的设计表单 我们要

网页设计:WEBJX收集优秀的网页表单设计例子

文章描述:30个非常优秀的网页表单设计例子. 网页表单作为访问者与网站所有者主要的沟通途径,确保网页表单比较容易理解和使用起来比较直观成为网页设计的重要目标之一.每个网站都会有适合自己风格的表单,新颖的网页表单设计能吸引用户的注意力,让更多的用户填写反馈信息.在本文中将展示国外一些非常优秀的网页表单设计例子,以供欣赏借鉴. RxBalance Awesome Brian Handley Gowalla Form Spring Buffalo [1] [2] [3] [4] [5]  下一页

网页设计参考:寻找设计网页表单的灵感

网页制作Webjx文章简介:一组网页表单页面设计欣赏. 网页表单看似是网站中最常用的页面,内容大多也不会有啥变化,但这样看似简单的表单设计起来并不容易,原因就在于太简单了,所以在一些新手设计时会感觉不知从何开始.其实对于网页设计老手来说,表单设计也有自己的规律,最常用的一种方式就是根据网站整体风格进行设计. 而一些本身就很干净的网页来说,设计起来就需要花些功夫了.本文推荐的几个表单页面包含了复杂与干净的不同网站风格.可以从中寻找设计网页表单的灵感.

WEBJX收集30个优秀的网页表单制作实例

这里是30个相比风格更加明显,更注重"外貌"的包括评论表单在内的一些优秀的表单应用设计,任何人都希望可以在使用产品的同时能获得愉悦的感受,因此,一个提供易用漂亮的交互方式的Web表单可以吸引更多用户的响应,在愉悦使用的同时留下更直观的视觉印象. 相关文章: 网页设计师参考:网页登录表单设计实例 网页交互设计参考:漂亮的网页登陆表单设计实例 CSS网页设计实例:15个用CSS设计的网页表单实例 1. Synch Media 2. Ft designer 3. Glass house 4.