www.Alisoft.com,最新版的首页与4月2日终于上线了。
虽然是一个过渡时期的版本,可是跟以往的版本已经有了很大的提升,从一个简单粗糙的页面过渡成一个渐渐符合规范和可扩展性页面。
这个版本需要满足各方面的需求,交互设计师在这里做了很多的桥梁工作,和以往的项目一样:
前期的用户调研与DBA的数据分析很早就做了一些,与PO同学探讨商业需求与战略目标、与PD共同分析需求并对其项目分解,展开交互设计后,后期的视觉督导和前端工作的结合都是UED的重要组成部分、前端开发工程师与QA的bugfix工作和页面上线是细节的工作。
不同的是这次项目由UED部门去主导,也是用户体验地位的一项重要提升,在公司商业目标逐渐清晰的时候UED部门的同学开始逐渐发力。
那么我想从这次改版的页面中提出几个关键点进行分析。
(一) 商业需求:
一个项目的发布都需要有明确的项目需求,思路清晰了就好进行系统设计。一套项目流程走下来,从kickoff到高保真DEMO评审,UC明确后基本上就不允许有大的改动了。
header改版中的商业需求:
在第一版的时候我们在logo的旁边加上了“测试版”的字样,是因为当前版本是一个满足商业需求的版本,几乎没有规范可言。一切都是为了将网站做成一个符合我们目前业务的网站。
作为交互设计师,一定要明白目前的需求点在哪里,虽然我们一直在致力于各种关系的平衡,但是适合时宜的结合当前的情况去设计无疑是最好的选择。罗马不是一天可以建成的,一定是一项一项的展开工作,昨天的漏洞今天就需要去弥补,用一个开发工程师的话来说:“我每天的工作都是在踩各种各样的狗屎。”碰到了因为仓促上线而遗留的问题。
四种不同应用状态下的header
- 第一个是首页,它包含了所有的业务和搜索功能;
- 第二个是拥有3级分类的2级导航,刚性的功能页面;
- 第三个简单的2级分类导航,它在乎的是子页面所包含的内容;
- Detail页面,抛开了罗嗦的子分类,可是右上角的文字和链接过于干扰,在后续的版本中就会改进。
这个是目前的navigation bar,也许大家奇怪,为什么右边的自主软件变成这样了,答案只有一个,商业目的和战略需要所致。
阿里旺旺的地位被逐渐提高到至高的角度,甚至整个alisoft mall平台都会依附阿里旺旺的品牌进行扩展,这也是一般用户对旺旺的认知度比阿里软件还要高的原因之一。
来看看更早期的navigation bar吧。
2007年公司刚成立时,也许今天很难想象当时朦胧的雏形和800分辨率的网站尺寸,这在当时确是主流,没有几个大型网站将页面换成1024px,当时的网站连内容都还不具备,所以连最基础的login也不包含了。