阿里巴巴UED:Alibaba国际站首页改版小结

  阿里巴巴国际站(Alibaba.com) 是全球最大、最有影响力的B2B电子商务平台,是阿里巴巴集团的旗舰公司。长期以来,阿里巴巴国际站视觉风格并未随着业务的突飞猛进而有更富魅力的改变, 呈现在用户面前的,依旧是稍显过时的设计风格。随着用户需求和公司业务的压力,对网站的视觉重构就成了迫在眉睫的事情,是时候来一次激动人心变革了!

  一. 目前线上版本分析


  上图为目前线上版本,较2009年的版本,总体设计风格和信息结构没有太多的变化:

  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系统的平面化,各大主流界面的风格都趋向于简洁,结构清晰,信息突出,减少噪音。

  新首页视觉关键字

时间: 2024-09-12 21:16:56

阿里巴巴UED:Alibaba国际站首页改版小结的相关文章

用户体验分析:Alibaba国际站首页改版小结

中介交易 SEO诊断 淘宝客 云主机 技术大厅 阿里巴巴国际站(Alibaba.com)是全球最大.最有影响力的B2B电子商务平台,是阿里巴巴集团的旗舰公司.长期以来,阿里巴巴国际站视觉风格并未随着业务的突飞猛进而有更富魅力的改变,呈现在用户面前的,依旧是稍显过时的设计风格.随着用户需求和公司业务的压力,对网站的视觉重构就成了迫在眉睫的事情,是时候来一次激动人心变革了! 一. 目前线上版本分析: 改版前Alibaba国际站首页 上图为目前线上版本,较2009年的版本,总体设计风格和信息结构没有太

如何做首页改版(阿里巴巴中国站首页改版经验谈)

同任何网站一样,阿里巴巴首页的每次改版也都是一次纠结和挣扎的洗礼.设计的过程总是痛苦的,因为判断和选择总是艰难的,这里我们并不想叙述改版的整个流程--尽管不同团队的架构和设计团队的职责有所差异,但除了决策过程不同外,大公司抑或小公司在流程上并无本质区别.我们在此是想通过总结我们在改版过程中经验和教训,以及对于首页甚或产品redesign的思考. 以下是我们觉得必要的思考流程以及一些方法和关键点: 一.关于定位的思考 在首页改版之前,结合网站整体的策略变化我们首先思考以下三个问题: 1.改版的目的

一切为了用户体验:京东首页改版背后的故事

京东首页改版了,新版更注重个性化内容推荐.本文将讲述跨越8个月的改版过程及新首页的改版亮点. 早在春节前后,已经有些用户敏感地发现自己的京东首页不一样了,而乘着春风,京东首页改版迅速从部分用户可见的灰度测试扩展到所有用户.这是京东更换标志后第一次大规模改版. 是哪些原因驱动了京东改版?改版背后隐藏了什么样的战略和战术意图?从用户界面到用户历程到个性化,京东未来将向何处去?京东集团副总裁用户体验团队负责人刘轶表示,京东首页改版瞄准的目标,绝非一个首页那么简单,而是整个购物体验,京东整套用户体验生态

中国雅虎首页改版彻底与口碑网剥离

10月10日下午消息,继关闭雅虎关系及雅虎空间后,中国雅虎今日对其首页做出改版,原有的口碑网入口已经全部撤下.中国雅虎称改版后的首页能够让用户获取体育.娱乐等方面资讯内容. 中国雅虎首页今日进行改版,去掉大部分口碑网的分类信息列表和其他生活服务连接.中国雅虎在改版声明中称,未来将更加专注 网友提供互联网基础应用邮箱.资讯.搜索等服务,同时新版首页将提供体育.娱乐.时尚等资讯内容. 在首页改版的同时,中国雅虎同时发布招聘公告,希望招聘资讯.财经.娱乐.女性.母婴编辑若干名以及销售人员若干名.中国雅

网站改版案例分析:印像派首页改版视觉效果分析

文章描述:浅谈印像派首页改版之视觉篇 . . . . 前段时间在做印像派的全站改版,其中包括首页.列表页.详情页.主题页等页面,整个项目历时较久.前段时间新版印像派上线了,首页初稿由葱头同学设计定稿的,后期由我跟进优化,现在正好以印像派首页为切入点做个设计回顾. . 网易印像派(yxp.163.com)是网易公司推出的个性产品服务平台,在网易印像派可以网上冲印各类数码产品.随着印像派业务不断扩展,几年前设计的首页无论是在交互还是视觉上都已经无法满足现有的业务需求,所以首页的改版是一件迟早要提上议

网页改版实力分享:支付宝首页改版

新 旧 前一阵子支付宝首页改版了,据支付宝的人说改版以后效果十分之不错.那么我们来看看这次支付宝改版有那些值得借鉴的地方. 一.头图介绍 首先顶部仍然和上一版一样,采用了很大的头图,不过不同的是采用了轮换的方式,这个细节的改动确实很不错.通常来一张顶部头图,是用来介绍和宣传产品功能的最好手段.但是往往的问题的,要表达的东西过多,虽然头图面积很大,但是还是很难充分利用好要表达的内容.有些时候甚至根本起不到表达和介绍的内容,仅仅是好看而已.但是支付宝这次采用了轮换的方式,轮换通常用来用作图片新闻,用

化妆品网站Skinstore.com首页改版评价

这篇文章很不错,对于网页设计师或站长来说都有启发意义,我们可以从化妆品网站Skinstore.com 的首页改版中,寻找电子商务网站的设计原则以及特点,对于制作和设计此类电子商务网站有很好的启发作用. Skinstore.com 是一个美国的专营化妆品的站点,经常搞促销活动,折扣比较吸引,做美国代购的或者喜欢国外购物的人士大多都熟悉她. SkinStore.com运营得很成功,而且,她的网站设计.用户体验设计等也是非常的成功的,本文就 以其针对其主页的设计进行分析评价,为读者提供一些设计电子商务

大型门户网站腾讯QQ首页改版流程

对于大型门户网站的改版流程是怎么样的?参与的团队有多少?一般的步骤又是怎么样呢?相信很多网友都想了解,下面就以腾讯首页改版为例子,看看QQ新首页设计过程的酸甜苦辣.本次和大家分享了很多设计上的理念问题,相信看过后大家会对网页设计有不一样的体会. 酝酿了将近一个春夏秋冬的腾讯网首页终于亮剑!反响热烈!让我们来分享它成功背后的酸甜苦辣吧. 腾讯网首页改版终于开花结果.于2008年3月25日6:00准时上线.整整一年的时间,经历了无数次的挫折和挑战,无数次的等待和蜕变,终于破茧化蝶.本次改版完全颠覆性

Web标准应用之腾讯QQ首页改版

Web标准应用之腾讯QQ首页改版了 Web前端开发越来越受重视了 QQ的首页改版上线了,过去看了一眼,因为我一直很喜欢看这些网站的CSS是怎么设计的.问了一下米随随,他说不是他们设计的,是另一伙人.看下来,有几个地方设计的还不错.感觉前端的东西人们越来越重视了,也确实花人力去作了.  更改网站风格那里,还挺有意思的.  虽然有学YAHOO之嫌: