使网站显得业余的10个错误

标签: 网站 错误 | 发表时间:2015-08-15 16:11 | 作者:可乐橙
出处:http://colachan.com/

[国外设计第99期]

创建自己的网站对于资金拮据的企业主似乎是个好主意。可以以后再找设计师,等你的创业项目取得了一定的地位,那时你才会开始考虑这些无意义的事情。

是这样吗?

事实证明,对于初具雏形的业务,设计远比你想象得重要。当你运营线上业务时,访客的判断往往取决于设计中的小细节。

顾客都是三心二意的。他们对一些主流品牌已经产生了信任。为什么忽然要开始信任你?除非你在头几秒就吸引住他们,否则他们就走了。

最终,最微小的细节产生了最大的差异。如果你要树立一个值得信任的品牌,创造收入,这些细节必须仔细查验、精心准备。本文中,我就来谈谈 网页设计中常见的业余错误。即使设计能力有限,你也能辨认出一些常见的错误,它们或许也渗入了你的网页设计中。

注:本文中使用的案例,都来自于创业项目,它们都特别重视各自网站的反馈。

1. 模版的不恰当使用

Improper Use of Template

我不赞成在大型业务中使用网站模版,不过小型的、基于bootstrap的创业公司确实有此需求。无论如何,如果你最终用了一套模版,最好还是找个设计师为你的品牌适当定制化。最终甚至可能得到非常棒的产出。

预先设计好的模版网站存在一个普遍问题,logo和网站其余部分的视觉关联很弱。logo色彩并没有重复出现在网站的其他地方,或者与网站使用的字体并不搭配。

如果你要节省品牌包装开支,至少这模版不能太明显。

2. 使用默认的Bootstrap外观

另一个同样骇人的错误,是在公司网站上使用Bootstrap的默认设计。使用Open Sans可愚弄不了大家。很难区分各个使用相同设计的网站,这对你的品牌有害。

Bootstrap网站的一个赠品是极佳的字体。(正如Bootstrap那样)它全面的基础图标库,为它聚集了大量人气,你会需要它们来创建统一的视觉语言。非常适合的情况下,它可以作为复杂界面的一种有益补充。

当然,如果原创图标比通用图标对你的品牌更好呢?为什么不找找更精细的图标集,来描绘你的主要卖点——或是异想天开?找个插画师来帮你吧。

3. 文字对比问题

Typography Contrast Issues

多数非设计师都远没有意识到字体的重要性。它们会成就或破坏整个设计,即使只是些“字母”。

“小作坊出品”的网页设计有个常见问题,标题和正文之间的对比太不明显。单单选用几个字号通常并不能解决。尝试在标题上使用更粗的字重,让它显然比其余文字重要。这有助于建立层级,温和地引导视线浏览网站。

4. 使用深色背景

Using Dark Backgrounds

背景色覆盖了网站的绝大部分区域,所以要谨慎选择。

首要规则,纯黑网站几乎没有好看的,除非经过专业的设计。白色比较无风险,不过更多设计师使用非常浅的灰色。当心更深的灰色,更糟的是黑色字母在这种背景上的易读性。灰度最好在15%以下,保持设计的明亮。

5. 多个同等的行动召唤

Multiple Equal Calls to Action

网站的每个页面都应该只有一个主要的行动召唤。如果不止给出一个操作——访客会困惑,他们可能会需要更多时间来做决策,然后采取行动。他们甚至会因为这样的认知负担而离开!

尽可能多地去除行动召唤。让人们更容易采取行动,无需思考。无论是注册按钮还是选择套餐,通过图形符号来使你期望的操作更加显眼,同时让其他选项更加温和,削弱吸引力。

6. 对齐与间距问题

Alignment and Spacing Problems

间距很难处理。保留适当间距,元素周围不要太多留白,这可能是设计要考虑的最困难的部分。但通过一些规则可以简化。首先,确保所有元素都恰当地分组。其次,在这些组周围保留足够的空白。

7. 不专业的文案

Unprofessional Copy

写作同样很难,但它必不可少,能让你的卖点通过互联网传播。尤其如果你在卖东西,你得确保文案容易理解,并且有校对者检查修正所有拼写错误。

我常常在网站文案中看到一些令人尴尬的句子,似乎从设计的原型阶段开始,就以一段占位符卡在那里。最好在网站上线前找人通读所有文案。

8. 易读性问题

Readability Issues

如果无法阅读,再多再好的文案也拯救不了你的业务。许多小细节可能损害文字的易读性,结果会影响人们对你公司的印象。

要小心地修复这些问题,比如行高太小、字号太小无法阅读,或者是文字与背景反差太小。尽管这些对于多数人不会造成实际的阅读困难,但事实是这些问题存在于网站上,使得网站看上去显得不太专业。你想象一下Facebook会有易读性问题么?

9. 不统一

Inconsistency

你的品牌最好保持统一。在所有出现的地方,无论是社交媒体、Facebook广告,或是线下,顾客都要能立刻辨认出你的品牌。

不过我们回退一步,首先要确保网站本身的一致性。有没有继承的无序列表样式覆盖了正文字体?logo的颜色和网站上使用的完全一致吗?你是否在各处使用相同的阴影,还是说只是“足够接近”?通常要好好组织CSS文件,删除一切不需要的代码就能修复这些不统一的问题。

