如果你在过去10年里经常访问外国网页，你肯定会浏览过Reddit, Craigslist, Wikipedia, 4Chan, Hacker News或者是The Drudge Report这样的网站。虽然这些网站都各自有其各自的行业所属，但是它们都有一个共通点，那就是它们的网页视觉效果都极差，可是它们却又都是最受欢迎的网站。
Web技术经过了这些年的提升，设计师们可以透过这些技术和一些工具来处理更多前端视觉效果。然而，这些网站的功能布局不良，在今天的网络环境下并没有与现代的设计理念相连接。
为什么还有一些网页看起来还像是在九十年代？是因为那样的页面布局干净、字体精简而又颜色互补吗？
根据记录，The Drudge Report和Craigslist自从1995年推出以来都已经超过了20岁了。维基百科还差15个月就到20岁，Reddit已经10岁，4Chan也奔向了13。
重点是，这些网站受欢迎与否并不是看网站是否经过了精心的设计。你可能一眼看上去就会对一个网站有第一印象，喜欢还是不喜欢。但有好的设计不仅仅是创造一个美观的布局。你还要考虑的是如何去使用这个网站，如何帮助访客更好地透过网页效果完成他们所想要达到的目的和任务。
Data Visualization的创始人兼CEO Amit Das对此应该很有发言权。
这是在设计上与Reddit、4Chan等站的巨大差距。差距来自今天内容消费者对于媒体的预期已经从聚合内容转移到了用户生成。就像Facebook和Twitter这样的社交媒体以及，一些分类驱动的内容平台就像Craigslist那样，当然还包括一些论坛像黑客新闻。
但我们从上述网站的现状来看，他们已经存在很长一段时间了。在2016年到来之际并没有初步达到受众的期望。作为组织，他们的重点是偏向于内容业务，他们有强有力的流量和用户基础。例如Reddit，这是全球点击量排名第32的网站。
人们总是期待着有新的竞争对手的加入，有更好的设计和视觉效果来挑战这些旧的网站。这就像房产网站Trulia挑战Craigslist那样。但是却有不得不面临流量这座大山，要知道房产搜索一大部分流量都来自于Craigslist。而这仅仅是Craigslist在全球广告业务的冰山一角。
▍到底是什么造就了丑爆了的设计？
一些最可能的原因就是以下几点：
- 易读性不佳：各种字体和冲突的颜色可以让网站很难读，特别是一些很长很难度的帖子。
- 网站导航混乱：如果用户在您的网站上不知道该看些什么，或者不知道一个链接会给他们带来什么，他们不会在你的网站待多久。
- 加载缓慢：如果你的设计使用了很多脚本，图片和动画，那么打开你的网站就需要很长一段时间，因为需要慢慢加载。一般人可等不起。
如果身为设计师的你规避了以上几点，相信您已经具有一定的设计水准。
维基百科的版面设计看起来好像也已经过时了，但是里面的信息都还是清晰可辨。Reddit可能第一次使用的时候不是那么好用，但是它的加载及其迅速而且在与众多站点的比较当中都算得上是轻量级的。
没有说笑，这就是The Drudge Report在2016年你会看到的样子。
在2008年，Basecamp的联合创始人Jason Fried认为The Drudge Report的版面设计是相当成功的，他认为即使在今天一些设计理念也是很好的。因为它的设计理念很经典，易于维护且兼容性强。另外它的设计也是真正独特的。
这些就是重要的考虑因素，因为一个坚实的设计是需要花费时间反复迭代、反馈并认真实施的。
Hacker News的布局灵感来源于UNIX
Y Combinator的黑客新闻编辑Daniel Gackle解释了为什么vote-based 链接能够将创业者和开发者零散的界面这么好地连接起来：
这是因为Hacker News强调内容高于一切，花哨的UI界面会把人们的注意力分散。而这里面的文字和编码内容却是永恒的。Hacker News的信息密度是经过仔细校准过的，想要挤出更多的空间塞信息进去或者使得信息太轻薄都不实际。
Hacker News的设计指导精神其实也是为了简化，而且是要让读者自己决定什么是好的。
要做出一个漂亮的东西是基于代码脚本设计的，页面需要最小的负荷。我们用户关心的东西可能很多，我们要做的一定要比他们更多。社区也有其自身的优势，我们追求的是经典而不是现代。同时，我们希望吸引人的东西是内容，而不是花哨看起来新奇的东西。
▍有时候丑是不可避免的
腾讯的主页看上去就是一个忙碌的典型。
在外国人看来，中国的信息摄入以及互联网速度普遍比较低，一些网站也因此可以减轻网站的链接负担，有的也刻意减少用户的想要查找的页数。
根据Reddit和The Drudge Report的案例显示，用链接来填充页面是一件十分不可行的事。虽然一方面，它长得不漂亮，但另一方面，它却可以让你快速浏览大量的有效信息，让你的时间价值最大化。优化网站只是为了让新的访问者能够更好地去找到这些新闻来源，这么做也都是在经典的设计基础上做出的一些新的小尝试。
Gackle更提到了：
Hacker News的缺点在于他对于新访客来说有点儿神秘。在早期，探索未知像是一种乐趣，但到了现在更像是在解决一个难题。但是事情状况不会这样一直持续下去，当网站有了更大的内容储量时，必须解决掉易读性这个问题。一旦设计更复杂，那么事情不会变的清晰简单。显然我们不会这么做。
▍那改变会是好事吗？
当我们还在对于网站设计缺陷颇有微词的时候，唯一的解决办法就是彻底地改造他们。但有一点值得注意，重新设计对于用户来说是一次冲击，Digg当时这么做的时候就使得用户数量下降了可怕的34%，虽然它有了一个全新的面貌。
Das说明了为什么大改版不会是一件好事：
- 考虑到这是一些大流量的网站，一些小的设计变化都可能造成一些大的冲击。事实上Reddit最近在做一些设计上的改动测试，这个动作最起码表明了其实他们也是在适应设计技术的发展变化。
- 很多人认为Reddit会进行大改版，但是一点一点的不断做一些小的改动才应该是理想的，因为这样不会影响站点内的主要业务及变化。
- 当然大改动还是小改动都有可能通向成功，就像DeviantArt这个世界上最大的艺术和设计社区。重新整顿了网站以全新的品牌运营了几年后，还不错。这其实都是因为产品核心的DNA并没有改变，它仍然在慢慢改变内部的页面模板。他们认为要跟上技术的发展变化，不断做出变化是一个好的方法。
Gackle也阐述了一下Hacker News的主张：
- 相比起一下激起大的水花我们更喜欢以温水煮青蛙的方式来进行改变。其实我们跟我们的一些用户一样，都讨厌改变。我们实际上已经改变了很多在过去两年的事情，但有些东西就是只适合原来那样的，不需要有多少的变化和差异。当添加新功能的时候，程序员如果发现在代码上不用太大变化的话会很有乐趣。因为这验证了他们之前设计的价值。
- 我们喜欢的变化是把一些不必要的东西给拿掉，YC和Hacker News的CEO Paul Graham就是一个如此追求简单的人，对于我们来说，胜利就是看见我们的结构不断简化。
- 当你添加了新功能然后再把它删除掉的时候，你会发现简化的感觉真好。有一件事情我们不会做，那就是追求时尚潮流的设计。这对于Hacker News来说是一个很大的工程，因为首先你要去学习更多，然后透过重新的运营去提高内容的质量。
有哪些长得很丑的网站，可是你却很喜欢的，请告诉我们！
本文系作者：
运营那些事儿
授权发表，鸟哥笔记平台仅提供信息存储空间服务。
本文为作者独立观点，不代表鸟哥笔记立场，未经允许不得转载。
《鸟哥笔记版权及免责申明》
如对文章、图片、字体等版权有疑问，请点击
反馈举报
我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求，为完善跟帖评论自律管理，为了保护用户创造的内容、维护开放、真实、专业的平台氛围，我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容，同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。
一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规，对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息，主要表现为：
1)反对宪法所确定的基本原则；
2)危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一，损害国家荣誉和利益；
3)侮辱、滥用英烈形象，歪曲、丑化、亵渎、否定英雄烈士事迹和精神，以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉；
4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动；
5)煽动民族仇恨、民族歧视，破坏民族团结；
6)破坏国家宗教政策，宣扬邪教和封建迷信；
7)散布谣言，扰乱社会秩序，破坏社会稳定；
8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪；
9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；
10)侮辱或者诽谤他人，侵害他人名誉、隐私和其他合法权益；
11)通过网络以文字、图片、音视频等形式，对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法规禁止的其他内容；
2. 不友善：不尊重用户及其所贡献内容的信息或行为。主要表现为：
1)轻蔑：贬低、轻视他人及其劳动成果；
2)诽谤：捏造、散布虚假事实，损害他人名誉；
3)嘲讽：以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述，以此来激怒他人；
4)挑衅：以不友好的方式激怒他人，意图使对方对自己的言论作出回应，蓄意制造事端；
5)羞辱：贬低他人的能力、行为、生理或身份特征，让对方难堪；
6)谩骂：以不文明的语言对他人进行负面评价；
7)歧视：煽动人群歧视、地域歧视等，针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击；
8)威胁：许诺以不良的后果来迫使他人服从自己的意志；
3. 发布垃圾广告信息：以推广曝光为目的，发布影响用户体验、扰乱本网站秩序的内容，或进行相关行为。主要表现为：
1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式：
2)单个帐号多次发布包含垃圾广告的内容；
3)多个广告帐号互相配合发布、传播包含垃圾广告的内容；
4)多次发布包含欺骗性外链的内容，如未注明的淘宝客链接、跳转网站等，诱骗用户点击链接
5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光；
6)购买或出售帐号之间虚假地互动，发布干扰网站秩序的推广内容及相关交易。
7)发布包含欺骗性的恶意营销内容，如通过伪造经历、冒充他人等方式进行恶意营销；
8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。
4. 色情低俗信息，主要表现为：
1)包含自己或他人性经验的细节描述或露骨的感受描述；
2)涉及色情段子、两性笑话的低俗内容；
3)配图、头图中包含庸俗或挑逗性图片的内容；
4)带有性暗示、性挑逗等易使人产生性联想；
5)展现血腥、惊悚、残忍等致人身心不适；
6)炒作绯闻、丑闻、劣迹等；
7)宣扬低俗、庸俗、媚俗内容。
5. 不实信息，主要表现为：
1)可能存在事实性错误或者造谣等内容；
2)存在事实夸大、伪造虚假经历等误导他人的内容；
3)伪造身份、冒充他人，通过头像、用户名等个人信息暗示自己具有特定身份，或与特定机构或个人存在关联。
6. 传播封建迷信，主要表现为：
1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病；
2)求推荐算命看相大师；
3)针对具体风水等问题进行求助或咨询；
4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失，包括通过占卜方法问婚姻、前程、运势，东西宠物丢了能不能找回、取名改名等；
7. 文章标题党，主要表现为：
1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户；
2)内容与标题之间存在严重不实或者原意扭曲；
3)使用夸张标题，内容与标题严重不符的。
8.「饭圈」乱象行为，主要表现为：
1)诱导未成年人应援集资、高额消费、投票打榜
2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
5)通过「蹭热点」、制造话题等形式干扰舆论，影响传播秩序
9. 其他危害行为或内容，主要表现为：
1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的；
2)不当评述自然灾害、重大事故等灾难的；
3)美化、粉饰侵略战争行为的；
4)法律、行政法规禁止，或可能对网络生态造成不良影响的其他内容。
二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时，本网站将依据相关用户违规情节严重程度，对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号，或者滥用多个帐号发布违规内容时，本网站将加重处罚。
三、申诉
随着平台管理经验的不断丰富，本网站出于维护本网站氛围和秩序的目的，将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议，可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)