二.交互结构分析
第二步,就是开始了解这个APP的交互结构。从大视角来分析产品,主要分为产品架构、页面布局、图形模式、交互动效四方面进行分析。
1、信息架构
整理信息架构时,主要是运用设计师的逻辑思维。用线框图展示APP的信息架构,可以很清晰的了解到产品的功能定位、内容定位、内容走向、核心竞争力等重要的信息。依旧以蚂蜂窝为例子,从打开APP开始,我们可以将页面截图按照一级页面、二级页面一直到n级页面进行整理,然后绘制信息架构图。绘制完成之后,我们可以非常清晰的完整的看到蚂蜂窝APP的所有信息,对这个产品速度的有了认知和定位。然后再深入分析获取更多信息,对重要的页面和流程需要常识并且保存,方便之后有需要的时候快速调取。
2、页面布局
了解完整体的信息架构之后,我们需要更深入的从主要的重要页面进行深入分析。分析不同的模块,不同的布局来给自己的产品灵感和启发。这里拿蚂蜂窝的首页为例子,可以仔细观察每一块不同内容承载都很清晰,产品的栏目清晰,内容导航可以快速找到并定位,模块固定且清晰。
3、图形模式
我们将这款APP的攻略、视频、问答三个模块提炼成块面图。可以看出每个模块都有固定的一个图形模式。很好的去培养用户潜意识认知,这类组件化的图形模式非常值得借鉴使用。
4、交互动效
一个好的交互动效是可以让用户会心一笑,加深这款产品在内心的印象的。现在的产品不局限于页面与页面之间生硬的跳转。动效的使用让页面跳转更加顺畅,指引用户的体验更佳。是对这个产品进行高阶的一个进化。给用户体验带来的好处几乎是跃进性的。可以很好的在这个点上,做出具有差异化的设计,给用户带来耳目一新的感觉,脱颖而出。但是需要注意,不要为了加动效而加,它一定是无感知和恰到好处的。不然,和有可能会起到减分的效果。