收藏本站|设为首页

您现在的位置: 首页 > 新闻中心 > 建站经验 > 详细内容

网站改版十年夜出色案例分享

2012-06-27 15:44 来源: 卓杰科技 www.zhuojie.cc [ ]

在新设计中,经由过程定位,基于用户位置的相关信息填充于首页。这年夜年夜便利了用户寻找他们感乐趣的地舆位置。

改版后的网站与之前的版本有良多相似之处。它保留了良多原始色彩(最显著是黄色和黑色)。

前段时刻,我们针对网站改版的注重事项及改版体例进行了切磋,并揭晓了文章《不要盲目进行网站改版 需遵循几年夜原则》、《若何适当地进行网站改版?》,那媚暌剐哪些网站改版案例值得我们借鉴与进修呢?Web设计师Mohammad Moradi曾经揭晓博文《An Exploration of Website Redesigns: Tips and Examples》,文平分享了网站改版的十年夜出色案例。CSDN对该文进行了编译,内容如下:

无论对网站,仍是对用户来说,网站改版看起来似乎是一个令人兴奋且十分有趣的项目。建树一个新设计的同时继续连结网站原有的品牌与内容,也是相当刺激与富有挑战性的。这种类型的挑战对于年夜部门Web设计师来说很具有激励浸染。

网站在内容及适用上的缺陷永远无法经由过程改善网站的美不雅察看度来解决。

设计,作为最根基的形式之一,是解决问题的行为,注重到这一点很主要。无论它是为体味决耐用性及旌旗灯号强度问题,同时连结移动电话的完美性,仍是对导航进行设计,以便操作户更易发现内容,设计都应该有必然的目的性。

这里列出了一些网站改版的原因:

● 网站对用户不友好;

● 一些客不美观的信息(好比数据剖析所收集到的数据),清楚地剖明设计呈现了问题;

● 过时的网站设计,损害了用户体验(如基于表格的结构、动态的Gif布景、过时的交互体例);

● 贫窭能显著晋升用户体验的特征; 

尽管如斯,但网站改版在打算和实施上都较坚苦。它具有一些限制,而这些是在新建树网站的过程中凡是不会存在。我甚至认为,对网站进行改版往往频年夜草图起头设计一个网站加倍坚苦。

● 信息架构出缺陷(导航、分类等);

网站真的需要一次彻底周全的设计吗?现存的问题是否能经由过程对部门内容的年夜头设计或重组来解决呢?我们可以对产物站点进行快速、无缝地迭代,对网站的部门内容进行重设计就足够了。

改版思维:集中精神解决问题

Six Apart在改版中改变了页面的结构结构和颜色。

例如,电子商务网站的结帐表单让用户体验变得很粗笨,我们可以专注于那些问题组件,更高效地操作资本,而不必把我们的精神分手地花在措置所有事务之上。

一个网站的成功,最主要的元素是它的内容和方针。无论是为人们供给交流的网站(如Craigslist),仍是为人们供给信息的网站(如Wikipedia),成功都是可测量的,这一切都是基于网站的适用性而非美不雅察看度。

老版的设计结构倒置了这一理想的眼睛扫描标的目的。

我们将经由过程回首回头回忆和评论一些网站(如Yallow、Mazilla和Blinksale)在网站改版上所做的全力来研究一下网站改版这个课题。

网站改版必需与网站的方针相匹配。设计必需撑持网站的方针。

网站改版案例分享

为了进一步试探这个主题,让我们来研究几年夜网站在改版上所做出的全力。

部门内容改版

Yellow Pages

按照该网站的“关于”页面可知,Yellow Pages网站的方针之一是“为用户供给适用工具:用起码的点击,辅佐用户糊口更好的一站式网站。”

是以,该网站改版后的结不美观应该是增添内容的易找性;降低达到所需内容的点击数。网站改版后达到这个方针了吗?让我们看看。

老版本

尽管如斯,新设计面向新的用户供给了清楚的“步履呼吁”。它清楚的结构凸起了主要的网军功能。它供给了更好的内容,向那些潜在的用户对关于本应用的良多问题供给了谜底。

新版本

老版本

除此之外,新设计在美不美观上也有了显著提高。一些可能有用的老功能都被去失踪了。

例如,“More Tools”标签被移动到一个不太轻易访谒到的处所。用来辅悔改老用户提高搜索发芽的“search tips”链接被移除了。

首页应用了良多图片,虽然这样可以使网页加倍活跃,但却减低了客户端的机能。如不美观这些并不能晋升用户体验,无法撑持网站的方针,那么此次改版长短常概况的。

Blinksale

Blinksale,作为一个Web应用,但愿拥有一个可以提高转化率的网站结构,以便新用户更快速地体味到该工具若何工作,并能快速地发现注册进口。年夜这个方面来说,Blinksale新的设计对比老版本,有一些利益。

老版本

● 网站改版可以提高网站的收益;

新版本

● 与现有的企业品牌不贴合。

我们假设年夜部门的用户习惯年夜左到右浏览页面,那在老版本的设计中,用户需要在网页上不竭往返扫描。

一个但愿注册的访谒者,他的逻辑思维一般是先弄年夜白Web应用的用途及价钱信息后才会抉择去注册。

Six Apart

老版本

新版本

新设计年夜视觉和感受上比老版本更邃密,更文雅。在新设计头部的搜索框是不错的新特征。

Plaxo

该例中,我们能看到网站改版所带来积极和消极(潜在的)的结不美观。

如不美观仅仅年夜美学出发,而考虑年夜头设计一个已存在的网站,我认为改版的能动性是不够的。

新版本

为什么要进行网站改版?

新设计使用户更轻易注重到页面中所呼吁的步履——使用“区此外艺术”对它进行凸起显示,便操作户一眼就看到。经由过程在左侧放置精练的优势列表和价钱信息,用户也可很轻易体味该应用的卖点——它的价钱若何,它区分于其他竞争者的怪异之处是什么。

在老版本枰蛳鹿龆趁娌拍芊泌说剿枘谌荨?/p>