开源动态   

听DailyCost设计师谈HTML5移动应用优势

时间:2013-01-28 17:26:00

DailyCost - 记账软件,iOS平台应用,HTML5实现

DailyCost 是一款简洁优雅的每日消费随记应用。官方微博:@DailyCost

它拥有自然的操作体验和漂亮的统计图表,是一款不可多得的记帐软件。

- 简单易用的界面

- 自然的操作体验

- 智能类别

- 清晰优雅的统计报表

iTunes购买地址请戳这里。完全采用HTML5实现,秉承“简洁优雅”原则,是HTML5移动应用体验的标杆之作。上线3个多月便获得23万的下载量,作者梁国鹏(Alien)身兼软件设计、程序开发、体验设计、运营推广于一身。DailyCost曾在全球80个国家和地区的财务榜都挤进过前5名,在超过100个国家和地区的App Store首页获得过官方推荐。

梁国鹏(Alien)@GuopengLiang

CSDN:请先做个自我介绍吧,给自己什么定位呢?是独立开发者还是设计师?

我叫梁国鹏,1985年出生于广东深圳。9岁那年父亲送给我第一台486个人电脑,从那时开始便自己折腾各种软件硬件。15岁那年做了第一个交互式Flash个人网站AlienHome。在深圳中学实验班完成了5年制的初中高中连读课程,本科开始在华南理工大学学习工业设计,后保送同济大学研究生,也是工业设计方向。在学期间获得过IDEA、红点、Electrolux Design Lab等国际工业设计竞赛奖项。曾经获得英国Royal College of Art以及美国Art Center College of Design两所世界著名学府工业设计专业的录取,但因为个人原因没有如愿。

梁国鹏工业设计作品:iBasket智能洗衣篮

如果可以的话,我更希望自己能够成为一名创新者,做更好的产品,为更多的人服务,用实际行动为人们的生活带来美好。我相信人的潜力是无限的,不希望因为“独立开发者”或是“设计师”的名号而让自己有所局限。无论是设计思维还是开发技术,都只是实现创新的其中两个必要条件,所以我非常乐意去学习和实践新的知识,探索以前还没有尝试过的领域,为将来更大的创新做好铺垫积累。

很高兴能获得这个访谈的机会,我希望能通过这次机会和大家分享一下我做DailyCost的思路和经历,以及我对产品设计的理解,希望能给读者朋友们一些启发。

CSDN:说说你为什么想要做这么一款应用呢?对于移动应用的开发有没有独到的市场分析?

我本人就是个记帐控,自从3年前我有了第一台iPhone以来,就一直在用着各种记账软件,前前后后试用了不下50款。我发现绝大多数的记帐软件功能对我来说太过复杂,每次打开不是启动慢就是要录入很多的信息,最终能坚持用下来的甚少,自身需求是我做该款应用的直接原因。我身边的一些朋友也和我有类似的经历。我想或许有很多用户会和我一样,并不需要特别复杂的理财功能,只需要简单的记帐就足够了。

提到对市场的分析和把握,主要还是先有自身需求,之后会对同类应用进行大量大范围的对比分析,我站在用户的角度会提取出最终的感受,在自己应用的设计上加以运用和改善。App Store 本身就是个庞大的市场,很大程度上体现出移动世界的真实需求,以自己的想法为核心多去试用比较是必要的。

CSDN:DailyCost是你的第一款应用?聊聊你的创作过程吧,自己最大的收获又是什么呢?

在此之前还设计开发过一款移动问答的HTML5应用,不过并没有在iOS平台上发布。DailyCost第一版的创作周期总体在4个月左右。

回想起DailyCost的创作过程,我几乎没有画过一张完整的UI效果图,完全是以我自己所理解的“敏捷”方式在进行。在有了初步的草图构思以后,我只是简单的在Photoshop里画了两张大概的示意图,将必要的功能区块和信息呈现表达清楚,并在反复推敲过布局框架和场景转换等关键路径后,就直接开始写Code进行快速的Demo还原了。就这样每天晚上两三个小时,在一周左右的时间内,第一个充满了Bug但能完成数字录入、分类选择和删除操作等基础功能的Demo就诞生了。接下来就是打磨和细化体验了。我给自己列了一个详细的To-Do List,上面记录了各种想法构思和要解决的Bug,我把这些Feature和Bug再进行细分,哪些是DailyCost第一个版本最最需要完成。因为要解决的问题难度不一,有的需要做比较细致的研究,所以我需要根据实际情况不断的调整重心和优先级,让项目变得可控。有了更进一步的阶段性成果后,我通过TestFlight将软件的RC版分发给好朋友进行试用,并从他们的反馈建议中进行微调,做好提交App Store审核上线前的最后修正。

