以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论:http://www.aliued.com/201......12/07/17/769/ |
||
阿里巴巴国际站(Alibaba.com)是全球最大、最有影响力的B2B电子商务平台,是阿里巴巴集团的旗舰公司。长期以来,阿里巴巴国际站视觉风格并未随着业务的突飞猛进而有更富魅力的改变,呈现在用户面前的,依旧是稍显过时的设计风格。随着用户需求和公司业务的压力,对网站的视觉重构就成了迫在眉睫的事情,是时候来一次激动人心变革了!
一. 目前线上版本分析上图为目前线上版本,较2009年的版本,总体设计风格和信息结构没有太多的变化:
1. 首页没有传递出Alibaba.com的业务方向和核心价值; 2. 随着业务方向发展,不能满足业务需求; 3. 设计风格过时,设计风格不统一。
二. 用户需求分析分析用户需求之前,一起来看一下外贸B2B生意从工厂到发货的重要环节有哪些,Alibaba对应这些环节有哪些相关配套服务。 通过用户调研分析,目前网站用户对Alibaba.com提供的这几个核心服务的认知度较低,所以这次首页改版的首要目标就是要进行用户教育并传递网站的核心服务。 三. 信息推导——框架结构William Strunk和E. B. White的《The Elements of Style》里写到:”越精简的文字越有力。一句话里不应该有多余的词儿,一段话里不应该有多余的句子。同样,一幅画里不应该有多余的线条,一台机器也不应该有多余的零件。” 对首页信息进行重新梳理,去掉长期没人运营的冗余信息;重新调整信息结构,核心位置传递网站核心价值信息;只专注那些用户最需要的功能,用20%的基本功能去满足80%用户的需求。 新首页最终线框图 四. 视觉推导——风格、色彩新视觉风格探索主要从以下几个维度考虑 新首页视觉关键字 通过视觉关键字寻找新色域 确定配色 五. 设计展示我们把用户需求转化成信息结构,并在用户群体的生活空间里寻找到网站的颜色趋向,接下来,我们把理论转化为交互和视觉的表现方式,新的国际站设计风格从而顺利诞生了。 一致性和标准化 Icon重绘 重新绘制UI组件
六. 效果反馈由于考虑到时间和篇幅问题,这次小结还有很多细节没有分析到,比如首页为什么采用990px网格系统,布局上采用怎样的逻辑路径是合理而有效的等。后续会继续给大家分享。 新首页改版只是我们跨出优化阿里巴巴国际站体验的第一步,后续还会对整站其他页面继续分期进行优化。 |