我的汽车梦

      最近乐视的负面新闻如乌云般黑压压的袭来,各大领导沉默不语半天闷不出个响雷!我坐在前往3楼hr办公室的楼梯口,每天都能看到有人拿着hr开具的离职证明的小纸条,满面春风貌似终于脱离的险境,偶尔看到结伴离职的同事欢声笑语……!

      我不禁在想离职至于如此开心?当时来乐视的初衷是什么?是被胁迫的哭着来的?还只是为了那一份工资!悲哀!我坚信团队和希望,至少他给我造了一个梦-汽车梦。在我人生重要的节点我满怀期待的加入,相信这个给我造梦的公司!可没想眼见他起高楼,眼见他楼塌了!难道就该撤么?在公司遇到如此困难的时候我们不是因该更加的团结和努力一起度过难关么?整个感觉大家就如同摆设一般,哀莫大于心死 悲莫过于无声啊!

      公司的问题可能跟外面暴露的相差不远,我的工作居住证也是奇葩的断掉没能续上!办公用品一律没有,办公环境也差,底层与高层完全脱轨大领导是谁是谁是谁!人力几乎虚设,等等这些真的那么重要吗?

      唯一想说的是可惜了我们的团队,我们的vp自己谈商务拉融资,产品经理拓展产品业务自己找供应商,开发一人頂两的干活,我的领导身为总监却始终战斗在产品一线从未脱产,他是我们设计团队的标杆风向标,积极的工作态度对工作以身作则无半点懈怠!常说用产品来证明价值。我们HMI组能力都很强每个人都能独挡一面做事干练还细腻入微,哎!真心不错干实事的团队啊(呐喊)!

      难道真是大势已去了?最近我的信念开始动摇了,没人告诉你是死是活,内部也一片恐慌……。真心放不下手上的产品!近一年的努力付出难道付诸东流?人生多少个一年!其中一个产品“互联车机”相比大家熟知的荣威RX5的“云OS”,我们的产品更具竞争力,单视觉就落他几条街!ID更没得比,成本相比他的1/10不到,它们花了多少时间我们才多少时间!这么一个极具战斗力的团队可能也将分崩离析,看过白鹿原的可能知道原上闹饥荒的那一段白嘉轩说的一句话:“人心不能散嘞!”现在谁是我们的白嘉轩?谁是那个借粮的土匪?现在我唯一能做的就是做好手里的工作,推动现有的项目落地,做到善始善终这样至少对得起这个项目和公司,也不枉费自己努力吧……

      发泄了这么多,说说我的汽车梦吧!汽车智能化势在必行,这个领域让我心动,如何让车智能化,过程这个点也足以让我肃然起敬参与其中不顾一切,站在巨人的肩膀,走在世界前沿!很荣幸能参加了FF-91项目当中,在拉锯式与国外PK中我们涉足了一些视觉上的工作,已是知足,HUD/AR项目让我看到汽车还有更多的可能扩展的我的视野,在互联车机项目的摸索中让我快速熟悉汽车软硬件之间如何工作的并定义了整套视觉风格,轻松的语音对话可以控制车辆每一个零部件让我看到汽车的未来,这些虽然只是智能汽车前进方向的填路沙却都足以点燃我的一腔热血……。

我的汽车梦!真想自己参与每一个历史性的时刻,见证智能汽车时代的到来…..。

当当的那些启动屏

15年启动屏总结_03原题目为:“当当不死”为什么使用这样一个题目呢?只是希望大家放慢脚步了解一下当下的当当,了解一下仍在奋斗的我们-当当无线UED,本次整理了15年下半年关于启动屏的那些事情,做了一个总结。

14年一系列的大动作动作中,在视觉层面已经追上一线电商,这一年也是我们最活跃的一年,这一年优化单设计首页12版上线7个版本,无线销售的比重从23%提升至39.8%;无线用户量一年里翻一番,也成功实现转型,实现首次盈利。

14年一系列动作也渐渐恢复平静,时间几乎全部用在了每月两个版本的修补当中,而启动屏跟其他电商一样始终如一从未改变,这一年仅做了两版…