最大的收获无疑是在如何打造产品上的思考方式和实践经验。在产品规划上,第一版DailyCost只完成最小功能集合就发布了,也就是所谓的Minimum Viable Product。只有记帐、删除、左右滑切换日期和横屏的每周统计图表,没有货币设定、备注、返回今日的功能。这样的好处是,让产品在尽可能短的时间内上线,基于真实的目标用户快速验证产品功能是否满足他们的需求,并基于他们的反馈做改进。上线至今,DailyCost已经通过各种渠道收集到来自用户的数千条需求建议。我将这些反馈做好整理和优先级规划,下一个版本的DailyCost就可以有针对性的为用户提供他们切实需要的功能了。如此迭代,和用户一起成长,非常的高效!

CSDN:移动软件的设计,在设计风格方面现在是百花争艳,你觉得“设计风格”这个因素在软件成功与否方面占据多大比重?

要想清楚这个问题,自己首先还是要明确所做的App属于哪个类别,了解自己的潜在竞争对手都有哪些,和他们相比自身的优势和劣势分别是什么,扬长避短。

我相信对于绝大多数应用来说,在保证基本设计质量的基础上,“设计风格”不会是一个“决定成败”的因素。耳目一新的设计会在短时间内给用户带来新鲜感和跃跃欲试的冲动,而且UI上的创新有机会成为宣传上的卖点,让产品更好的进行自我传播。但从长远来看,能够留住用户的往往还是那些能够准确抓住用户需求,并为用户创造价值的产品。

CSDN:谈谈你对iOS设计风格的理解,通过开发DailyCost,是否认为iOS平台的设计有章可循了?

Apple为我们提供了非常棒的人机交互设计指南,它对iOS平台的用户体验标准,界面控件体系和设计模式都有非常详细的阐述,是很好的参考资料。

它的意义更多的在于指导不同背景的设计师做出体验相对一致且符合平台规范的设计,从而减轻用户在使用操作方面的学习成本,但是千万不能指望遵从了这些条条框框就可以设计出伟大的产品。优秀的设计师一定要具备更高的眼光。iOS平台上有很多体验设计非常棒的App,它们在交互设计和视觉设计上有许多值得参考的创新点。不要耻于学习和模仿,但一定要有自己的思考和创新之处。另外,不要把目光只集中在iOS一个平台上,要看得更广,像Android、Windows Phone以及BlackBerry、Ubuntu这些新兴平台的UI设计上也有各自的亮点,值得学习。对于设计师来说,有了这些前期的积累,更重要的就是在具体的项目中因地制宜的进行判断,选择最优的设计方案。

CSDN:对比移动游戏,你更喜欢那个方面?我了解你的Flash技术很娴熟,为什么不选择Flash游戏打包进入移动游戏市场?

关于游戏,目前有一些初步的想法和构思,倾向于教育益智类。

如果真的要落实到技术开发上的话,还是会优先考虑HTML5,而不是Flash。相比之下,前者有更多的灵活性,对不同的生态圈兼容得更好。

CSDN:在你看来,过往的Flash设计与AS开发经验对你现在做移动开发是否很有帮助呢?

以前在Flash动画和ActionScript方面的经验还是有帮助的。DailyCost是基于HTML5的,在开发思路上,Flash/AS动画和HTML/JS动画在原理上有相似的地方:都是以对象为基础,前者是对MovieClip而后者是对DOM或Canvas中的元素进行操作;都是以脚本来控制对象的移动和变形,对时间和缓动系数的定义也非常相似。还有,JS和AS两种语法比较接近。

CSDN:你采用HTML5实现了DailyCost,谈一谈你对原生应用与Html5技术在移动端的优劣?是否也是具体项目具体分析呢?

HTML5应用对比原生应用的优势,第一在于它较好的跨平台性,能兼容不同的生态圈。同样的程序不仅可以在不花额外功夫的前提下同时跑在iOS、Android、Windows Phone等各大平台的移动浏览器中,还可以运行在Windows、Mac等桌面平台甚至是TV的浏览器中,而套上类似PhoneGap、Appcelerator这样的解决方案还能进驻到各个平台的应用市场,享受和原生应用平等的销售和推广待遇。而iOS/Android等原生应用,受到平台的约束会更多一些。比如你无法简单的将iOS原生应用移植到Android平台,这几乎需要你用另一种语言重写一遍,反之亦然。

