手机产品设计在流程上跟互联网产品设计出入不大，在交付物上也有交叉点。很多新入行的朋友一直困惑于手机产品设计该怎么进行，该交付什么样的产出物给团队其他人员。小公司产品经理可能一条龙式的包揽了需求分析、竞品分析、功能设计、交互设计等，交给技术人员的直接就是PRD（产品需求文档）。大公司由于职能细分，可能会有项目经理、产品经理、产品设计师、产品架构师、产品策划、交互设计师、视觉设计师等细分职位，那么设计沟通就成为更不可少的步骤了，时间都被浪费在流程和会议中了，大家经常会纠结于功能或者设计的细节，忘了我们的核心用户，忘了产品的核心价值，无数次的pk，最终力求找到每个人认为的最符合用户需求的设计方案。
HTML 5 引入并加强了一系列功能, 包括表单控制, 应用程序接口(APIs), 多媒体, 结构化和语义化。都说html5+javascript是flash或者silverlight这类客户端执行环境的杀手，html5推出的最炫的一个功能是标签(cavans)，还有视频(video)和音频( audio)等。现在页面版的都还在用flash，flash对于手机来说，速度和资源消耗都成问题。但是利用html5，可以顺利地在iPhone等不支持Flash的平台上将swf显示了出来，尽管并不是所有Flash都能放，但足以证明javascript＋SVG的威力了吧。利用html5不但能够更好的完善微博的现有功能，还能结合其他的一些功能，进一步的提升使用体验。
前些天在微博上做了个小调研，关于Android上back、menu、长按的认知度的，截取结果如下
Android平台和iPhone平台虽然都是潜力无限的触屏系统，但是iPhone的设计风格已经成型，设计规范也得到了广泛的认可，Android平台却有很多的不确定因素，可以这样设计，也可以那样设计，没有硬性的规范，也没有顽固的用户习惯。并且由于平台具有开放性和延展性，Android系统不像iPhone，只有480*320一种分辨率、一个home键，而是根据硬件厂商的定制，可以有多种分辨率、可以有全键盘、轨迹球、五个物理按键或没有物理按键。
一、Android和iPhone的异同
1、分辨率
Android手机屏幕大小不一，有480×320, 640×360, 800×480，怎样才能让App自动适应不同的屏幕呢？其实很简单，只需要在res目录下创建不同的layout文件夹，比如layout-640×360，layout-800×480，所有的layout文件在编译之后都会写入R.java里，而系统会根据屏幕的大小自己选择合适的layout进行使用。
iPhone手机则只有480*320的分辨率。
2、硬件特征
Android大部分是电容屏，可带全键盘（G1），有轨迹球，有home键、menu键、拨打键、挂断键、search键、返回键（G3等），也可以没有任何按键（乐phone）。也有LG、MTK出的千元出头的电阻屏的Android手机。用户除了跟软件交互之外还要跟手机交互，比如调出菜单、调出搜索都需要接管默认按键的服务。
iPhone是电容屏，只有单一Home键。
3、触控方式
Android和iPhone都习惯向右划屏后退，向左划屏前进的操作。都是多点触控，可用两个手指完成缩放。不同点在于Android有长按之后弹层的操作，iPhone有向下拖拽刷新的操作。
流程图(task flow)是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤用一个节点来表示，用线和箭头指示出每一步骤的方向和所要到达的下一个步骤。流程图意在帮助设计师很好的了解产品的功能结构和用户每一步的操作而达到白己的使用日的。
但是流程图也分为两大类：
图1 阅读全文
一、用户体验信息收集
在讨论手机的交互设计方法之前，需要先对手机的用户使用习惯有一些基本的了解，需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题：一是确定目标用户群体；二是确定信息收集的方法和途径。
在确定目标用户群体的时候，很显然的是，已有产品有过使用和交互经验，具备该产品或系统的交互体验的用户，相比较于那些没有体验的用户，可以为设计提供更多更有效的信息。因此在收集用户体验信息时，应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户。在理想的情况下，当用户体验产品的交互时，设计师可以通过某种技术或是研究方法获得用户的全部感官印象，掌握他们的情感体验。然而这些主观的体验信息很难用实验室的方法收集或是客观的科学描述表达出来。因此我们只能寻求贴近实际的近距离接触用户体验的方法，就是深入访谈和现场观察。
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素，是网站内容布局的基本视觉表现方式，是网站开发过程中一个重要的步骤。
一、线框图的好处：
二、绘制线框图的工具：
热爱互联网的非典型文艺女青年一枚WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
