如何向一款优秀APP设计和APP产品交互来偷师

偷师顾名思义就是：偷学别人的功夫本事，上图是一本书的封面，感兴趣的小伙伴们可以去阅读一下。

而今天网站模版网(www.genban.org)在双十一这样的特殊节日里面，跟APP设计新手们来聊聊关于APP设计的那些事。

如何来向一款成熟的优秀的APP进行偷师，针对的是APP设计和APP交互体验等方面。

比如今天最火的APP肯定是淘宝APP、支付宝APP、京东APP、一号店APP等等。

但是细细的去品味这些电商APP，我们都会发现他们都有一些共性。而且布局的模式基本是一样的。

那么到底，如何向这些优秀APP的设计和APP交互体验来偷师呢?

偷师的前提是务必熟读各个平台的设计规范。iOS、Android、WindowsPhone官方设计规范汇总

 

最美应用的创始人马力说：APP设计新手应该对一款成熟而优秀的APP进行打散重构。

分为2个方面来着手：

表层 ：

其实我们平常在欣赏一些好的APP应用的时候，移动APP产品经理和APP设计师都会看到这些产品里好的地方，立刻会想如何用到自己的产品里来。

 

深层 : 就需要我们进行思考，要拆开来看。

1、试试从用户、需求、任务、信息、视觉几个方面来看，交互是如何同不同的方面产生联系的。

2、一个应用，里面最重要的任务是什么，界面中最突出的部分是不是反应了这个任务的优先级？

3、是不是在引导用户的注意力和操作？希望用户去做的操作，是如何巧妙的一点点推动用户往前走的？（我将这称为跨越临界点）

4、信息是如何呈现给用户的？有无层次？都用了什么样的形式？能否反应出他们的重要性和关系来？

5、有无考虑到用户的感觉？视觉是否营造了氛围，并和交互的框架紧密结合起来？

简单的来说就是三个方面：

1、它的层次结构是怎么样的？

2、它是如何保证体验的一致性的？

3、它是如何帮用户最快的达到使用目的的？

同时我们也需要认证去分析优秀APP的框架，了解APP的功能目标，用户操作流向，最终的转化目标。在每一个转化节点上，关注交互行为的设计。

交互设计的关注点：组件一致性（降低用户学习成本，降低开发迭代成本），组件耦合度（穷举用户行为路径，逆向思考之所以那样设计的原因），组件高效性（迅速完成转化，提高用户转化率。需要跟耦合度做一定的权衡）等等。

APP视觉设计和APP交互体验都是为APP产品服务的，是对产品功能的表达，好的视觉交互未必炫酷，但用在产品上是“合适”的，这就够了。

知乎上面的 有一位超级APP粉丝是这样做的。大家可以借鉴一下。大致分为了下面6个步骤：

1. 界面截图 or 录屏。
把App整体的玩一遍，过程中截图留档。如果是对手势支持较多或者动效较多的会录屏留档。

2. 页面Sitemap
App里不宜层级过深，把截图整理后「同页面不同状态可以合并」还原一下Sitemap。看看别人如何组织自己的结构。

3. 流程重现
还是利用前面的截图，在画图工具里自己串一下。这里就可以发现这些优秀apps对于自己设计规范的定义。比如对于某操作，什么时候使用浮层，什么时候使用页面。

4. 竞品分析
有对比才能看出设计差异和设计理念。找到同类型的优秀应用。看看每一个产品、设计上的不同处理。比如理财类和单位换算类，我就分别买了仅5款来做对比。你就会发现其中真正的差异。

5. 保持使用
如果你觉得他真的不错，记得要时常用一下。因为我们不可能在一次使用中就能发现其中的每一个设计环节。如果是社交类的应用，最好找几个有同样兴趣的同学平常一起来做测试。

6、在APP设计群多问问其他设计师，或者直接找到这款APP的设计师亲自来问问。

 

最后，想加入APP设计群的小伙伴们可以点击网站模版网(www.genban.org)网站底部的加群按钮。