叶子

图标练习，我的第一次

joyanneshao — Wed, 11 Jan 2012 11:56:44 +0800

一直都是个web的设计湿儿，从来没有画过这样子的图标，第一次尝试，作为自己设计人生的记录帖，发在偶滴博客里面，欢迎有鼓励我的，批评我的，指点我的人儿们路过留下您宝贵的建议吧，阿门~~~ 绘制软件：photoshop cs5 绘制时长：断断续续的大概有一天的样子绘制技巧：多用智能图层难点：图标的表现方式以及如何让多个图标表现起来有整体感总结：这是个细活儿，没了耐心真不行~~~~

经验浅谈：设计需求管理

joyanneshao — Sat, 31 Dec 2011 11:55:43 +0800

写在前面：作为一个设计师，每天有很多项目的需求并行，一人面对的需求方也很多，但是设计工作不是做完需求就结束了，还要经过复杂的审核、修改和确认，如果你不是一个有把控力的设计师，后面这个环节反反复复，连自己都不知道何时才能做到需求方满意的结果，而这个过程，设计师会很焦躁，同时需求方很不满意，因为你总是做不到他们需要的结果，直到双方都累得不想继续了…那么我们如何去管理我们的需求，确保需求的高质，辛苦不被抱怨？问题背景： 1. 随着项目的持续开展或者业务的不断扩大，需求数量增多，临时调整设计安排、需求冲突导致需要协调的情况概率高。 2. 紧急需求考虑欠周全、变更频繁。具体表现为以下几种情况： 1. 已投入设计，整体方案细节(细化到文案与原型)未确认，边准备边进入设计开发； 2. 方案的可行性（包括技术、业内制约的情况）没有结论，就投入视觉设计环节，牵扯到UED整条线的人员； 2. 临时、紧急需求提交的太过于紧急和临时，材料方案未想周全； 3. 设计稿完成，但是文案或是原型未确认完全；分析下以上情况出现的因素： 1. 策略细节调整（牵涉导致一条产品开发线上的人）； 2. 策略未做调整，为了赶在某个时间点发出，初稿文案或者是页面方案原型先提交设计； 3. 需求确定时间比较匆忙，要求完成的时间太过仓促，前期准备不完善；也许还有更多，欢迎探讨… 解决现状： 1. 解决这个岗位上因为需求紊乱出现工作秩序混乱； 2. 解决因为无法自我把控工作安排带来的被动接受； 3. 解决因为反反复复的修改，却总是达不到需求方的认可带来的苦恼（让自己的工作被认可）； 4. 解决因为需求不明确（这里包括需求方需求不明，同时也包括设计师未深入理解需求，与需求初衷有偏差）造成的工作量倍增。需求管理：根据原先在阿里以及现在工作的情况来看，设计变更太多，设计稿通过率低很重要的一点是以上第四点：需求不明确，变更很随意。基于这个教训,我们要在流程上强化了需求交接的规范，例如产品或者策划应该提供什么产出给设计师，设计师如何收集整理需求并条理化。解决工作中出现的问题，第一步要对自己的工作内容做分析，首先将需求的来源加以定义，由此对到手的需求归类管理，以保证设计需求的明确化。举例下目前我自己的工作分类情况：活动类相关设计，归类为“营销设计”，包括线上推广布点设计（banner、flash广告）、活动专题、活动频道、电子邮件（EDM）等；（其实更好的细分是根据内容型和功能型来区分每个需求，但是为了与需求方的沟通明白，最好站在他们的角度上去做设计分类，这样他们容易理解）公司主要产品线相关，可根据其性质归类为“产品设计”，如手机客户端、搜索功能等等、··· “平面设计”：招贴、门牌、海报、易拉宝、宣传单、名片、工牌、座位牌、各类卡片、吊牌、卡片等等的设计；大致的环节可以设置如下细分，这里只举例营销类的设计（内容型），设计师可以根据环境以及工作状况做细分的调整。到此，设计师必须与需求方明确每一个环节的交接规范，把控需求质量，工作量，以及设计师本身对需求的理解程度。如果在交接过程难以用言语表达，因为往往需求方知道什么样感觉的结果，但是却不知道如何形容，那么你可以帮助他们寻找一些他们目标感觉的图片来帮助你们针对需求的理解一致。营销需求与平面需求相对来说复杂程度会低一些。虽然如此，每个需求最重要的环节就是沟通，不论是需求方抑或是设计师，都必须要保持主动沟通。制定计划：众所周知，业界的用户界面技术创新，速度是快于开发实现技术的。设计师想要做到的许多UI风格和特色尝试涉及到大量的细节以及重复性,而这些并不能被其它角色快速领悟到,并被以风险和技术实现限制的理由加以扼杀。典型的表现为“一群大神指点江山”。因为在每个项目中因为资源、时间有限等因素，我们能做的就是尽量满足需求方多做几个版本的设计，尽其所能有可供选择的成品。但是我们必须做得事情是，断绝不良现象：理想的设计永远是在下一个未开发版本中。这里就需要对设计需求做版本化细分。首先就是分批实现需求：must,need,maybe。首先我们需要提炼需求方的需求，将需求分重要紧急度划分来安排优先级，制定计划,有步骤,分阶段的实施设计工作，对遗留的问题也要有跟踪，对每一个设计目标有明确的时间定义。备注：作为一个主设计师，不可或缺的能力就是“生意”能力，通俗的说就是讨价还价，要把每个需求和项目当做生意来经营。分享机制：关注共同成长，泛泛了说就是作为一个合格设计师的“胸怀”，要有共赢（keystone advantage）的认识。如何组合团队搭建用户参与，设计评审，原型设计，迭代等设计过程。当然在工作的前期，这些事情不一定去主导去做，但是我们可以寻找彼此之间学习的空间，达到共同成长。自己的经验就是：越早制定设计流程就会越早的遵循开展起来，设计实践的效果就会潜移默化的进行。提升自我：作为IT的民工，一定不能原地踏步，我们需要借助网络，借助专业群体的力量去提升自我，挖掘自身的潜力。参与各类专业交流平台，扩展人脉资源，聚合群体的智慧，转化为自我成长的养分。