第二,HTML5作为下一代Web标准,各个平台厂商、硬件厂商、浏览器厂商都在不遗余力的为它提供更好更全面的支持,包括硬件加速带来的JS脚本执行和图形性能的提升,对底层硬件设备更丰富的连接性,以及更丰富的CSS渲染效果等等。虽然就目前来说HTML5应用在移动设备上的性能和原生应用还存在一定的差距,但不可忽视的是硬件设备本身更新迭代的速度还是相当惊人的。经过大量性能优化的DailyCost,虽在iPhone 4上的体验还有小小的顿挫感,但在iPhone 4S和iPhone 5上已经非常接近原生应用的流畅度了。而相信在不到半年内,随着下一代iPhone的发布,性能还会有更大幅度的提升,届时人们也会乐于更新他们的iPhone 4,所以整体来说性能不会成为一个大的问题。最后,HTML5应用的开发门槛相对较低,界面呈现使用HTML和CSS,而业务逻辑方面用JavaScript。网上有非常多的参考资源,相对于Objective-C和Java来说,比较容易入门。

对于资源和精力相对较少的团队而言,比如我,选择一种技术也意味着选择一种生态圈,而HTML5是我做DailyCost最好的选择。当然,HTML5作为移动应用开发的手段也有它自身的局限。例如,在iOS平台上要调用原生的控件(键盘、Date Picker等)还是会有一定的难度;有一些新的API在短时间内比较难用上;对第三方解决方案(PhoneGap)有依赖性等等。

CSDN:我很钦佩你,DailyCost这款应用你一人承担了产品设计、体验设计、开发、产品定位以及所有的运营推广工作,你是如何做到的?

App Store 最近战绩(via @DailyCost)

兴趣爱好是最大的驱动力。DailyCost这个业余时间的项目给了我很多学习和实践的机会,从产品定位,体验设计,技术开发,到运营推广,其中有很多是我从来没有涉足过的,过程也遇到了很多的挑战。

举个例子,在技术方面,因为DailyCost是基于HTML5开发的,在这一块最大的问题是对性能的优化,为了让动画更流畅,让操作的反馈性更好,我翻阅了不少外文资料,也试验了很多很多不同的技术方案。最后发现为了追求性能,有很多框架所提供的函数和第三方插件都不能使用,很多代码也都用原生JavaScript重写了一遍。要处理好这些问题,只能利用好业余的时间,提高效率,在做任何重大的调整和决定前更多的到一些论坛社区去参考前人的经验。

不过比起所遇到的这些挑战,对我来说更重要的意义在于,实践完这一套流程,加上在各个环节的所学所得和经验积累,能够帮助我总结出一套高效而且可复制的成功型产品研发模式,应用到我的下一个项目当中,并为将来做出更好的成绩做好更充分的准备。

梁国鹏近照

CSDN:我理解的设计师是一群热爱生活,懂得欣赏细节的人。怎样保持这样的心态?今后还有什么打算?

细节的美好无处不在,要保持一颗善于发现和思辨的心。有机会的话希望到美国留学深造,同时体验一下硅谷的创业氛围,认识更多志同道合的朋友,努力做对人和社会更有意义的事情。我希望通过自己的努力和拼搏,有一天能实现自己的设计梦想。无论是做实体产品,互联网产品,还是两者的结合体,能够探索出可持续的商业模式,为用户带来更大的价值,同时也更好的支撑我的梦想。

编辑结语:作为一名设计师,或者称为一名杂家,Alien的艺术背景使其对移动开发这件事的理解与众不同。他既有别于一名热血的创业者,也有别于对游戏领域热衷、技术出身的独立开发者,Alien所做更多出于自己的感触;一名用户所能感受到的体验、需求。他这份细腻带来的是更贴近人心理的诉求。相信此次对Alien的访谈,不论你我,都可有从他的真情流露和真诚分享的字里行间中受益匪浅。

(文章编写:王晨曦 责任编辑:张宁)

 

来源:PHPchina

Notice: Constant RUNTIME already defined in /srv/html/srccn/news/config.php on line 15 Notice: Constant ROOTDIR already defined in /srv/html/srccn/news/config.php on line 16 Notice: Constant SITEDIR already defined in /srv/html/srccn/news/config.php on line 17 Notice: Constant DATAURL already defined in /srv/html/srccn/news/config.php on line 20 Notice: Constant VERSION already defined in /srv/html/srccn/news/system/kernel.php on line 17 Notice: Constant COREDIR already defined in /srv/html/srccn/news/system/kernel.php on line 18 Fatal error: require(): Cannot redeclare class mysql in /srv/html/srccn/news/system/kernel.php on line 22