15年上半年完成对触屏的改版,想利用发版前验收的空档做一些启动屏相关的工作,来丰富一直沉闷的客户端气氛。

说起来这件事情像是三言两语的事儿,而做起来却并非那么简单,我们是单纯的技术部门不背负售卖KPI,广告卖场促销活动等相关我们只出设计和相关模版,其他不干涉,没问题还好,有问题就是技术问题,设计不行模版不实用等,所以在有这个想法的时候也是非常犹豫的,何必自找麻烦!

自知插画方面并不优秀,但还是想将此事做成的,多次沟通和了解,找到了第二屏广告促销空档期的时候会显示默认背景,这是一个不错的切入点……

启动屏最经典莫过于NB的产品,他们经久耐造,成为现代人们生活的必备,那些漂亮的启动屏也自然成为人们记忆里的经典案例。15年启动屏总结_03-08

我也希望能够做出一个启动屏幕伴随当当最终成为经典,(就当放屁,呵呵) 理想丰满现实骨感,但我相信努力去尝试最终实现不管结果如何因该是有所收获的。

设计离不开借鉴(就是抄袭)我第一眼瞄准了微信,它让人进入客户端的一刹那突然安静了下来,静静的一个人站在制高点,眼前是那貌似触手可及的未来,这种感觉真的非常不错。

再回到当当,我希望他是一次闪亮的登场,让人眼前一亮的,当当重新回到人们的视野,重新站在这个行业的最高舞台….。我们这行有这么一句话有些人眼高手低,说的就是我这样的!哎!往下看不许喷…

偶尔瞬间的灵感草图,(也是够糙的!)15年启动屏总结_03-13

最终的结果并不理想,最关键还是缺少一些烘托主题的元素脑子空空,略显的有些平淡,画面也不够饱满(这种形式后面又尝试了一次仍不如意),为了说服自己心想:“反正默认背景,说不定跟活动广告冲突自然也就看不到了”。

为了能够得到领导认同为此写了些说明,其中重点解释此启动屏不占用活动,广告位等,只作为默认启动屏,如本月无任何活动广告时使用该图……就这样拉开了当当无线启动屏的新序幕。

那些偶尔闪过的想法草图15年启动屏总结_03-16

随着7月8月的启动屏顺利上线,团队其他人也开始参与其中,团队的力量是无限的(TMD还团队呢!装啥!) 。

而对于我的那些草稿们有实现的有未实现的都随风去吧,16年我们再度起航,去追逐那些操蛋都理想寻找那个真正干事的团队…

  这就是当当无线……

15年启动屏总结_03-17

当当首页改造

首页改版设计分享_01

一开始有些漫无头绪,思前想来说一下为什么改首页吧!
电商首页,简单的说就是一些业务的分发入口,说透彻一些就是给各个业务几个坑位填充各种售卖的商品,我相信在大多数人眼中就是这样吧,但是对于我们设计而言却非常复杂,不仅要考虑业务方向、产品定位、资源分配等因素,还得顾及用户对当当产品的品牌认知,设计上还需要侧重页面的视觉平衡,且每个栏目既要有区分又要保持相对一致(即所谓有层次有重点),从而可以快速的引导流量和点击量帮用户找到想要的商品,最后还要关注上线后的数据变化。前提必须是好的方向。
难度虽然很大,但我们责无旁贷。
一、首先分析一下当前的一些小问题:
1、距上一次首页改版已超半年之久,在快速发展的互联网时代我们必须快速的做出反应,顺应行业发展。
2、之前的设计规则已经无法满足现有的运营形式,导致出现各种不符合规范的文字颜色,文字大小,组合排列,图片、尺寸等。
3、在整个实施过程中没有一个合理的审核机制进行后期改进和监督。
4、栏目多而不稳定,使用3个到5个坑位的较多,在有限的空间资源浪费。
5、栏目内容层次不清晰,大小入口关系不够明确。
6、在视觉上面没能有效的结合运营不同商品、活动、促销信息、做相应的模版区分。
综合上述的这些问题,首页改版势在必行,而此次首页改版仅仅只是一个开始……
二、接下来我们着手于对首页的具体优化。

