田锋林:阿里系网站的信息构架

分析对象:泛信息网站,口碑,阿里巴巴中国站,淘宝。

(口碑,阿里巴巴,淘宝网信息构架对比)

网站特点:信息量大,类别众多。

设计特点:搜索框很突出、突出注册和信息发布、类别区域占用大幅页面位置,当然我们前面也介绍过,信息量大的网站,由于用户寻找信息比较困难,所以站内搜索和信息的分类尤为重要,又因为阿里系这三个站点都属于信息发布站点,所以势必需要有良好的注册引导和发布流程,这也是此类站点设计的精髓。

阿里系网站的信息构架:

对比了口碑,阿里巴巴中国站,淘宝网,由上图可以看出三者信息构架极其相似:

1、Header区域:注册,登陆,帮助,下来是logo和搜索。

2、导航条:大栏目。

3、热点推荐,幻灯推荐,注册和发布:最热信息,新品,活动之类。

4、分类引导区域+辅助区域:主类别和类别推荐,图片推荐。

5、辅助区域:补充区域,如论坛信息调用等。

6、Footer信息:联系方式,简介等。

信息构架图如下:

枫林分别用不同的色彩表示信息的重要程度。

浅黄色为主体,也是该类站点的最重要的部分;其次为浅绿色区域,是对主体信息的有效补充;浅蓝色基本与浅绿一个级别;银灰色类似专题和热点等个性信息;粉色为版权区域,是对站点的补充说明。

另外,由这样一个信息构架图,产品设计师可以快速的设计出原型图,也就是完成Demo设计。再给一个主体色(如阿里系的主题色是橘色),UI设计师又可以迅速的根据Demo设计出高保真图,这样基本完成一个网页界面和信息构架的设计了。

6 条评论

  1. 小贼 的头像 小贼 说:
    你说的没错。
  2. i枫林 的头像 i枫林 说:
    要是都错了,还敢在这里写么?
  3. see 的头像 see 说:
    以前没注意,看来还是得注重观察细节啊
  4. 二球 的头像 二球 说:
    枫林最近写文章很低调啊,是不是还有心事未了?
  5. wkcow 的头像 wkcow 说:
    你干嘛不直接一些,说出大家的心里话,就是搜索对于信息量大的网站的重要性
  6. 泰州网络公司 的头像 泰州网络公司 说:
    阿里巴巴很正规,但在上面注册的二级页面,到了百度就出不来。另外,阿里旺旺太乱,没有用好。

留下评论