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

时间:2016-04-08

偷师

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

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

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

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

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

app开发设计流程图

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

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

 

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

美食天下APP界面设计2

分为2个方面来着手:

表层 :

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

 

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

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

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

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

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

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

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

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

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

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

application_1x

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

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

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

profile-app-psd

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

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

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

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

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

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

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

 

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

 

上一条:Android 5.0的设计初体验和安卓最新设计变革 下一条:12款精致的苹果iPad模型PSD设计素材,值得你拥有

相关文章

最新文章