我们根据线上实际情况展开具体分析,以运营为基础结合运营特点进行合理有效的改造,最终做出综合呈现。
1、整体视觉结构重新规划,对细节的揣摩和反复验证。
2、着重运营促销信息,突出卖点热点,更加符合当前产品运营逻辑。
3、栏目定位清晰,视觉层次分明,便于用户快速查找想要的内容。
4、区分品类特点、重新栏目规划、增加入口数量、提高栏目坑位使用率。
5、模版规范化提升运营质量和导购入口的吸引力。

三、过程细节。

1、统一基类
整理首页文字字体、颜色、大小、促销信息、角标等。首页改版设计分享_11

2、模版
制定模版输出,建立共享目录文档,后期跟踪审核。首页改版设计分享_14

3、广告
重新设计了导航栏的icon和搜索,规范广告的制作要求。首页改版设计分享_16

4、功能icon
增加首屏功能图标数量,突出品牌特色频道。首页改版设计分享_18

5、栏目
坑位数量从最少三个增加到最少6个、突出促销信息、划分栏目权重和层次,统一促销样式、文字大小、默认颜色,强化标题与商品图的呼应。首页改版设计分享_20

6、促销活动
整齐划一的促销标识,拒绝乱摆乱放。首页改版设计分享_22

7、主题馆
将原来2列改为4列栅格与栏目统一,视觉上更加集中整齐。首页改版设计分享_258、首屏效果对比首页改版设计分享_289、栏目对比 首页改版设计分享_32

当当wap站崛起

很多朋友估计还不太了解wap,其实就是手机访问的网页版也叫触屏站,说起这个呢也算是15年对自己的一个交代吧,15年初团队解散,我依旧接管无限购物这边,可是话语权几乎全无,为此比较消极,正好跟一产品聊天,他负责wap站一直没有起色,我记得我非常认真的问了一句:“wap站重要么?”孟(产品经理)非常肯定的说:“当然重要啊,那些通过app上的分享还有微信上的这种社交分享都是wap承载做到的”哦这么厉害呢,我想了一会说:真的重要?孟:嗯,我:那我来做这边的全部视觉。

就这样我将阵地转移到了wap站,设计跟app心态一样,而区别在于这是一块无人关注的土地,因该会更自由一些,对于熟知前端的我更是得心应手,将前端、运营、产品等问题都考虑进去,统一样式,简化多余而无关紧要的视觉元素,让前端工程师更容易实现,摘取app运营部分功能及图片保持尺寸上的等比统一,减轻运营压力,将底部浮层功集成之更多做为统一的功能入口,减少由于浏览器版本所造成的适配问题,短短1个月,首页改版上线了!

触屏对比

 

上线没多久反响不小,竟然惊动了老板娘!打听发现原来她经常用wap版本,领导纷纷关注触屏的发展,各种需求随之而来就连广告都一分为二!真不知道是好事还是坏事!

jieping

首页的楼层也是越来越高,各事业部纷纷要求增加首页入口,哎!不管怎样还算是一块净土,里面的页面逐渐清新,为了保证风格统一我又出了一个触屏的规范,这次跟之前的不一样,规范在设计的过程中逐步形成,边做边规范,直到我写这这篇文章依旧还在补充。

h5规范而整个视觉规范的建立必须由无数的界面去检验,去堆积,慢慢的形成一个体系,他们是一个整体,我要做的就是这些

触屏效果图2

很快我们的努力是值得的,触屏的订单量得到较大提升,连续4个月都拿了奖项,总裁认同奖,团队奖等

屏幕快照 2015-08-31 下午5.48.32

很快我们的微信商城也顺利上线,触屏站的完美告捷,我似乎又到了该离场的时候了,版本还在继续,基本上也就是些购物车等流程上的页面优化,我又开始寻找另外的阵地…… (二级启动页)

jietu

 

 

我在当当的那些事-app设计