10. 过时的设计

Off-trend Design

不论喜欢与否,我们现在要向 拟物主义告别了,每个仍然在重度使用渐变和阴影的网站一定会显得过时。尽管你的一些3D效果或许在某处侥幸成功,最好还是在 扁平化设计指南中探索创意。

都在这里了:这是我通过分析一些不同的创业公司主页,得出的10个最常见的问题。现在再去看看你的网站,是否触犯了上面的哪条?

顺便提一下,我在写一本关于设计如何帮助企业主建立业务的书。想在发行时得到通知吗? 来名单中留个名吧


原文链接: http://designmodo.com/10-mistakes-website/

作者信息:
Heidi Pungartnik
Heidi Pungartnik is helping bootstrapping entrepreneurs grow their business with design at DesignforFounders.com. She's writing a book on the topic as well so be sure to jump on the launch list!

相关 [网站 错误] 推荐:

[转载]高性能网站需避免的7个错误

- - 蓝飞技术部落格
翻译是门体力活,最后一点内容实在没嚼头,有些捣糨糊,省了不少废话. 原文地址: http://www.sitepoint.com/seven-mistakes-that-make-websites-slow/. 原文作者: Coach Wei. 翻译编辑: zhangxinxu. 假期临近(应该指感恩节和圣诞节),公司增加了SEM方面的花费,关注SEO,修改页面.

使网站显得业余的10个错误

- - 可乐橙
创建自己的网站对于资金拮据的企业主似乎是个好主意. 可以以后再找设计师,等你的创业项目取得了一定的地位,那时你才会开始考虑这些无意义的事情. 事实证明,对于初具雏形的业务,设计远比你想象得重要. 当你运营线上业务时,访客的判断往往取决于设计中的小细节. 他们对一些主流品牌已经产生了信任. 除非你在头几秒就吸引住他们,否则他们就走了.

Oracle错误代码

- - 数据库 - ITeye博客
ORA-00001: 违反唯一约束条件 (.). ORA-00017: 请求会话以设置跟踪事件. ORA-00018: 超出最大会话数. ORA-00019: 超出最大会话许可数. ORA-00020: 超出最大进程数 (). ORA-00021: 会话附属于其它某些进程;无法转换会话. ORA-00022: 无效的会话 ID;访问被拒绝.

10大经典错误

- beralee - 酷壳 - CoolShell.cn
下面是10、11个经典的错误,升序排名. 10、DOS的Abort,Retry, Fail. 85年以后出生的人可能不知道DOS是什么了,只有那老家伙还知道这是什么. 我还记得当时的我对于Abort和Fail这两个选择还是比较清楚的,不过,今天完全忘记了Abort和Fail的差别是什么. 这个出是DOS下的经常出现,也相当的经典,以至于在Wikepedia上都有专门的业面 Abort, Retry, Fail?.

Google Realtime出现404错误

- lube - Solidot
hidenosense 写道 "我的Google搜索页面左边工具栏里的realtime没了. 直接打开http://www.google.com/realtime返回404.

StackOverflow的404错误页

- yboren - 酷壳 - CoolShell.cn
不知道大家有没有注意到StakeOverflow的404错误页面. 这个是一个很有意思的图片,不知道你看懂了吗. 看上去像Python,又像 Ruby,还像 Perl,当然也有 C的影子,还有Brainfuck. 是的,这是一个杂交程序,杂交了Python,Ruby,Perl,C,还有Brainfuck(注意其中的#号),所有的语句都是输出“404”字符串.

Spring MVC的常见错误

- - Java译站
10年前我开始自己的职业生涯的时候,Struts还是市场上的主流标准. 然而多年过后,我发现Spring MVC已经越来越流行了. 对我而言这并不意外,因为它能和Spring容器无缝集成,同时它还提供了灵活性及扩展性. 从我迄今为止对Spring的经验来看,我发现有不少人在配置Spring的时候经常会犯一些常见的错误.

预防错误的设计

- - Juven Xu
上周参加了一个 Michael Feathers 的 workshop,整个 workshop 内容非常多,其中大部分是围绕他那本著名的 《修改代码的艺术》所阐述,不过除此之外 Michael 还以  Beyond Error Handling, Using Design to Prevent Errors 为主题,讲了不少如何优雅地处理错误的做法和思路.

locale错误导致Java中文乱码错误的总结

- - Java - 编程语言 - ITeye博客
线上执行MapReduce任务计算时,经过排查发现了某些服务器计算的数据出现中文乱码问题,但是服务器的配置是完全一致的. 由于我们使用的key可能包含中文,中文乱码问题体现在每次合并map记录的时候计算数据的随机性,每次执行的结果都不一样(由于Map任务执分配的随机性). (注:此文章大部分都参考了同事查找到的问题解决方法.

POKA-YOKE – 避免无心的错误

- galaxy - 百度MUX
在1961年, 工业工程领域世界著名的品质管理专家新江滋生(Shingeo Shingo)先生根据其长期从事现场质量改进的丰富经验,首创了POKA-YOKE的概念. 简单地翻译一下,就是:避免(yokeru)无心的(inadvertent)错误(poka). 为了避免我们可爱的用户在使用产品的过程中出错,请看看设计师们都做了些什么吧:.