成年往事那些画

joyanneshao — Fri, 23 Dec 2011 23:18:24 +0800

下班休息之余翻开了成年的一些画，用手机拍的。很旧了，但是是我最珍惜的一些东西，纸质那部分不敢去动，因为我想找个时间把他们装裱起来，动的多了，纸容易破，太久太久的东西了。早前我一直觉得我不应该丢弃画画的天分，不过最终我还是丢弃了，丢弃了去中美学习艺术的决定，选择了理工科…但是跟设计擦边而正因为不舍得，所以这些年都在画画，虽然画工已经慢慢在退步，画不出当年读大学前的功底了，不论是版画、素描、还是水彩，我也终于相信为什么日本前期的出名漫画家因为数位板的出世而从此一蹶不振，手上功夫一年年在退步～～～纪念下我的成年往事，每张画的背后都是一段生活。至今都让我很难忘的，武义一中的画室、武义熟溪边上的画社、一起画画的兄弟姐妹们、集体的师傅、大学的红色家园、不见天日的大一暑假… 对于素描，拍下来的照片不多，网络相册中就翻到五官、静物和摩西～～～其他的都是没有了规律，随着时间的推移，兴起之作～～～由于是手机拍得，难免有些歪歪扭扭，讲究看吧。后来转变风格了，只画线条，不上色了，我是线条派：

活动收获：11.19号pmcaff走近阿里大型产品交流

joyanneshao — Wed, 14 Dec 2011 14:12:25 +0800

晚来的一篇总结。上个月中去参加pmcaff在阿里一站的交流会议，收获颇多，但是需要慢慢消化。讲的东西比较专业，我是个认真学习的孩子，废话不多说了，分享当天大牛们的主题：分享内容纲要： 1）张勤，阿里巴巴副总裁，《互联网时代的竞争格局》计算机行业的发展简述互联网行业公司比传统计算机硬件，软件行业公司成长的速度更快，更惊人建立产业生态系统的想法即互联网企业平台化战略的思路苹果，亚马逊，Facebook等平台公司的运作模式阿里集团的平台价值观，具体战略 2）王磊，阿里巴巴产品部资深总监，《商业产品如何赚钱》先考虑几个问题？凭什么收钱？怎么收钱？B2B有哪些商业产品？做产品前先忘掉产品！问自己，用户是谁？解决了用户什么问题？产品的用户价值什么？商业产品和用户产品的不同，用户产品是商业产品的基础，商业产品创造收入，交叉补贴轻易不要创新收费模式，常用的收费模式有会员制，提成制，虚拟币 B2B都围绕电子商务生命周期下一步我们要做的事：开放 3）杨润华，阿里巴巴高级产品专家，《产品经理技能与方法》 B类产品链产品价值从哪里来？解决信息不对称，流程不协调等的IT价值，市场管理价值，其他价值整合，比如营销，物流，资金流阿里产品过程简介，组织架构简介产品管理的思考之平台化，起初平台基础功能的定义和建设比一开始就有很多的平台产品要重要；问题规模的扩大，不应增加同比增加成本；提高用户的参与度，为平台增值；产品管理的思考之用户体验及营销，营销应该更注重提高自身产品价值及用户吸引力，这个工作应该优先于“追求用户” 产品管理的思考之激励机制，什么是激励相容？产品管理常犯的错误，因果倒置，假设错误，局部最优，大材小用，逃避取舍，内药外敷下面是当天的课件： pmcaff走进阿里— 张勤互联网时代的竞争格局PPT pmcaff走进阿里— 王磊商业产品如何赚钱PPT pmcaff走进阿里— 杨润华产品经理技能与方法ppt 我的学习提纲：

