UI设计师如何进行竞品分析(2)

来源:网络   作者:热心网友   发布时间:2018-01-11    浏览次数:201


二.交互结构分析


第二步,就是开始了解这个APP的交互结构。从大视角来分析产品,主要分为产品架构、页面布局、图形模式、交互动效四方面进行分析。




1、信息架构


整理信息架构时,主要是运用设计师的逻辑思维。用线框图展示APP的信息架构,可以很清晰的了解到产品的功能定位、内容定位、内容走向、核心竞争力等重要的信息。依旧以蚂蜂窝为例子,从打开APP开始,我们可以将页面截图按照一级页面、二级页面一直到n级页面进行整理,然后绘制信息架构图。绘制完成之后,我们可以非常清晰的完整的看到蚂蜂窝APP的所有信息,对这个产品速度的有了认知和定位。然后再深入分析获取更多信息,对重要的页面和流程需要常识并且保存,方便之后有需要的时候快速调取。




2、页面布局


了解完整体的信息架构之后,我们需要更深入的从主要的重要页面进行深入分析。分析不同的模块,不同的布局来给自己的产品灵感和启发。这里拿蚂蜂窝的首页为例子,可以仔细观察每一块不同内容承载都很清晰,产品的栏目清晰,内容导航可以快速找到并定位,模块固定且清晰。






3、图形模式


我们将这款APP的攻略、视频、问答三个模块提炼成块面图。可以看出每个模块都有固定的一个图形模式。很好的去培养用户潜意识认知,这类组件化的图形模式非常值得借鉴使用。




4、交互动效


一个好的交互动效是可以让用户会心一笑,加深这款产品在内心的印象的。现在的产品不局限于页面与页面之间生硬的跳转。动效的使用让页面跳转更加顺畅,指引用户的体验更佳。是对这个产品进行高阶的一个进化。给用户体验带来的好处几乎是跃进性的。可以很好的在这个点上,做出具有差异化的设计,给用户带来耳目一新的感觉,脱颖而出。但是需要注意,不要为了加动效而加,它一定是无感知和恰到好处的。不然,和有可能会起到减分的效果。



1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:ui干货

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7022.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通