alibaba的help首页改版心得
“良是”通过精心收集，向本站投稿了7篇alibaba的help首页改版心得，以下是小编收集整理后的alibaba的help首页改版心得，仅供参考，欢迎大家阅读。
篇1：alibaba的help首页改版心得
Help项目结束了，写了一份心得，与大家共勉，不知道大家是否有用过或看过之前我们的help频道，下面截了几张改版前后的屏幕截图：
老help首页：
改版后help首页根据用户群的不同区分为新用户首页和老用户首页：
新用户看到的：
老用户看到的：
具体为什么这么改，我这里没有讨论，在这里跟大家分享的更多的是做这个项目的过程中所体会到的，所学到的有关如何做项目的一些体会，希望对大家有帮助，
下面把我的一些个人感受写下来，其目的一是为了对自己工作的一个总结，项目的心得体会只有总结提炼出来才是自己的宝贵财富，才是自己的积累；其二是想把工作中自己遇到的一些问题写出来，可能这些问题不光我会遇到，其他的同学也会遇到相似的问题，写出来跟大家交流分享。
篇2：化妆品网站Skinstore.com首页改版评价
这篇文章很不错，对于网页设计师或站长来说都有启发意义，我们可以从化妆品网站Skinstore.com 的首页改版中，寻找电子商务网站的设计原则以及特点，对于制作和设计此类电子商务网站有很好的启发作用，
化妆品网站Skinstore.com首页改版评价
。Skinstore.com 是一个美国的专营化妆品的站点，经常搞促销活动，折扣比较吸引，做美国代购的或者喜欢国外购物的人士大多都熟悉她。
SkinStore.com运营得很成功，而且，她的网站设计、用户体验设计等也是非常的成功的，本文就
以其针对其主页的设计进行分析评价，为读者提供一些设计电子商务主页的参考：
由于她的主页比较长，所以我分为两屏分别截取和讲解，下面是上面一屏，图中打上数字标识的我
在下面会一一讲解：
顶部导航设计得很简约：
1）Shopping Cart独占一行，因为它的长度是动态的。
2）常用的链接在顶部，各个页面都能看到，很方便。
搜索放在左侧，和一般放在右侧不太一样，但是为了突出右侧的重要优惠广告，也就可以接受。
将网站的两大全局优惠及其条件放置在最为显眼的顶部右侧，很吸引眼球。这点在设计上可以参考。
“the daily special”栏目对新老顾客都很有吸引力，我想该图标的点击率一定很高。
把导航全部放在左侧，而不像大多数站点占用顶部作为放置一级导航的首选。这种做法对于本站点问题不是太大，
因为它的导航分类得非常清晰好用，
如：
Shop->First Time Shopper针对新用户设计。
Shop By Brand针对品牌忠诚顾客。
Special Offers针对喜欢折扣的顾客等等，总有一样适合你。
虽然很多站点都采用Tab作为主页产品的分类展示，但是我比较欣赏的是它的Tab的名称，非常的人性化，
是从顾客思考的角度来设计Tab名称，我相信顾客使用时会比一般的Features Product、New Arrival更加有亲切感。
每个产品以橱窗形式，底色用白底，体现出产品的高雅，白色的Add to Cart和整体设计都很配。
用一张横幅广告作为上面的主体部分和下面的文字内容的分隔，这点做得很巧妙，对于大多数用户而言，只会
看到一屏之内的产品，甚至错觉以为该广告就是这页面的底部了。
这部分表面上是一些皮肤保养、化妆技巧知识，但是实际上作为页面的功能，我认为它更主要是为了SEO，而且
这部分的设计比上次我介绍的ProFlowers.com的下面部分SEO更加的好，因为一般的SEO文字，对访客而言是没有什么
可读性、可用性的。但是这部分的设计兼顾了SEO和用户体验，值得我们在设计上借鉴。
对比essentialdayspa.com下面部分的关键词堆砌，这里显然高明得多。
这部分是邮件订阅登记用，我个人觉得邮件订阅就应该独立占据一行，比藏在一个角落好多了。这个功能其实对
提供转换率很有帮助，只是目前在国内并不太重视，又或者做得不好。
篇3：如何做首页改版: 阿里巴巴中国站改版经验谈
同任何网站一样，阿里巴巴首页的每次改版也都是一次纠结和挣扎的洗礼，设计的过程总是痛苦的，因为判断和选择总是艰难的，这里我们并不想叙述改版的整个流程——尽管不同团队的架构和设计团队的职责有所差异，但除了决策过程不同外，大公司抑或小公司在流程上并无本质区别。我们在此是想通过总结我们在改版过程中经验和教训，以及对于首页甚或产品redesign的思考，
以下是我们觉得必要的思考流程以及一些方法和关键点：
一、关于定位的思考
在首页改版之前，结合网站整体的策略变化我们首先思考以下三个问题：
1、改版的目的/目标是什么?
是配合网站整体战略的调整，还是用户体验的改善和提升，是自上而下的网站转型升级，还是自下而上的流量再分配?…
这些因素也决定了首页的设计思路是宏观还是微观，是信息层面的梳理还是视觉表达的优化。
2、首页的用户是谁?
用户是谁，用户特征是什么，用户的需求和价值在哪里?
考虑这个问题时，需要对于用户类型做相应的区分，不同的网站可能根据网站服务的特征来区分不同的用户群，比如：
1、时间：新用户与老用户
2、
篇4：阿里巴巴UED：Alibaba国际站首页改版小结
阿里巴巴国际站(Alibaba.com) 是全球最大、最有影响力的B2B电子商务平台，是阿里巴巴集团的旗舰公司，长期以来，阿里巴巴国际站视觉风格并未随着业务的突飞猛进而有更富魅力的改变， 呈现在用户面前的，依旧是稍显过时的设计风格。随着用户需求和公司业务的压力，对网站的视觉重构就成了迫在眉睫的事情，是时候来一次激动人心变革了!
一. 目前线上版本分析
上图为目前线上版本，较的版本，总体设计风格和信息结构没有太多的变化：
1. 首页没有传递出Alibaba.com的业务方向和核心价值;
2. 随着业务方向发展，不能满足业务需求;
3. 设计风格过时，设计风格不统一。
二. 用户需求分析
分析用户需求之前，一起来看一下外贸B2B生意从工厂到发货的重要环节有哪些，Alibaba对应这些环节有哪些相关配套服务。
通过用户调研分析，目前网站用户对Alibaba.com提供的这几个核心服务的认知度较低，所以这次首页改版的首要目标就是要进行用户教育并传递网站的核心服务，
三. 信息推导——框架结构
William Strunk和E. B. White的《The Elements of Style》里写到：”越精简的文字越有力。一句话里不应该有多余的词儿，一段话里不应该有多余的句子。同样，一幅画里不应该有多余的线条，一台机器也不应该有多余的零件。”
对首页信息进行重新梳理，去掉长期没人运营的冗余信息;重新调整信息结构，核心位置传递网站核心价值信息;只专注那些用户最需要的功能，用20%的基本功能去满足80%用户的需求。
新首页最终线框图
四. 视觉推导——风格、色彩
新视觉风格探索主要从以下几个维度考虑
1. 色调，感受，明亮的，柔和的，还是暗沉的;
2. Icon，字体，统一性，传达的感觉，Icon和字体要有连续;
3. 松紧度，留白，行间距，字间距，宽松度;
4. 结构，整齐的，流式的，开放的，还是闭合的。
设计趋势
近几年来，随着Metro风格的简洁与直观、Google全新的UI体验、Android 4.0系统的平面化，各大主流界面的风格都趋向于简洁，结构清晰，信息突出，减少噪音。
新首页视觉关键字
篇5：TOM.COM网站首页改版的体验感受
没有任何征兆的在cnBeta上看到关于TOM.COM网站改版的新闻，说是页面可以自定义了，这给我的第一想法就是：TOM.COM开始像一些Web2.0的网站学习开始走WEB2.0的道路了。于是链接进去体验了一把，下面说说我的体验感受：1、对于这个自定义页面的功能，新鲜感上没什么好说
没有任何征兆的在cnBeta上看到关于TOM.COM网站改版的新闻，说是页面可以自定义了。这给我的第一想法就是：TOM.COM开始像一些Web2.0的网站学习开始走WEB2.0的道路了。于是链接进去体验了一把，下面说说我的体验感受：
1、对于这个自定义页面的功能，新鲜感上没什么好说的，早就有所谓的WEB2.0的网站实现了。现在的互联网上这种网站一抓一大把，可是多数是一些二流的网站，像TOM.COM这样的传统大门户在国内还是没有先河的（国外很早就有了）。如果说网易首页的改版只是在WEB2.0的道路上走了小小的一步（极其甚小的一步，甚至都不算是WEB2.0），那么TOM.COM就是朝WEB2.0跨出了大大的一步；
2、对于早已经被排除在三大门户之外的TOM.COM来说，这次改版也是一次无奈之举。面对其它几大门户的挤压，每况愈下的TOM只能通过其它更彻底的方式来保持住自己剩余的用户，而这种彻底的方式就是选择走上WEB2.0的道路，一切以用户为主；
3、相比于技术而言，内容永远是更为重要的一点，“内容为王”是一个网站存活的不二法则。但是在这个信息化爆炸的年代，各种各样的内容充斥着互联网，那些门户网站们也恨不得把所有的信息都搬到首页上来以显示他们内容的丰富程度，所以我们看到都是那种长长的密密麻麻的充斥着各种信息的页面。但似乎那些门户网站们忘记了很重要的一点，“内容为王”之后应该是“互动为主”，而不是让那些信息死板的呆在首页的某个地方。更何况这些繁杂的信息并不是每个上他们网站的用户都需要的，也许用户们只是需要其中很小的一点，于是他们就要辛苦努力的去找寻相关信息。网易在改版首页时大面积的使用了Tab式的导航栏，很大程度上节省了用户的时间，算是在门户网站中第一个具有更好可用性设计的，可是这次TOM.COM更为彻底，将可用性更进一步的深化，完全可以将TOM.COM的首页定制成自己的个人主页，人性化程度全面超越其他国内门户；
4、TOM.COM的WEB2.0还做得不够彻底，
WEB2.0最主要的一点就是互动，虽说TOM在与用户的互动上已经全面超越了国内的其他门户，可是他的互动还不够彻底，TOM的互动仅仅是停留在他的内容之上，就是说还无法与外来的内容进行互动；
5、在TOM.COM的论坛看了一下对这次首页改版的评价，几乎是骂声一片，在cnBeta的评论中也几乎没有什么好评。究其原因，很大的程度上是国人还不能接受一个传统门户如此彻底而巨大的改变，特别还是在事先没有任何预告的情况下。（网易的改版还提前预告了好几天呢）另一个大原因，我觉得应该是TOM.COM的内部原因，因为这次改版后首页的发布并没有做够完善，特别是邮箱这一块，是所有骂声里最为严重的。要知道对于一个门户来说，邮箱是他们粘住用户的有力武器，或者可以说，邮箱是用户们之所以选择他们的很大原因。对于这么重要的一点，TOM.COM却事先没有做好完善的准备，所以骂声一片也是在所难免的；
6、通过TOM.COM首页的这次改版我们可以得出这样的一个观点：TOM以后将会以娱乐化为主。这点从它首页上可定制的模块就可以看出来，在所有能添加的模块中娱乐时尚方面的新闻占据大部分，而这样做的目的相信也是想在差异性方面找发展道路，因为要论做新闻，没有其他门户网站会是新浪的对手。所以TOM首页的这次改版也多多少少的预示了它今后可能的发展方向；
7、TOM.COM的娱乐化做得过了一点。这样可以吸引年轻一代的用户们，可同时也会丢弃很多的老用户，如何在这之间做出一个取舍，将会成为TOM将来的一个话题；
8、人的认知度存在一个缓冲的过程，TOM.COM这次改版给它的用户们的缓冲时间不够，不可能一下子就被接受，它只能在用户们的一次次声讨中慢慢被接受。一个产品的成熟并不是一次性就可以达成的，随着用户认知度的提升，随着本身不停的改进完善，最终才能成就一个成熟完善的产品。
TOM.COM的这次改版是一个大胆的尝试，甚至是一种自我毁灭式的尝试，这种敢于尝试的勇气是新浪网易们所不具有的。希望TOM.COM的这次改版可以给国内的其他门户引领一个方向，将更好的互动与可用性带给用户。
篇6：Alibaba国际站首页改版小结 交互设计
阿里巴巴国际站（Alibaba.com）是全球最大、最有影响力的B2B电子商务平台，是阿里巴巴集团的旗舰公司，长期以来，阿里巴巴国际站视觉风格并未随着业务的突飞猛进而有更富魅力的改变，呈现在用户面前的，依旧是稍显过时的设计风格。随着用户需求和公司业务的压力，对网站的视觉重构就成了迫在眉睫的事情，是时候来一次激动人心变革了！
一. 目前线上版本分析：
改版前Alibaba国际站首页
上图为目前线上版本，较的版本，总体设计风格和信息结构没有太多的变化：
首页没有传递出Alibaba.com的业务方向和核心价值；
随着业务方向发展，不能满足业务需求；
设计风格过时，设计风格不统一。
-
二. 用户需求分析：
分析用户需求之前，一起来看一下外贸B2B生意从工厂到发货的重要环节有哪些，Alibaba对应这些环节有哪些相关配套服务。
通过用户调研分析，目前网站用户对Alibaba.com提供的这几个核心服务的认知度较低，所以这次首页改版的首要目标就是要进行用户教育并传递网站的核心服务。
三. 信息推导——框架结构
大牛William Strunk和E. B. White的《The Elements of Style》里写到：”越精简的文字越有力。一句话里不应该有多余的词儿，一段话里不应该有多余的句子。同样，一幅画里不应该有多余的线条，一台机器也不应该有多余的零件。”对首页信息进行重新梳理，去掉长期没人运营的冗余信息；重新调整信息结构，核心位置传递网站核心价值信息；只专注那些用户最需要的功能，用20%的基本功能去满足80%用户的需求。
新首页最终线框图
Alibaba.com主要功能区，全站性买家主功能入口（顶部导航，类目，搜索）；
核心服务，网站服务以及用户教育，对新买家的初步教育以及价值展示，老买家的流程引导和网站服务介绍；
网站运营区域（次banner运营活动，Bargain Buys，GSD产品区域）；
推送热门产品，展示和买家浏览行为相关的产品；网站Site Map以及应用拓展。
-
四. 视觉推导——风格、色彩
新视觉风格探索主要从以下几个维度考虑
1. 色调，感受，明亮的，柔和的，还是暗沉的；
2. Icon，字体，统一性，传达的感觉，Icon和字体要有连续；
3. 松紧度，留白，行间距，字间距，宽松度；
4. 结构，整齐的，流式的，开放的，还是闭合的，
设计趋势
近几年来，随着Metro风格的简洁与直观、Goole全新的UI体验、Android 4.0系统的平面化，各大主流界面的风格都趋向于简洁，结构清晰，信息突出，减少噪音。
新首页视觉关键字
新首页视觉关键字
寻找新色彩
通过视觉关键字寻找新色域
确定配色
确定配色
蓝色是灵性知性兼具的色彩，在色彩心理学的测试中发现几乎没有人对蓝色反感。明亮的天空蓝，象征希望、理性、理想、独立等。ColourLovers.com公布了一项调查结果，美国前100大网站的Logo，主要使用12种颜色。其中，采用蓝色的网站最多，红色排在第二种。
五. 设计展示
我们把用户需求转化成信息结构，并在用户群体的生活空间里寻找到网站的颜色趋向，接下来，我们把理论转化为交互和视觉的表现方式，新的国际站设计风格从而顺利诞生了。
Alibaba国际站新首页
一致性和标准化
一致性意味着产品界面的不同模块要有相似的外观、感觉和行为。这次改版，我们对网站核心页面同时进行了优化，为用户提供无缝而舒服的浏览体验。
Alibaba国际站新首页_2
Icon重绘
老版本的Icon一是样式不统一；二是原来的Icon质感太重。在新版设计中，我们对新Icon全部采用扁平化处理，用实色填充新绘制的Icon更加能体现出新版本的简洁、清新。
Icon重绘
重新绘制UI组件
简单和统一是体验的关键。新绘制的UI组件，尽可能的去减低UI元素的强度；新绘制的Button采用CSS3实现圆角和渐变；每个组件有2-3个不同的尺寸，尽最大可能为用户带来统一的体验。
重新绘制UI组件
六. 效果反馈
由于考虑到时间和篇幅问题，这次小结还有很多细节没有分析到，比如首页为什么采用990px网格系统，布局上采用怎样的逻辑路径是合理而有效的等。后续会继续给大家分享。新首页发布后，做了A/B测试，做了针对新首页的用户调研，新的视觉风格也得到了多数用户的肯定。引用一位归国华侨对阿里巴巴国际站改版的评论。新首页改版只是我们跨出优化阿里巴巴国际站体验的第一步，后续还会对整站其他页面继续分期进行优化。
感谢大家长期以来对阿里巴巴国际站UED的关注和支持，有任何建议和意见欢迎在此跟帖回复，您的参与和支持将是阿里巴巴国际站UED进步的动力！
篇7：三言两语：美国雅虎首页改版网页设计
昨天美国雅虎正式宣布网站首页的新版，这也算互联网一件大事，尤其是对设计的朋友们，而且现在的美国雅虎的情况也不是很好的情况下有大刀阔斧的进行改版，也算是要有一些魄力了。其实这次新版早在几个月前就已经在某位同行的博客中透露出来，不过当时没有过多注意。昨天宣布正式改版以后，上去逛了一圈，才仔细的研究了一下。总体的评价就是这次的改版就相当于Vista到Win7，也就是说内核不变，但是在交互和体验上下功夫。
1.布局
新版的布局和旧版的布局，几乎没有任何区别，顶部搜索框，左侧导航，中间重要新闻资讯。主要是右侧，新版去掉了很鸡肋的个人信息区块，把登录信息放到了顶部右侧一条。把旧版放到右侧最下面的热门搜索关键字替换，放到了右侧上面变成第一区块。
2.搜索
雅虎是一个门户，雅虎是一个搜索引擎。这次新版中，进一步把顶部的搜索框进行了优化。
2.1.提高位置：新版中的一个核心就是更加突出搜索功能的重要性，那么出现的位置就是第一重要的，所以雅虎干脆把一直品牌核心的logo放在了右侧，把搜索功能提到了整个页面的最有优先的位置，这样用户一打开页面一个大大的搜索框经映入眼帘。
2.2.加大面积：要想引起人的注意，一个更直接的处理方式就是让物体看起来更大。所以雅虎为了让用户对搜索框更加注意，就再一次加大了搜索框的大小。
2.3.视觉效果：看得出雅虎的设计师为了这个搜索框可谓是煞费苦心，而新版的设计理念我理解为是让搜索框本身更突出，而不是搜索区域。我们可以对比一下旧版和日本、韩国版的搜索功能设计。这些设计都是为了让搜索功能更加突出，所以加大了整个搜索功能区块的视觉效果。也就是以整体区块效果突出，带动整个功能突出。而新版去掉了浓重的背景色，更加突出了搜索框的视觉效果。也就是用局部关键控件的效果突出，带动整个功能的突出。
2.4.切换：在这个搜索功能区域除了搜索按钮以外，最常用的就要是搜索类型切换了。而切换功能往往是一般设计中不太被重视的。从旧版、日版、韩版都可以看出。切换类型只是用了很简单的文字链接而已。而新的设计中为了让切换点击起来更有手感，不仅加大了文字的尺寸，而且采用了tab的方式与搜索框融为一体。
3.导航
从上一次改版以后，雅虎把原来顶部的导航放到了右侧。而我觉得这一次改版最大的亮点就是左侧导航。我们都知道雅虎是一个门户网站，但是雅虎还是世界上最早的网络目录。如果你要问什么是网络目录？看看hao123.com就知道了。
网络目录（web directory）是网页链接的列表。
门户网站（web protal）是人们上网的起点网站，
电脑资料
所以为了凸显门户网站的搜索特性，所以上面说道搜索部分采用了新的设计。而为了凸显门户网站目录的特性，雅虎这次改版也从新设计了左侧导航。左侧导航不仅可以自定义雅虎本身提供的服务，还可以自定义当下其它站点的服务，譬如ebay，facebook，mysapce等。而这次雅虎最关键的一点不仅是解决定制的问题，而且还试图解决信息问题。就是说不仅希望用户可以自定义网站目录，而且还可以在上面处理这些站点的信息。
我们发现其实这个概念并不新鲜，在美国有好多站点都提供类似的服务，最有代表性的就是Google的IG。IG通过用户自定义一些站点Widget放到首页上，形成自己的个性首页。不过有意思的是所以提供类似服务的网站几乎都是采用widget的方式。也就是说同一种理念和同一样的设计模式。
而雅虎这次采用了全新的交互设计模式来处理这个问题，把目录和信息浏览有基的结合一起。当用户有鼠标悬浮在左侧导航上时，右侧出现这个站点的最新消息和最常用的操作。那这个和上面的widget有什么不同呢？
虽然Widget看上去很好，但是真的要用起来确实不那么爽，不爽的就原因就是虽然我可以琳琅满目的把整个页面布置的很满。但是这个页面最关键的作用就是快速处理最新信息，并且快速操作。也就是监控信息，操作需要处理的信息。而Widget全部扔在一个页面上，如果数量比较多，根本很难进行监控，既然很难监控也无从谈起对信息的操作了。再有一个用户的页面空间是有限的，所以每一个widget的大小都是固定的，而且相对来说都是比较小，这样就更加不容易进行信息的监控和处理了。
那我们看看雅虎的处理方式的特点：拿雅虎信箱为例，当我打开雅虎首页，浏览左侧导航，就可以迅速查看雅虎标签是否有数字提示，如果有就证明是有新的邮件了，如果没有就证明没有新的邮件。然后把鼠标悬浮到标签上右侧上，可以用效大的区域显示最新的邮件标题，然后进行处理。
可见雅虎新的左侧导航，不仅可以让用户自定义收藏常用的网络服务，还可以迅速的筛选那些服务需要有信息处理，并且提供信息处理快捷的操作方式。也就是“快交互”+“信息片段”结合的处理方式。这种设计理念的最经典案例就是Twitter和新版的Facebook登录后首页。
4、视觉风格
新版的视觉风格继承了上一版低调华丽的特质，同时又处理的更加清新。最明显的一个处理方式就是去掉了标题栏的渐变效果，采用最朴实的文字无背景。并且为了更加突出视觉效果，加大了这些标题文字的字号。去掉了左侧导航整体纹理渐变方式，采用一个目录标签一个小按钮的设计。不仅单独一个目录标签做为小按钮很突出，而且整体叠加以后效果也很协调舒服。
总体来说这次美国雅虎改版是否成功，这个还要看正式运行以后的数据，但是我认为总体效果要比上一个版本要好很多。并且对不断努力创新的设计师表示钦佩。
本文来自：blog.d8in.com/posts/515.html
【alibaba的help首页改版心得】相关文章：
1.校报改版策划书
10.学法心得
文档为doc格式