淘宝图想体验区设计思考

joyanneshao — Sat, 12 Nov 2011 22:18:39 +0800

这是支持图想团队的同学们的一次设计，也正是这次机会让我开始对设计做了一次思考。图想目前的搜索流程必须经过的三步：传图(贴网络图片地址)——框选图片——类目选择，最终搜索，如下图：也许你会问，难道就不能直接上传一张图片就搜索么。当然如果我们的搜索能够满足用户直接上传图片后就能直接给出他希望的结果，那自然是非常美好的事情，只可惜现在还是起步阶段，图片搜索的市场还是预热期，技术门槛也是，所以我们目前支持不了用户直接跳过框图步骤去搜索。图想面临一个问题，在搜索过程中，总是有很多用户不知道要先把商品框出来再做类目选择。往往都直接选择了类目之后就直接去搜索了。于是希望在仅有的一块商品展示（即体验区），能够做些事情，让用户能够潜移默化的感觉到搜索类似的商品需要先框出商品。一、淘宝图想体验区设计思考针对这个需求。我们希望传达搜索需要框图的目的。对于我们想传达给用户的信息：搜索要框图（即要框出要搜索的商品）。起先的设想如下图这样就好了，告诉用户，框选商品即可。如图这样，觉得这样已经是ok了，这样便告诉了用户框选要搜索的商品。可是换位思考一下，这样的方式并没有让我明白图框出来的区域意欲何为？于是我反反复复的去体验图想的搜索过程，尤其是框图的过程，每次框图总要从边缘往要搜索的商品边缘靠拢：不间断的去尝试这种，拉动靠拢的过程，于是灵感就从脑海边擦过，对，就是聚焦！，相机聚焦的瞬间就是模拟了目前我们这个搜索方式。恰好，他也符合了我们手机终端的使用交互，随拍随传，随时搜索。结合图想本身是flash的特点，实现这个效果并不困难，于是就舍弃了第一个死板的方案，采取了相机光圈聚焦模拟的方案，如下图：到此，最终的效果就这样决定了。但是设计的思考并没有结束。二、视觉设计，体验制胜最初接触网页设计，那还是美工时代的设计，重视的是：视觉效果。并且，对网页设计一窍不通的老板门就是资深的视觉鉴赏家，他们最终决定如何的视觉成果才是好的。那时候的美工很痛苦，一个案子做好多个方案，反复修改，直至崩溃。那时候的对于精致、质感的无极限的追求风很热，牛逼的设计师就是有着视觉感牛逼的作品。但是如此的追求却会让人顾此失彼，忘记了从用户的视角去审视一个的作品。于是，经常会看到虽然很漂亮，很有创意，但却不知如何使用的界面。（虽然这种现在在这个时代也不少见，甚至我的收藏夹里依然保留着多年前认为优秀的网页设计，如今却觉得它仅仅是外表光鲜。）那些光鲜的页面，看到的部分，无可挑剔，但是用户初级需求不是好看，而是有用，然后是能用，那么可以从下面几个方面来阐释： 1）知不知道这个是什么东西？ 2）能够通过这个东西做什么？ 3）如何做到呢? 4）有兴趣尝试时，如何开始？ 5）知道如何开始，那么怎么样去完成下一步？这就是跨入了UED时代我们经常问自己和问用户的问题。如今我们不缺技术，不缺震撼的视觉设计，但是我们缺的是用户来体验，对于一个新生产品更是如此，我们缺少用户关注，缺少用户来用。新的产品不可能完完全全沿用老产品的体验，虽然更多的时候我们都希望以新的产品装载旧的体验，以便达到学习成本最小的目的。但当这个目标无法达成的时候，我们要引入场景教育成本。三、如何去设计一个场景教育，谈点粗浅的心得。我们可以选择模拟现实行为。人从一出生到有记忆起，都在不断学习和模拟现实中的一切行为，而与我们生活息息相关的行为正是我们记忆深处很熟悉的事物。图想体验区的焦点聚合效果就是采用这种冥想，取之于生活，用之于生活。让人很容易就关注到焦点位置，从而在结果中明白焦点与结果的关系，并进一步理解这个产品。从小细节设计起，增进产品的体验。以上都是一些菜鸟的理解思考，呵呵。