表格变填空与冷冰冰的网页对话

还记得英语考试里的填空题吧? 在考场以外,貌似填空这种模式比整齐划一的表格更让人感到亲切。

今天@lukewdesign在网站上发表了一篇短文,解释了一下填空模式表格的实验,初步发现转化率提高了25-40%,可以说是非常显著。

看了图就明白了,这个界面是与汽车经纪联系,询问汽车记录的页面。比较左面与右面的两幅图,我似乎能感觉到左面的图是冷的,右面的图是热的。

细节比较

语气变化

指示性的”联系这个经销商”,被换作第一人称“我感兴趣”。同时也避免了“经销商”这个往往给人虚伪感觉的词。

人形图标

虽然可能这个人形图标看起来不显眼,但是让人不经意间感受到似乎是在与一个人交互。注意两幅图里经销商的名字不一样,电话也不同。这是实验的设计,在不同的经销商的页面使用不同的界面,以方便比较。

主体嵌入

问答式的表格变成了一个短信的一部分,似乎让人感受不到在给出私人信息,而只是填充必要的联络方式。因而让人感觉更亲切。此外,“必填”的字样似乎也不再需要了。

一个谢谢送温暖

不过我有点搞不清楚这个是作为短信的一部分表示用户谢谢还是网页谢谢用户。

我觉得这个必将成为潮流,你觉得有什么启发么?

来源: http://www.lukew.com/ff/entry.asp?1007, Luke Wroblewski

时间: 2024-10-30 19:27:35

表格变填空与冷冰冰的网页对话的相关文章

用FrontPage2003的“布局表格和单元格”功能布局网页

frontpage|单元格|网页 很多朋友对FrontPage2003中增加的网页布局功能很感兴趣,现在我们一起来深入了解这一实用功能. 用FrontPage2003的"布局表格和单元格"功能布局网页时,需要通过两部分来完成. 首先通过"布局表格"功能来为网页布局创建一个框架,然后通过"布局单元格"功能为该框架填充包含有网页内容(包括文本.图像.Web部件和其他元素)的区域,也就是单元格. 下面我们就以设置一个单位网站首页为例来了解一下用布局表格

html-BOOTSTRAP做表格的时候,表格变成全屏,请问该 怎么样调小?

问题描述 BOOTSTRAP做表格的时候,表格变成全屏,请问该 怎么样调小? 解决方案 外面包裹div,用col-md-xxx和col-md-offset定位 参考 http://www.cnblogs.com/linjiqin/p/3559800.html

外行入门,求助,逐个读取excel表格各行数据,进行一些网页上的输入、点击操作

问题描述 在一个网页上对这些数据进行相同的处理,包含"点击.在新弹出的窗口中点击.选择下拉菜单中的某项.确定和提交",并且希望得到对这些数据处理成功还是失败的结果,办公室里经常会重复这样简单但繁琐的操作,希望找到一个好的方法来解决这类问题,今后工作就能事半功倍了,求大神指导,万谢! 解决方案 解决方案二:求大神解答!解决方案三:Java操作EXCEL用POI去做.解决方案四:引用2楼huxiweng的回复: Java操作EXCEL用POI去做. 请问我需要进行哪些方面的学习呢?解决方案

《HTML、CSS、JavaScript 网页制作从入门到精通》——6.5 表格的行属性

6.5 表格的行属性 不仅可以对表格整体设置相关属性,还可以对单独的一行单元格设置相关属性.下面就介绍行的高度.行的边框颜色.行的背景和行里内容的对齐方式设置等. 6.5.1 高度控制height 使用height可以设置行的高度. 语法: 举例: 在代码中加粗部分的代码标记为设置表格行的高度,在浏览器中预览,可以看到第1行设置了60像素的高度,如图6.16所示. 6.5.2 边框颜色bordercolor 可以使用bordercolor属性设置行的边框颜色. 语法: 举例: 在代码中加粗部分的

美化网页 制作精美圆角表格

网页|圆角 做网页时候为了美化网页,常常把表格边框的拐角处做成圆角,这样可以避免直接使用表格直角的生硬,使得网页整体更加美观.下面就给大家介绍两种制作圆角表格的常用的办法. 方法一:用图片制作圆角表格 这是最常用也是最通用的方法,它能很好地适应各种浏览器和不同分辨率,大部分网页都使用这种方法. ①先用Photoshop等作图软件绘制一个圆角矩形,再用"矩形选框工具"选取左上交的圆角部分(如图1),复制它. ②不要取消选取,直接新建一副图像,Photoshop会根据选取部分的高度.宽度自

美化你的网页 制作精美圆角表格的两种方法

网页|圆角 做网页时候为了美化网页,常常把表格边框的拐角处做成圆角,这样可以避免直接使用表格直角的生硬,使得网页整体更加美观.下面就给大家介绍两种制作圆角表格的常用的办法.方法一:用图片制作圆角表格这是最常用也是最通用的方法,它能很好地适应各种浏览器和不同分辨率,大部分网页都使用这种方法. ①先用Photoshop等作图软件绘制一个圆角矩形,再用"矩形选框工具"选取左上交的圆角部分(如图1),复制它. ②不要取消选取,直接新建一副图像,Photoshop会根据选取部分的高度.宽度自动设

用Dreamweaver精细化网页中表格的外观

dreamweaver|网页 表格无疑是网页制作中最为重要的一个对象,因为通常的网页都是依靠表格来进行版面布局和各元素组织的,它直接决定了网页是否美观,内容组织是否清晰.但很多朋友常常忽视对表格的研究,而把目光投向其他的层.图片.特效等等,其实合理的利用表格可以方便的美化你得页面,我们也常常听到有朋友抱怨表格作出的页面单调.粗糙.缺乏变化,也常常听到有人问如何作出1个像素的表格边框.其实在Dreamweaver中我们可以非常方便的精细化你的表格,从而使你的网页更加美观精细.我们将分下面三个方面介

Dreamweaver精细化网页中表格的外观

表格无疑是网页制作中最为重要的一个对象,因为通常的网页都是依靠表格来进行版面布局和各元素组织的,它直接决定了网页是否美观,内容组织是否清晰.但很多朋友常常忽视对表格的研究,而把目光投向其他的层.图片.特效等等,其实合理的利用表格可以方便的美化你得页面,我们也常常听到有朋友抱怨表格作出的页面单调.粗糙.缺乏变化,也常常听到有人问如何作出1个像素的表格边框.其实在Dreamweaver中我们可以非常方便的精细化你的表格,从而使你的网页更加美观精细.我们将分下面三个方面介绍如何在Dreamweaver

用PPT中的表格工具模仿优秀的网页设计

用PPT中的表格工具模仿优秀的网页设计    只要肯留心,处处皆学问",这句话用在PPT学习上真的是再确切不过了.随着PowerPoint软件的升级换代,PPT在视觉呈现方面能力越来越强,可以说是由"体现结构"升级为"展现画面",由"示意图"升级为"效果图".如果我们在做PPT的时候还一点"美观"都不讲究,一点"布局"都不掌握,那最终的效果恐怕很难被听众所接受. 初学PPT的朋