恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
一款APP的求生之道
0.0°
2017-03-06 原创文章 经验/观点 举报 1148 2 2 0

去年夏天写的文章,如今再看未免有些稚嫩,还需再修改提升!


智能机的普及、web3.0时代的到来,让我们逐渐熟悉了手机里的App,可以说APP对于我们并不陌生,一旦你接触了它们,便赋予了它们生命力,你可以发现每一款APP的与众不同,但你真正了解它们吗?它们是如何诞生的?是谁赋予了它们这样的生命力?

接下来我给大家系统的介绍一下吧!


1.1 什么是APP

APP的定义是什么

APP俗称就是计算机的应用程序

在过去广义的来讲,这组程序只是为了满足用户的某一个具体功能需求而开发

它既可以在电脑上也可以在移动端,但现在来讲更多的是移动端的APP,目前主要包含手机端和pad端。


APP的执行平台( 哪里可以使用APP)

谷歌-Android

苹果-IOS

黑莓机-Black Berry

微软Windows Phone


APP的分发平台(哪里可以下载APP)

APP Store

谷歌 Play

Windows Phone Store

黑莓世界

Amazon Appstore

Nakia Ovi Store

Samsung Apps

...

两种软件架构

a.客户端服务器C/S(Client/Server)用APP的形式来安装到个人电脑或移动设备中,来访问服务器(优点:速度快/缺点:需要安装)

b.浏览器服务器 B/S(Browser/Server)用浏览器网页的形式来访问服务器(优点:不依赖不同电脑系统平台/缺点:需要网速,在线才可以)

Image title1.2 APP的父母们

APP的“奶爸奶妈”们都有——产品经理(产品汪)、设计师(设计狮)、程序员(程序猿),运营者(运营喵)


如果按不同方向,我们把他们分为三类(此处用最简短的语句说明每个职能的工作)

第一类: 构思设计方向

产品经理(PR:product manager):产品的全权领导者(全程参与管理决策)

第二类: 技术实现方向

交互设计师(UE:User Experience):负责用户体验(哪个按钮放哪能让用户操作流畅)

视觉设计师(GUI:Graphic User Interface):界面视觉效果呈现(颜值好与坏)

客户端工程师:负则IOS/Android APP代码呈现(特定系统的客户端编程)

后端工程师:负责后台的接口数据及业务逻辑的实现(人们看不到的数据库)

运维工程师:检测系统运行,日常配置备份等(运行和维护)

测试工程师:软件质量的把关者(找出bug在哪)

第三类:运营推广方向

运营专员:负责推广吸引用户(不同渠道宣传)


1.3 APP的成才10步

1.为什么要这个孩子(战略层:定位)

首先需要对想要做什么产品有一定的思考,为什么要做这个产品,这个产品的定位在哪,用户群体是谁,符不符合大的政治经济背景下的方向,可以用PEST、SWOT来制作宏观环境分析模型。

2.开始实行造人计划(范围层:需求)

有了定位后开始撰写需求文档,我们这里重点针对的是产品需求文档

商业需求文档(BRD:Business Requirement Document)商业需求文档内容结构包括:方案形成的背景、方案的价值、产品规划、盈利模式、收益与成本评估、风险与对策

市场需求文档(MRD:Market Requirement Document)市场需求文档内容结构包括:文档说明、市场分析、用户分析、产品说明

产品需求文档(PRD:Product Reauirement Document)产品需求文档内容结构包括:文档说明、产品说明、全局功能说明、局部功能详细说明

工具可以用Word、PPT、Axure、Visio等(大部分人会用Word)

3.孕育初期(结构层:逻辑)

有了明确的需求后再做逻辑思维导图

思维导图内容可以直接从几个页面下手,页面的主要功能和逻辑

工具可以用Mindnode、Mindmanager、Xmind(个人强烈建议Mindnode:功能简单直接)

4.孕育中期(框架层:布局)

有了思维导图后开始制定界面线框图(Wireframe)、用最快最有效的简单图形来绘制、对应哪个界面有哪些功能,一个按钮的大小尺寸、该放在哪

工具可以使用Sketch、Axure、OminiGraffle等(如果时间紧迫个人建议Sketch+OminiGraffle绝配、先用sketch画线框图,画完导出到OminiGraffle里最流程图展示给别人)

如果是小公司的话这个工作由产品经理或UI设计师来完成,大公司由UE来完成


Image title

(上图为线框图)

5.孕育中后期(表现层:设计)

根据线框图和产品定位来完成视觉效果的填充-视觉稿(Mockup)。如果时间充足可以再完成跳转页面的原型图(Prototype)

视觉工具可以使用Sketch、Photoshop、Illustrator等(个人建议Sketch,优点可以百度一下)

动效工具可以使用Flinto、Axure、Hype、Pixate等(每一个工具的侧重点不一样,根实际情况选择适合的工具)Image title

(视觉稿)Image title

(原型图)


6.终于出生(实现层:开发)

如果没有跳转流程上的错误接下来就可以开始开发,设计师需要交给工程师标注和切图

切图工具如果是Sketch的话可以用自带的,PS的话可以用Cutterman、Slicy(限mac用户)、PxCook、Cut&Slice me等

标注工具如果是Sketch的话可以用u大编写的measure插件或Zeplin,PS的话可以用Dorado、MarkMan等Image title

(标注图:需要标注长宽颜色字号大小字体)

Image title

(切图:安卓的mdpi/xhdpi/xxhdpi IOS的@1x@2x@3x)


安卓开发需要用java编程

ios开发可以用OC(Objective C)或Swift或C++编程

WP(windows phone)一般用C#编程

黑莓的话OS7之前是基于Linux的,可以用java,之后BB10可以用C、C++、java、html5 等编程



7.灌输价值观(修复层:测试)

工程师开发完交给测试,测试需要找出产品bug,工程师再来修改Bug.当没有出现大Bug时,测试版就可以上线了


8.社会的评价(反馈层:用户)

当测试版上线了后,产品经理会搜集用户的反馈


9.反复重复以上步奏(磨砺层:不断迭代)

当产品经理得知这些反馈, 会继续修改产品需求文档,再转交给交互设计师、交互设计师再交给视觉设计师、视觉设计师再交给程序员,依次列推,然后正式版本再上线

10.真正成才(成就层:用户喜爱)

当用户量的增大,人们对你培养出来的孩子爱不释手的时候,这款辛苦培养出来的APP才真正变得有价值


以上便是我对一款APP的成才解读,当然其中还有很多细节需要不断探索

希望我们培养出的每一个“孩子”都会招你喜爱!也欢迎你加入我们,打造出真正“成才”的APP!

更新:2017-03-06

收藏

2人已收藏

shirley小旎

驯服那些生活中所必须的复杂

  • 15

    作品

  • 31

    粉丝

  • 21

    关注

  • Speak Mandarin 教育网站
  • “安心小易”微信公众号界面设计
  • 旅游网站-beijing tour company
  • 扁平插画网站
相关标签
经验

    猜你喜欢

      2017-03-06 原创文章 经验/观点 举报 1148 2 2 0

      一款APP的求生之道

      0.0°

      你确定要举报一款APP的求生之道

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录