第一站 - 轻松上网从此开始!

上网第一站

当前位置: > 运营 >

网站改版案例: 阿里资讯升级项目总结

时间:2012-10-24 17:20来源:网络 作者:yangyang 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
插播一段广告:本项目10月10日第一期删减版公映!10月底会发布完整无删减版,敬请期待!发布地址:info.1688.com 序: 2年前,刚入职阿里还没转正就有幸参与了资讯

  

 

  插播一段广告:本项目10月10日第一期删减版公映!10月底会发布完整无删减版,敬请期待!发布地址:info.1688.com

  序:

  2年前,刚入职阿里还没转正就有幸参与了资讯改版项目,那可是我的产品处女秀,出演视觉设计师一角,当时拿到手的就已经是一份未上色的黑白稿以及一份飞机稿。不知道监制是谁,也不知道导演是谁,更不知道其他演员是谁,老板说交给我了,就糊里糊涂的出演了。跌跌撞撞演出7.8个版本就拿去让需求方选了,最后也是蛮顺利的选了一版。然后再优化再改改,也在那一周每天熬到个11点,最后在约定时间之前,交给负责后期的前端同学,然后,然后就上线了。。。当时的感受是:原来产品设计就是这样的啊。。上线之后,不尽人意,很多东西和我想象的还是有点距离。

  2个月前,也满了2周年,我似乎发现我与“2”这个数字非常有缘,回头在看看,原来我从来都不曾离开社区。这次我又接到了资讯升级的任务,意料之中,经过2年的滚打,我早想改他了,碍于“没有资源”,幸好行巅有眼开了金口,要求资讯要更专业更海量更权威!于是乎,我就又一次出演了资讯升级项目!这次的出演真是感触颇深了,虽然仍然是出演视觉设计师一角,但是要让最后的作品能接近完美的出现在众人面前,光只做好自己的本职是完全不够的,当然在这个过程当中,如果你也遇到了像小帅和狒狒这种出色的监制,也是可以省去非常多的时间,比如我可以不用花太多时间去纠结数据问题,打点问题,也不用想着如何去重复解释这里为什么要这样演的问题等等…尽管如此,也不代表我出了做好视觉,其他都不用管了,否则,视觉设计师就永远都是美工了:不想做监制的演员都不是好导演!不想做PM的体验设计师不是好产品经理!被复制了无数版本的名言用在很多地方都是很有效的。也为了更丰富自己的历练和对项目的了解,很多事仍然要亲力亲为,尽管最后仍然有很多细小的问题暴露出来,但是回头想想,如果什么都不做,最后暴露出来的问题会更多,虽然没有做到心目中的完美,但是至少离“完美”又近了一步。

  ————————————————我是分割线!——————————————————

  项目总流程:

  

 

  *黄点所点之处都是我在这个项目流程中参与的环节。

  ①体验关键指标:这里是项目前期小帅的专业方法论提及的5个维度,听过分享的同学应该都知道H-E-A-R-T:

  

 

  ②六度分析:这里提到的六度分析和人与人之间关系的六度关系不一样,简单先解释一下这里的六度分析是一种分布式、一体化、帮助使用者对问题进行系统化分析的思考方式。

  

 

  这里做简单解释,具体详情请关注李龙的分享或者咨询本人,联系旺旺:lilong4174

  项目前期小帅非常给力,取了资讯的数据进行分析并分享给PD,运营以及前端,为之后项目进行以及产品的规划打了扎实的基础。用户调研这里分了2部分,一部分是和小帅一起参与的对资讯资深用户进行的访谈,另外一个部分对我针对专业人士(公司内部人员:老板,PD,运营,设计师,开发)进行的简单访问。这2部分人员的调研加起来就产生了之后的信息模块推导而出的信息架构(交互稿)和最后情绪版分析产生的最终稿。那作为整个项目的主演视觉设计师,在这个项目总结中具体就说说对于情绪版分析到视觉稿的产出过程,后期前端跟进注意事项以及回顾项目最初需要考虑的问题三方面情况。好,文章过半,接下来才真走入重点…

  一:情绪版分析到视觉稿的产出过程

  情绪版:

  关于情绪版的简单步骤:体验关键词(来源于以上提及用户调研的2部分)→关键词衍生(物化,视觉以及心境的映射)→根据衍生关键词搜索到的图片→图片色块→生成情绪版(详细可见资讯升级情绪版查看地址:\\nas\Alibaba\B2B\项目组\中文站UED\#应用设计组#\资讯升级(slide貌似需要翻墙了,就用咱们的服务器吧))

  

 

  结合整个设计经验来看:其实对于产品本身,尤其是视觉设计师,在要设计之前,设计师就应该在脑海中有一个成形的视觉幻影,而情绪版正是为了这种视觉幻影做的一个很好的论证的方法,也为了视觉评审的时候为说服老板和观点可能和你不太一致的人找一个比较有效的理由。当然无法产生感觉的时候直接用情绪版也是一个非常有效的方法了。但是切记,没有事情是绝对的!尤其是像我们这种所谓“喜欢暖色调的中国人”,或许设计一个蓝色调或者冷色调的产品需要下定很大的决心以及能说服老板的气场!而我虽然下定了很大的决心,可是深知气场不够强大,因此我也为自己留了一条后路。。。

  竞品分析:

  在情绪版的最后面加了一个画面,如下:

  

 

  为了避免老板最后强行要用暖色调的版本,导致情绪版的论证方法部分失效…事实证明,这样做并非不科学,因为老板的确提了一个坑爹的要求:“在做一版暖色调的吧。。。”“嗯,那好吧。。”最后的结局可想而知。资讯嘛,当然还是要遵循市场规律的,市场规律从何而来,竞品分析!这绝对是能和情绪版一起称作“答辩双雄”的证词!竞品分析可以是印证情绪版分析的最后一步,因此最后还是采用了冷色调的视觉版本,也总算让我如释重负呼了一口气。。也总算没有让我的情绪版变成坑爹的方法论。很多人可能会在竞品分析的时候不知道选择哪些维度,其实可以根据你要设计的设计稿中去抽取,例如:主色调,图片占比,是否有背景色,模块是否有边框,悬停色,大段落文字色等等,可以用于作为DPL的部分都可是是竞品分析的关键要素。同理,部分提取要素即使是大部分竞品所具有的,有时候老板就是希望某一点不一样,这种情况也是会发生的,在不破坏整体效果太多的情况下,那就按老板说的去做些尝试吧,而这种特殊情况有一定的风向,风险不在于是否会破坏视觉效果,而是和前端同学的合作时间点,进入下部分。

  二:后期前端跟进注意事项

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