忍无可忍无须再忍!作为一个视觉设计师,有责任告诉你们什么是好的设计什么是不好的设计,从来到当当来我的目的非常单纯就是希望通过自己的努力改变当当土鳖的现状,至少在视觉上追上淘宝、天猫、京东等,那个时候在我看来一年的时间足可以做到这一切,为此我收集他们每个版本的视觉风格,关注他们的动向,拓展海外同类竞品,吸取他们的优点,以此来改进当当客户端的视觉,理想是美好的可现实非常坎坷,我还是非常积极的去面对,那就从一个图标开始吧,再不行改个一像素的线条也行…

入职后的一个月里我出了第一稿,(右新稿)图标是我根据线上版本的功能名称写在本子上,然后根据我对扁平化的理解手绘的图标中抽出来的一套,跟打了鸡血一样,实现着自己的目标,001-1024x894

栏目重新划分(ppt截图)

屏幕快照 2015-08-31 下午12.04.41 12.04.56屏幕快照 2015-08-31 下午12.05.31

当当7_02

设计过程,简单的从视觉的统一性开始,将当当的logo颜色应用到整个app当中,能让品牌形象主题更为突出从而获取公共认知度(这么文艺这绿色就tmd当当啦!),然后优化楼层统一样式删除重复功能等,(可是在他们心里电商就因该跟菜市场一样漫天的横幅广告,无处不在的商机入口…)将杂乱的布局以及众多干扰主视觉的颜色减去,然而我没有成功,但同一时期的淘宝4.5版天猫3.2版本京东3.6版已经是是这个样了,

02-1024x599

我很着急,非常急真希望一步到位!在不断的口水战当中,脚步慢了下来,调整自己的心态,通过大家的努力根据实际情况及要求,我们做出第一个改版4.5版,虽然并不理想,但是至少有所改变,其中统一了视觉规范及整理控件库、使用现在最流行的圆圈色块作为功能图标的入口,

当当4.5版

当当4.5版_03

视觉规范

04-1024x594

竞品对比

2221-1024x448

再后来我们又出了的当当4.6版,这一时段当当app的视觉已经有了非常大的突破,在栏目的划分、视觉测侧重、以及对首屏的利用等细节的优化将某狗踩在脚下,平视某猫,看齐淘宝,短短的两个版本下来已经有了这样的成绩也算欣慰…

当当4.6,天猫4.1,版淘宝4.6,京东3.7

未标题-11

视觉规范,说到这里插几句,都说我是高德地图的奠基人之一,其中最重要的一条就是高德地图划时代版本的规范,也是本人呕心沥血,长期驻扎在ios团队获取的成果,在长期团队合作的时候需要有人去整理去统一视觉的输出,虽然很辛苦但是最终的结果还是值得称赞的,到如今养成的习惯,希望自己做出的产品视觉统一、有条有理、干净节俭、而对开发的好处在于便于实现,减少误操作,建立基类控件库,便于整体视觉修改等,(高德地图视觉规范)但是购物并不像工具软件那么简单,他更加复杂更加多样化,但是我可以统一固定的购物主流程的视觉规范因此得到了下面的这个表单,统一文字字号、颜色、功能样式、图标大小、商品图尺寸、按钮等

规范

接下来的下半年我们出了4.7版4.8版两个版本,这两个版本还是非常不错已经有超越的苗头而卡片风格也得以发展,边框更加弱化增强卡片的感觉,通过背景与卡片颜色的对比拉开空间,而同一时期的他们更新较慢估计是因为双11的原因,我可以非常负责任的说我们不仅赶上而且超越了…

(京东4.0、淘宝4.9、天猫4.2)

duib (1)

 

 

我的目的不仅仅如此,我想建立属于自己的团队,至少再换工作的时候这个团队出去的人能够得到业界认可,有底气,我搭建了ued平台(dued.dangdang.com)内刊,周报、分享,成立微信公众号,对外分享属于我们自己的设计理念以及经验总结等,设计属于自己的logo……

dued

blog

weix屏幕快照 2015-08-31 下午7.37.04

年底的一切已改变,我们被推到了风口浪尖上,团队解散!而我们依旧保持着这份热情,用音乐打破这种压抑的气氛,是不是对生活不太满意,很久没有笑过又不知为何~~~!感谢冰哥一直以来对我的支持。14年的理想报复毁之一炬!老胡来个新年版呗~好的…

