• [置顶]Flash真的适合做网站应用吗?
  • [置顶]用户界面设计中“状态”和“动作”...
  • [置顶]A/B测试:实现方法

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


同任何网站一样,阿里巴巴首页的每次改版也都是一次纠结和挣扎的洗礼。设计的过程总是痛苦的,因为判断和选择总是艰难的,这里我们并不想叙述改版的整个流程——尽管不同团队的架构和设计团队的职责有所差异,但除了决策过程不同外,大公司抑或小公司在流程上并无本质区别。我们在此是想通过总结我们在改版过程中经验和教训,以及对于首页甚或产品redesign的思考。

以下是我们觉得必要的思考流程以及一些方法和关键点:

一、关于定位的思考

在首页改版之前,结合网站整体的策略变化我们首先思考以下三个问题:

1、改版的目的/目标是什么?
是配合网站整体战略的调整,还是用户体验的改善和提升,是自上而下的网站转型升级,还是自下而上的流量再分配?…
这些因素也决定了首页的设计思路是宏观还是微观,是信息层面的梳理还是视觉表达的优化。
2、首页的用户是谁?
用户是谁,用户特征是什么,用户的需求和价值在哪里?
考虑这个问题时,需要对于用户类型做相应的区分,不同的网站可能根据网站服务的特征来区分不同的用户群,比如:

  • 时间:新用户与老用户
  • 来源:自有用户、SEO用户、BD用户
  • 关注行业:原材料用户、工业品用户、…
  • ……
3、现状
  • 目前的内容运营规则是怎样的
  • 当前的界面是否存在可用性或易用性的问题
  • 基本数据是怎样的:PV、UV、回访率、流量转化率,各产品的流量分布、各类型用户的访问基础数据是怎样的。这些数据本身是否能暴露当前的问题,或者能用以评估预期目标的效果

二、做好设计管理

 

想读更多 ->

阿里巴巴中国站手机客户端项目总结

阿里巴巴手机客户端项目阶段总结 (部分省略):

原文链接:http://liuchenhuan.net/?p=701

从无到有的阿里巴巴无线端设计,经历了由前期的产品定位、产品形态探索、无线需求场景脑暴、产品拆解、分合的产品思路讨论、版本规划到手机行为、手机平台特性分析乃至信息架构的确定、细节的推敲…

无线端敏捷开发节奏快,如何低成本、有条不紊的迭代更新,版本规划以及产品的拓展性考虑尤为关键。九宫格聚合的工具平台形态和运营形态在我们客户端的定位中必然共存,但一期内容不足功能较少,过渡期既要保证目前版本的充实和架构合理,又要考虑用户习惯的延续和activity等的代码模块可复用。

在已有13年历史的网站(培养了稳定的用户群以及培养了一定的用户习惯)基础上,实际上我们并非从零开始。B2B的业务属性决定了无线场景的设计与网站的关联性,而用户使用时必然伴随部分网站习惯的迁移,因此在基于无线场景和手机端特性设计的同时,我们也同时考虑用户在网站端的认知映射。

作为项目owner,跟进后续流程的过程中有几点经验值得highlight:

想读更多 ->

Flash真的适合做网站应用吗?

原文链接:http://q.pnq.cc/archives/496

两年前,我们开发了一套基于Flash的文件(主要是图片)上传RIA应用,提供给阿里巴巴的用户使用。如果你使用过Wordpress或flickr上传图片,你应该已经用过类似的产品。这个程序基于YUI Uploader开发,增加了一个实用的功能——在客户端先将图片缩小,再上传到服务器。用户用数码相机拍摄的照片往往有600万以上的像素,但产品图片放到阿里巴巴网站上显示,并不需要这么大的像素,通常等比例缩小到1024×1024之内就可以了。借助于Flash对图片先缩小再上传的技术,我们在没有增加服务器投入的情况下,将原先上传图片的尺寸限制由250KB/张提升到了5MB/张。同时,Flash上传还比传统HTML表单方式上传有更好的体验,例如可以多选一批文件同时上传、可以实时展示上传进度、选择文件时可以过滤非图片文件。

