您的位置: 首页 > 艺术设计 > 设计理论 > 设计上的精挑细选会削弱网站
字体排版漫谈 回到列表 通过研究视线轨迹改良设计
用户名:
密 码: 忘记密码
注册会员 游客参观 论坛帮助
 设计上的精挑细选会削弱网站

作者:Linyupark 时间: 2006-07-05 文档类型:翻译 来自:网络维他命
浏览统计 total:1462 | year:1462 | Quarter:1462 | Month:1462 | Week:1462 | today:596

英文原作者:Nick Usborne

我承认,这是个令人气愤的标题。但事实如此。

无论有多么令人关注的信息,无论有多么优秀的效仿,无论多么有力的推广;设计好的页面总会在所受欢迎的程度上有戏剧性的变化,不论是好是坏。

在我展开话题前,我想让你看下三个不同版本但内容相同的提供页面:

·版本 A
·版本 B
·版本 C

我知道,他们不会赢得任何设计奖项。他们也没有这个打算。但他们是很实用并且为我们所熟悉。读者在这些页面里都能快速地理解他们要表达的信息是什么,以及他们想要求我们做什么。

·A 是最初版本
·B 遵循了相同的基本布局,但我们做了一些小小的改变
·在版本C中,我们将一列形式改为了两列。我们想要测试更多页面内容提前到首屏上会带来的影响

请你诚恳地做下判断,B或C是否能胜过A,在哪方面的比例

不要急于拉到下面查看答案。你是名设计者,一名专业的WEB设计人员。所以将你的财物放在你的证书上然后写下一些数字吧

写下B比A好或差的比例数,以及C比A好或差的比例数。

你在设计上所做的选择会对结果产生极深的影响

我猜想一下你有一些衡量自己网站成功与否的方法。或许是它的销售能力。或许是它所基于的读者数量。但不管怎样,你的站是有目的性的。

但我不认为大多数设计者真正明白他们设计上的选择所带来的作用能够完成这个目的。

是的,我确信你做了一些可用性方面的测试。如果当你在哪些部分在工作而产生疑惑时,这或许会给你一些帮助。

但你有没有做过不同设计页的测试呢?

通过测试,我的意思并不是叫一些同事;我的意思是做个实况测试来说明站点访问者真正做了些什么

这样的测试是件很完美的事。没有空间让你做论据上的设想。专家的凭据和意见意味着霸权。当你提供多选的版本,一个到另一个,从读者的行为上估量,你会得到真正的方法。你得到了哪个才是你所要的。

你做过了么?这是件另人提心吊胆的事

但如果你是认真对待你的网站目的的,而且如果测试可以让你明白哪个页面版本能做的更出色,那对与是否做测试还有什么好争论的呢?

怎样做设计上的选择会带来不同的效果

我们找到了这一些设计要素(一部分)会让页面执行不同的含义:

·主要行为号召的位置和其颜色
·页面的说明,如果要用到
·连接元素是文字形式还是图片形式
·页面上元素的“空位”数量,好让内容“透气”
·主要标题的突出位置
·页面上使用的列数
·视觉元素在吸引注意力方面的竞争量
·在照片中出现成熟,色情的

现在公布下测试结果:

A/B/C Split Test[]A/B/C三派的测试]
  Page A Page B Page C
Percent of traffic[流量百分比] 34% 33% 33%
New sales[销售额] 244 282 114
Change[变化] N/A 15.57% -53.28%

版本B,通过细小的变化,在销售方面有了15.7%的增长;这说明站点的收入有了教大的提升。

版本C,我们将它改为比较有秩序的,从一列的形式变为两列,结果却造成了销售上下降了53.28%。

这是个另人惊讶的销售滑落,原本打算将提升页面成绩的设计,结果却是这样.

现在,只要中断片刻并回想下你去年所做的一些设计精选,以及你设计它们的理由。思考一下这些精选可能会给你运作的站点带来巨大的影响。

结束前的思考

这个测试所表现出来事实是可怕的。他们并非特殊的案例。设计上的变化确实会给站点的成绩方面带来巨大的影响。

这里是一些要思考的东西:

·如果你站点上有一些页面需要决定它是否会成功,做下A/B分离测试。你不需要去猜测:你已经知道结果了。

·要注意到不论多么有力的页面文字信息,它的成绩必须依靠它所呈现的方式。换句话说,设计上的选择可以增强或减弱文字所带有的力量。

·和你的作者谈谈,问问他们希望其信息怎样呈现会最好。然后测试几个不同的版本,当文字布局出现后一个优秀的作者应该会有很强的直觉(判断其好坏)。

·不论怎样,这点很重要,就是我们当中没有一个人,不管是设计者或作者,知道页面怎样设计才“最好”,直到我们进行测试后。

虽然这或许对一些人不太适应,但最终的结果是我们将会成为更出色的WEB设计者和作者。

出处:网络维他命
责任编辑:moby

相关文章 更多相关链接
SojuDesign 玩具设计
网站(B/S开发中)cache应用
通过研究视线轨迹改良设计
爱词霸网站logo大赛优秀作品
爱词霸学习网站logo大赛结果
作者文章
浏览器发展/CSS布局/怎样运用?
全网 本站 论坛
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
胡晓江插图欣赏—鸟人
在IE中使用first-child
使用模板快速启动你的设计
字体排版漫谈
历届世界杯海报欣赏
AS3中与服务器交互
设计上的精挑细选会削弱网站
浏览器发展/CSS布局/怎样运用?
搜索引擎优化十大误区
用feedsky优化博客的RSS
栏目最新 栏目最新列表
胡晓江插图欣赏—鸟人
字体排版漫谈
历届世界杯海报欣赏
设计上的精挑细选会削弱网站
SojuDesign 玩具设计
Federico Pazos 儿童插画欣赏
赵阳插画作品欣赏
通过研究视线轨迹改良设计
富有创意的杯子
好玩的手影教程

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文现有 3 条评论 评分:- llllllllllllllllllll + 评分人数: 2 ,平均分: 3.00


I服了YOU Publish at 2006-7-6 9:27:12 评分1
说得非常有道理!但那仅仅是面向他们的社会。不符合中国国情和中国绝大多数人民的审美取向!起码目前是这样的。
xwgemini Publish at 2006-7-5 17:21:08 评分5
很不错的文章,但是确实是可用性的问题
likeacat Publish at 2006-7-5 13:56:26
和销售额挂钩的东西 不可以只归结到这个原因 只是有可能性 但不绝对!
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Flash第一步系列》
《交互设计之路》
《Dreamweaver 从基础到实践》
《色彩管理》
《网页设计专家门诊》
《情感化设计》
《GUI设计禁忌》