非师06宝宝们

唤雨师:

我的个人简历,结合app的形式可以更好的将自己分为几个模块总结,这样可以很直观的表达以前的自己,使得HR和其他人能通过这6大模块第一时间了解到你。呵呵,这就是我,不知道是否高端、大气、国际化.......

工作洽谈 QQ:514972119

 邮件:514972119@qq.com


App开发流程

小和:

目前,我正在做我们公司《彩忆》App的第三版更新,这段时间为了《彩忆》看了不少书。通过与其他设计师、领导、老板的沟通,也学到了不少知识。现在,我把自己的心得总结出来,分享给大家:






第一步:项目规划



  • 我们要做什么产品?


  • 有市场吗?


  • 市场竞争激烈吗?


  • 利润空间如何?


  • 容易变现吗?


  • 方法有哪些?


  • 需要做哪些准备工作?

    (如:用户测试。需要找那些人做测试?是问卷调查,还是沟通?需要问到那些问题?怎么去找受众人群?用什么方法让人们接受测试?)(可参考我写的《“中国式”用户调查》)


  • 需要多长时间?


  • 时间如何分配?









第二步:找出产品的亮点!


这一步十分关键,将决定产品在市场上的成功率。


竞品分析:找出我们的竞争优势,以及我们该如何做才能取胜,然后如何强化我们的优势,让其他产品望尘莫及。总结同类产品的优缺点,学其长处,他们的缺点要引以为戒。(可参考我写的《“亲子类”APP分析》)




用户调查:如果我们做这个App,用户会下载吗?他们有这个需求吗?有这个需求的用户是哪些?他们有什么特征?购买力如何?




若市场竞争过于激烈,则果断放弃,寻找更好的市场。






第三步:出方案(思维导图)




  • 思维导图要从“产品的亮点”出发,把我们的优势展现出来


  • 根据功能进行组织,一切要清晰明了


  • 把用户80%常用的功能放在首屏,且只需一次点击就可操作


  • 分清用户的权限,把不同权限的用户可使用的功能梳理清楚,如图:



  • 连同前两步制成PPT,方便展示,把思想明确的传达给其他同事。



然后与领导、同事进行沟通,没有问题再进行下一个环节




第四步:手绘原型图



画出所有流程的手绘原型图,有需要说明的地方,要特别标注。根据用户的使用步骤,展现在白板上。


同时跟领导、程序沟通:



  • 产品是否符合前期目的


  • 产品优势能否发挥


  • 技术实现上有没有难度?



有问题,在这一步立刻解决,没有问题了,再进行下一步。








第五步:高保真原型+AxureRP




(如果可以,高保真原型做好后就先交给程序来实现。“程序”与“视觉”两条线同时进行,这样可以节省大量的时间,详情见《在你身边,为你设计》


此时,要把所有的界面框架图全部做出来,要完善


先导进App《快现》中,快速的做展示:



完成后


首先,自己看看有没有什么问题:



  • 是否容易点击?


  • 哪里有交互的错误?


  • 层级是否太深?



然后,交给领导和其他同事测试,有可能会发现,你自己发现不了问题。


最后,用Axu做一份完整的最终方案,交给领导和程序。




第六步:视觉设计


根据产品的定位和用户人群,来决定整体的视觉风格。


如:用户是商务,那就炫酷黑,用户是小资女性,那就要小清新。(设定视觉风格是在第三步策划决定的,这一步负责实现)


有了前面一步一步的基础,这一步改动几率就会很小。


交给程序后,时刻配合程序工作。








后记:


目前市场竞争越来越激烈,同类竞品越来越多。


我们应该缩短产品的开发时间,不必拘泥于一个点停滞不前。


先研究市场上是否有这个需求,有需求就快速的做出来,推向市场,让市场来检验



  • 行,那就再优化,给用户更好的体验


  • 不行,那就果断放弃,节省时间和精力投入其他项目中


fion's GUI design:

【临摹】临摹了一个实物,深泽直人大神的面包机

— Summer Design —:

2012.1.15(相机图标)

画外音:在dribbble翻到了这枚图标,决定来学习下镜头泛光的表现,看了半天无从下手,多谢Loveui群里的卡米Q同学提示,茅塞顿开地琢磨了一下午终于做的可以见人了。

总结:

①遇到不知道原设计是采用什么手法设计时,可以按照自己掌握的方式来达到类似的目的。无论方法如何,结果很重要,不过有其他好的方法也一定要采用。

②分析很重要,例如此图标的镜头,大致有7圈,分析过后发现7圈的各个圈采用角度渐变可以达到类似效果。

③配合内阴影/投影、斜面浮雕完成向内凹的细节

④最外层的遮罩光,通过白色图层柔光/叠加/斜面浮雕/投影

⑤最后是彩色内圈的两处高光