网站改版 内容排序(研究几大网站改版后达到这个目标了吗？(图))

　　网站改版 内容排序(研究几大网站改版后达到这个目标了吗？(图))

　　为了进一步探讨这个话题，让我们研究几个主要网站在修订中所做的努力。

　　黄页

　　根据网站的“关于”页面，黄页网站的目标之一是“为用户提供实用工具：用最少的点击，帮助用户一站式过好生活< @网站。”

　　所以，这次网站改版的结果应该是增加了查找内容的便利性；以减少到达所需内容的点击次数。网站 改版后这个目标实现了吗？让我们来看看。

　　旧版

　　新版本

　　网站的修订版与之前的版本有很多相似之处。它保留了许多原创颜色（最显着的是*敏*感*词*和黑色）。

　　在新的设计中，定位后，主页上会根据用户所在位置填充相关信息。这极大地方便了用户找到他们感兴趣的地理位置。

　　此外，新设计在美观性方面也得到了显着提升。一些可能有用的旧功能已被删除。

　　例如，“更多工具”选项卡已移至不易访问的位置。用于帮助新用户和现有用户改进搜索查询的“搜索提示”链接已被删除。

　　大量的图片应用到了首页，虽然这样可以使网页更加生动，但是却降低了客户端的性能。如果这些都不能提升用户体验，不能支持网站的目标，那么这次改版就很肤浅了。

　　闪购

　　Blinksale作为一个web应用，希望有一个网站布局，可以提高转化率，让新用户快速了解工具的工作原理，快速找到注册入口。在这方面，Blinksale 的新设计比旧版本有一些优势。

　　旧版

　　新版本

　　新的设计让用户更容易注意到页面上调用的动作——使用“差异艺术”来突出显示，让用户一目了然。在左侧放置了一个简洁的优势和价格信息列表后，用户也可以很容易地了解该应用程序的卖点——它的价格是什么，以及它与其他竞争对手的独特之处。

　　假设大多数用户习惯于从左到右浏览页面。在旧版本的设计中，用户需要不断地在网页上来回扫描。

　　一个想要注册的访问者，他的逻辑思维通常是先了解Web应用程序的用途和价格信息，然后再决定注册。

　　旧的设计布局颠倒了这个理想的眼睛扫描方向。

　　六个分开

　　Six Apart 在修订版中更改了页面的布局和颜色。

　　旧版

　　新版本

　　新的设计在视觉和感觉上比旧版本更精致、更优雅。新设计头部的搜索框是一个不错的新功能。

　　普拉克索

　　在这个例子中，我们可以看到网站的改版带来的正面和负面（潜在）的结果。

　　旧版

　　新版本

　　在旧版本中，Plaxo 有一个突出的水平导航栏和一个精简的主页。

　　老版本中的导航菜单已经被省略了，这意味着习惯了这个功能的老用户现在必须从头开始学习如何导航这个网站。新设计加长了页面长度，许多用户不得不向下滚动页面才能访问所需的内容。

　　尽管如此，新设计为新用户提供了明确的“行动号召”。其清晰的布局突出了重要的 网站 功能。它提供了更好的内容，并为潜在用户提供了有关此应用程序的许多问题的答案。

　　思考极客

　　ThinkGeek 的新版本就是一个很好的改版例子。

　　旧版

　　新版本

　　保留并优化了旧版本中的一些有效组件。例如，左侧的垂直导航菜单保持在原来的位置，但重新设计了布局，使其更易于阅读和更具视觉吸引力。

　　搜索框已重新定位，以便用户可以更方便地搜索特定产品。与垂直导航菜单恰当结合，相得益彰。

　　此外，还增加了一些新功能，例如横向导航栏和购物车状态信息。

　　设计不仅让网站更加美观，还改进了页面的布局，增加了实用的功能。

　　乔伊恩

　　当我第一次看到Joyent的旧版设计时，直到看到网站的短信，我才知道公司能提供什么。旧版设计的主题——虽然独特且吸引人——似乎并没有明确支持和代表公司的功能。

　　旧版

　　新版本

　　更新的设计非常好。它保持原创导航。新设计在美学上更新鲜，对他们的典型用户更具吸引力：IT 经理、CTO、服务器管理员等。新设计添加了有用的组件，例如公司的联系信息（在 网站@ >)、侧边栏的“号召性用语”按钮，以及页面底部的导航（引导现有用户和潜在用户进入内部页面）。

　　Mozilla

　　Mozilla网站 似乎总能看到一些非凡的设计。Mozilla 的改版使用了创新的设计技术，并增加了很多有用的功能。

　　旧版

　　新版本

　　保留了有效功能，同时增加了一些新功能，即电子邮件注册表和突出显示功能内容的幻灯片。新的 网站 布局看起来不那么杂乱，这主要是由于超链接和设计元素之间缺少大量空白。

　　REI

　　REI 是一个很好的案例。修订中使用了许多新技术和新技术。

　　旧版

　　新版本

　　主要导航主题和信息架构基本没有变化。作为一个电商网站，改变一些忠实用户已经习以为常的东西会让他们感到不安。这意味着在 网站 修订版中应该特别小心导航等组件。

　　图片轮播和多级水平导航栏的使用是新网站设计的两大变化。

　　戴夫·威尔金森

　　这是面向 Web 开发人员的简历样式 网站。网站开发人员和设计师以能够快速更改他们的网站版本而闻名，反映了当前最流行的设计趋势。

　　旧版

　　新版本

　　新旧版本之间的差异是巨大的。几乎一切都已改变。网站的Logo、slogan、色彩、设计风格、布局、个性、信息密度——都得到了提升。

　　电子贸易

　　Etrade的改版更像是一次内容重组。

　　旧版

　　新版本

　　布局中的大部分组件都没有变化，即使有，变化也很小。

　　但是，网站 中某些设计元素的位置已更改。同时，删除了左侧的垂直导航菜单，将连接安排在了另一个合适的位置，在水平导航栏上，减少了可能出现的混乱——不用担心是哪个菜单连接被放置，同时释放一些空间。

　　综上所述

　　网站 的改版真是一个诱人的想法。在为此努力之前，我们必须仔细计划并考虑一些重要因素。

　　首先要确定是否需要进行网站改版。网站的改版不仅仅意味着改变了网站的外观，还增加了一些缺失的功能，弥补了设计上的不足，重新组织了信息架构，去除了不必要的组件，让用户界面更加更清晰、更强大的功能。（编译：​​陈秋歌）

　　译者注：本篇博文发表于2011年6月20日，目前对部分网站进行了相应的修改。

　　原文链接：网站重新设计探索：技巧和例子

　　CSDN连接：