想读更多 ->

前端团队活动:孤岛求生

孤岛求生

方凳会除了技术分享同样需要游戏来使得辛勤劳动的凳子们尽情的欢笑,这不在31期的方凳会,组委会费尽心机的组织了这一次的团队游戏

当确定31期的主要内容为游戏时,主席大YY同学想起了曾经的拓展经历,他绘声绘色的向我们(组委会其他同学)讲述他的历史,一听,果然有料,“孤岛求生”,有难度,有合作,有技巧。此时最大的纸老虎便是三座“孤岛”,偌大的滨江园区一览无余的,到哪去寻够坚固够大至少能站稳七八个大侠还得彼此两两相邻不能太近不能太远大概三四米之隔的这三座“孤岛”

结局自然是被我们找到了。上面这一段主要是想表达一下得意,尽管过去些时候了,嗯,很有才

闲话且住,上照片,看大伙的笑脸

想读更多 ->

我所理解的网页推广设计的几个要点

Javascript-Selectors3

在开始聊我在阿里四个月的网页推广设计之前,我想先来说说我对平面设计和网页设计的认识。

它们之间的交集。

1.它们都是集艺术创作、电脑技术和数字技术于一体的,以“视觉”(包括符号、图片和文字)作为沟通和表现方式的一种创造过程。设计师一般会利用字体排印、视觉艺术、版面编排(page layout)等方面的专业技巧,来达成创作计划的目的。

2.它们都讲求视觉上的快速、正确、有效的信息传达,都在诉说一个理念或品牌,都具有商业价值,它们的目标是信息、提示、促销和产生连锁反应等。

同时他们之间的区别也是显而易见的,主要表现在

想读更多 ->

第一季《生煎包·集结号》12月9号正式发布啦!

第一季《生煎包·集结号》地址:http://aliued.cn/sjb.html

生煎包: 生煎包是阿里巴巴中国站UED出品的创意周刊,每年7月-11月一季,每季12期。2010年7月22日开始发布第一季第一期,预计到2010年12月初,我们将为您完整呈现2010年的“生煎包·第一季”。

发布时间:某周四早上10:00

生煎包口号:给设计加点料

生煎包愿景:扩大中国站UED在公司和业界的影响力,为打造全亚洲一流的互联网设计团队助力。

想读更多 ->

网站分析方法系列二——分析页面区块价值

Javascript-Selectors

如何在寸土寸金的首页上使页面的价值最大化,是每个网站设计者最关心的话题。

用户关注的页面长度、宽度都是有限的。宽度自不必说,一般网站都会根据自己网站最大用户群的硬件条件来设置;长度虽然没什么限制,但很少有用户有耐心看完太长的页面。

这个有限的区域相当于一个超市,页面内容相当于商品,超市要决定如何放置商品,就需要清楚每类商品所能带来的价值,然后综合协调摆放,使整体利益最大化。

超市在衡量商品价值时,不会一件一件的去衡量,而会把一种类型商品作为一个整理来衡量。 在网页内容的设计过程中,同一主题的内容经常会作为一个区块的方式展现在页面上,例如中文站首页的“卖家即时供应”、小商品首页的“饰品混批”等等。这一个区块的价值就是网站运营者或者设计者需要了解的“一种类型商品”的价值。

页面区块图1

那么如何计算区块的价值呢?

想读更多 ->

用户界面设计中“状态”和“动作”的表达

1289094288506

一、问题引发思考

前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了,所以在此整理一下思路,与大家共享。

taobao1
具体案例是这样的:如上图所示,在“启用”和“停用”搜索定制功能时,这个按钮到底是表示“状态”还是表示“动作”呢?简单的说,上图中 1表示当前是停用状态,还是表示点击后为停用操作呢?答案显然是不清晰的。

怎样能够清晰的表达两者的差异,减少用户的误解呢?我们首先要从“动作”、“状态”的定义和两者的关系入手。

想读更多 ->