如何用一周时间快速开发码市 App?

码市 Slogan

创业公司的决定往往让人出其不意


为了筹备10月20号码市产品发布会,CODING 开发团队从9月开始如火如荼的开发码市网站,10月初码市网站已基本成型,可以正常运作。再此期间,码市App并没有纳入筹备计划中,取而代之的是码市移动版。就在发布会前两周(没记错的话应该是10月5号),张老板突然下达了命令:我们要用一周时间开发码市 App,必须赶在码市发布会之前上线!OMG!此事当真?!

挑战就是做一件你认为不可能完成的事情


一周时间开发码市App 的确称得上一个极限挑战,如何合理的安排时间?10月6日开始到10.20号整整两周,期间要做需求整理、原型制作、Ui设计、程序开发,外加一周 AppStore 审核时间。为了按时完成任务,做产品之前必须规划好清晰的任务排期。

任务排期:

产品定位(1天)-> 原型制作(1天)-> UI设计(2天)-> 程序开发&测试(5天)-> 7天审核

这个排期够紧迫了吧,可 iOS 客户端想在预期的时间上线还是不可能,时间必须再压缩。

调整后任务排期:

需求整理&原型制作(1天)-> 程序开发&测试(5天)-> 7天审核

开发根据低保真原型图开始搭建框架,与此同时并行 Ui 设计。

时间安排妥当了,接下来用半天时间熟悉码市网站,还好之前带过几个移动端的悬赏项目,对码市的流程有一定了解。下面是码市数据结构图:


码市数据结构图

通过数据结构图你会清晰看到码市网站所有功能,然后将功能列出优先级, V1.0 需要做哪些功能,剩下的功能放在以后版本做迭代。浅蓝色框住的模块做成 Vebview 界面,所谓 Webview 就是嵌入 Web 网页,小组讨论后的结论是:悬赏详情做纯嵌入式、参与悬赏做半嵌入式(报名弹框的部分做成 Native 界面);浅灰色框住的个人资料第一个版本不做。登录注册原来计划只做登录,后来在 CTO 的建议下采用手机验证码低门槛的方式。“发布悬赏” 作为重量级功能张老板强调一定要做成 Native 界面,方便需求方随时随地发布悬赏。当然一级界面也要做成 Native 界面,毕竟还是要靠脸吃饭的。通过以上描述优先级显而易见。下面是加班加点赶出来的码市 App 的交互原型图:


交互原型图①
交互原型图②

下载过码市 App 的朋友会发现,实际效果和原型还是有些出入的,没关系,以你看到的效果为主。首页是采用竖列表布局,通过上下滑动查看更多悬赏,非常简单的视觉和交互。由于码市产品比较轻量级,首页底部并没有使用标签导航形式,而是充分利用了首页顶部导航以及第一屏的位置。

下面是一个微小的改动,下拉切换样式对手机来说操作比较麻烦,即便是 Web 网页操作起来也不是很方便,“所有类型” 作为悬赏最主观的筛选条件,需要体现出直观和易操作。


细节改进

嵌入 Webview 页面的做法,一直是我很担心的,用户看到 Webview 页面其实会有反感心理,甚至会觉得这个产品做得很不友好。我们内部也思考过这个问题,结论是:嵌入的页面一定是不需要或者有比较少的交互操作,比如悬赏详情,介绍页,码士说等内容性页面。因此功能性页面需要做成 Native 页面,比如:发布悬赏,参与悬赏,注册登录,意见反馈。为什么个人资料宁可不做,也不嵌入 Webview ?也正是因为个人资料包含:个人信息,技能展示,身份认证,码市测试几个内容量大且需要用户手动完成的功能页面。做成嵌入式估计用户会疯掉吧。

经历了一周加班加点的赶工,码市 App V 1.0 iOS 版本于 2015.10.12 提交,Android 晚几天提交,也许是上天庇佑抑或人品爆发两个平台都在 20号之前顺利上线,码市 App 这个早产儿就这样横空出世了!此处应该有掌声,我们做到了一周开发一个 App 的奇迹,我想这也是移动端团队迄今为止做的最有成就感的一件事情。

一些成果的检验和对未来展望


码市 App 的界面设计定位是简洁中性风格,下面展示的 icon 是码市新年主题图标,码市就像一个初出茅庐的齐天大圣形象,正在以戏剧的方式改变着众包行业。

效果图展示

目前码市 App 已迭代 4 个版本,更新到 V 1.6 版本,优化了很多细节,比如 Webview 页面进度条控件加载流畅的问题啊,个人资料功能的完善等,身份认证和码市测试还是以悬赏的形式,招募外部开发者加入移动端项目组一起完成的,合作的很愉快,产品的效果也特别好。

最后希望知道 CODING 的朋友和不知道 CODING 的朋友看到这篇文字对码市 App 有新的认识。也希望广大程序猿、产品经理、设计师朋友们在缺钱的时候来码市找找赚钱机会,有创业梦想的抑或是想解决公司产品问题的老板们多来码市看看,说不定码市一不小心就解决了您的问题呢。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,509评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,024评论 4 62
  • 永不言败 早睡早起占人体健康的百分之七十,心态、饮食、及时调理各占百分之十,我们就可以知道早睡早起的重要性。 我们...
    巴青扎巴阅读 514评论 0 0
  • 以前还能在空间或人人写点文章, 总结思考一下, 现在就在这里吧. 2016年, 猴年, 工作的第二年. 工作已经近...
    小失阅读 223评论 1 2
  • 上午练完,几个收获:1,原来练寿与天齐的时候,大椎下部,也就是后背僵硬。今天感觉松快很多;2,回头望月后加上用耳朵...
    jzqqqqjz阅读 218评论 2 3