说一下这个新年版,当当在14年年底最早发出新年版,发版时间远早于淘宝、天猫、京东,而后他们的风格却跟当当新年版接近,从整体风格视觉效果远不及我们,可以说这一年当当在视觉上面付出了极大的努力和付出,感谢小伙伴们,而这次土豪金的想法还得感谢小明老师,本来普通的剪纸风格瞬间高端大气上档次了,让我们一起看看当当4.9版

当当4.9新年版

15年初团队正式解散,我们的声音渐渐淡出了这个舞台,我们成为了水…

而接下来的每一天,我们是单纯的美工,我们可以是淘宝也可以是京东,或许他能够成为最后的赢者(那是不可能的)而在视觉上他已成了一个笑柄,垫底的产品,难道这才是他的气质本身……

(当当5.3、淘宝5.3、 天猫5.8 、京东4.2 )

duibi2-1024x455

最后在这件事情上面用两个字总结“呵呵”献给那些有理想有报复的设计湿们。

其实我并没有放弃,没有放弃这个产品,至少没有放弃自己,我的阵地转移到了无人关注的当当触屏站……(未完待续)

 

 

 

 

当当小产品1、2

摇一摇

说起这个也算是热闹,这是我14年4月到当当后做的第一个活动类界面,想法非常简单就是突出一下气氛弄个可以动的手机,那个时候参考了几个都感觉太过简单,为了烘托气氛加入了霓虹灯,一个拿着手机的手,整个气氛远超过其他同类产品,看到底部还是有些空,得适当做一些装饰,画了两稿一个是一堆人拥挤而上的插画,一个是画了一个国庆超人(李国庆),最好玩的就是声音!是是在没招自己拿杯子录下来的,短短的一个星期设计开发就昨晚了,没想到效果不错,花瓣上几千的转载量,后面出现的同类产品抄袭模仿的不在少数有些甚至全抄哈哈!

摇一摇

 

世界杯来了

距世界杯开始还有1天,突然告诉我开会做一个世界杯的项目,我擦我当时就傻眼了,啊那赶紧的啊!然后产品说着他们的想法技术驳回各种隐藏的问题,就一个字得快,我根据他们的描述出了两个草图方案….(我竟然找到了哪个遗弃在垃圾桶里面的本子)

 

IMG_4671

好就这样!别变赶紧干吧,我擦什么还得做个守门员谁~~哎在世界杯开始的第三天我们的当当网世界杯小游戏上线,汗哪!都是这种,我还没准备好……

世界杯效果图

 

职场上的那些简称

banner

在工作中总听到一些奇怪的职位简称,ceo、coo、cfo等等,作为工作快5年的我也模稜两可,为此我网上查找相关资料总结了一下,分享给那些跟我遇到同样问题的朋友们,但是想了解各种行业中的职称以我的脑容量是肯定记不住的!所以我只能跟大家聊聊我身边常听到的那些职位简称,我在北京是一个it 男。

以下简称大部分内容来自百度百科,有些也是根据自己的理解添油加醋,有解释不合理的还请多多包容,或者留言在下,那么我这里给大家从头到尾梳理以下人们常说的那些职位简称。

CEO(Chief Executive Officer)即首席执行官,是在一个企业中负责日常事务的最高行政官员,又称作行政总裁、总经理或最高执行长。

CFO(Chief Financial Officer) 意指公司首席财政官或财务总监,是现代公司中最重要、最有价值的顶尖管理职位之一,是掌握着企业的神经系统(财务信息)和血液系统(现金资源)灵魂人物。

COO (chief Operation officer ) 又常称为运营官、运营总监是企业组织中最高层的成员之一,监测每日的公司运作,并直接报告给首席执行官。

CTO(Chief Technology Officer)首席技术官、技术长、技术总监即企业内负责技术的最高负责人。 CTO是技术资源的管理者,职责是把握总体技术方向,对技术选型和具体技术问题进行指导和把关。

CMO(Chief Marketing Officer)首席营销官,是指企业中负责市场运营工作的高级管理人员,又称作市场部经理、营销总监、市场总监。

VP (Vice President) 即副总统、副总裁、副总监等职位,泛指所有的高层副级人物。

HRD(Human Resource Director)人力资源发展,简称HRD,人力资源总监/主管HRD

CPO(Chief Product Officer)产品总监,直接向行政总裁或首席执行官,报告的高级执行人员。执行并负责企业的产品营运,是公司内部高阶的专业经理人。整体研究、策划、设计和完善公司的各个产品。

PM(Product Manager)产品经理,负责产品管理的职位,产品经理负责调查并根据用户的需求,确定开发何种产品,选择何种技术、商业模式等。并推动相应产品的开发组织,他还要根据产品的生命周期,协调研发、营销、运营等,确定和组织实施相应的产品策略,以及其他一系列相关的产品管理活动。

HR(Human Resource )人力资源,指在企业单位中,通过招聘甄选培训报酬等管理形式对组织内外相关人力资源进行有效运用,满足组织当前及未来发展的需要,保证组织目标实现与成员发展的最大化,帮助企业主掌握员工管理。

HRBP(HR BUSINESS PARTNER)又称为人力资源业务合作伙伴。实际上就是企业派驻到各个业务部门或事业部的人力资源管理者,主要协助各业务单元高层及经理在员工发展、人才发掘、能力培养等方面的工作。

SA(System Analyst)系统分析师,通过需求分析确认系统的需求,并进而形成系统产品设计的人。 通常他们也会涉及可行性评估、项目管理、开发前评估、需求验证等工作。

SD(System Designer)系统设计师,根据领域模型,再配合实体的平台,考虑其效能、稳定、分散与安全性等,所建构而得的软件规格。

PG(Programmer)程序员/程序设计师,从事软件撰写,程序开发、维护的专业人员。以某种程序语言为工具,给出这种语言下的程序。包括分析、设计、编码、测试、排错等不同阶段。

RD(Research & Development engineer )研发设计工程师,广义:是一种工作类型,凡是研究或开发的人员都算,包含 SA、SD、PG。狭义:真正在作研发的单位,搞创新,很烧钱,还不能确定产出。

IT运维(Operation and maintenance)简称it /运维/ IT运维管理,是指单位 IT 部门采用相关的方法、手段、技术、制度、流程和文档 等,对IT 如硬运行环境(软件环境、网络环境等)、IT 业务系统和 IT 运维人员进行的综合管理。

测试(Software Testing Engineer)软件测试工程师,指理解产品的功能要求,并对其进行测试,检查软件有没有错误(Bug),测试软件是否具有稳定性(Robustness),写出相应的测试规范和测试用例的专门工作人员。

前端(Front-End Developer)前端工程师,主要负责写 Html、CSS、Javascript,接 API…等等。

UX(User Experience Designer)用户体验师,或者简称为UE,设计流程包括:目标用户设定,满意度的范围和主题设定,用户需求的功能,互动研究,系统回馈和最终的报告与成果。能够体现用户使用一个产品时的全部体验。

UI(User Interface)用户界面设计师,是指对软件的人机交互、操作逻辑、界面美观的整体设计,在现实工作当中指使用Photoshop、Illustrator…等绘图软件抠个图画个界面,常被各种理由退件反复修改然后熬夜改图的人们,又或者是被叫做美工的那群人。

shejishi

最后我说一下视觉设计师,说一下我们这个部门。从具体工作内容分为,客户端设计师,网页设计师、前端设计师、交互设计师、平面设计师、用研设计师、插画设计师、gui设计师等呢我相信很多人弄不明白包括我自己,所以我将设计相关的统称为视觉设计或许更为合理一些,我说一下自己的亲身经历,至今经历了美工、美编、网页设计师、前端设计师、gui设计师、视觉设计师,要说区别那是肯定的,但是大的范围逃不过视觉这两个字。

梳理当中UI多写了几句,发发个人牢骚,常常一个设计师后面站着好几个用手戳屏幕的主,想到这一幕也是醉了,快端午节了祝那些苦逼的设计师们节日快乐!