IOS应用之微信设计分析

一、微信IOS产品结构


微信IOS客户端产品结构,从产品结构上看,采用底部标签式导航设计模式,分为【微信】、【通讯录】、【发现】、【我】四个主菜单界面,【微信】界面主要承载消息列表内容,【通讯录】主要用来管理通讯薄的,【我】界面主要承载个人信息、腾讯服务、第三服务等信息。

二、设计模式

2.1导航


微信IOS采用底部标签栏导航,是IOS系统常用的导航设计模式,导航功能模块一目了然,用户点击即可切换,看到对应模块的信息。

优点

1.可以承载同等重要的功能模块、信息或任务,让流量更大化,信息层次一目了然,任务流程更清晰;

2.用户能轻松点击,方便用户在不同的模块、信息或任务间快速切换;

3.包容性好,可包含掉更大的信息架构,方便新的信息架构承载界面具体信息

缺点

1.因屏幕尺寸限制,手机端底部标签式导航最多不能超过5个,否则用户点击区域过小,若超过5个则需要考虑更换框架;

2.底部标签式导航会占用屏幕空间,挡住了页面信息的展示,所以减少了页面信息的承载量

2.2主界面内容


微信主界面的内容主要采用了垂直列表,每个列表又作为下个二级页面的导航,列表结构清晰,让用户能快速找到目标完成任务,也是IOS系统中常用的列表时导航。

优点

1.结构清晰,便于用户理解,可以很方便的进行分组分类;

2.延展性强,可以不断增加信息;

3.适合展示大量信息分类,还可以引入字母索引;

4.适合宽而深的信息层级。

缺点

1.若列表中蕴含大量信息,则需要加入搜索或者索引,来减少用户寻找信息的难度;

2.展现形式比较单一,容易引起用户疲劳感,很难让用户长时间停留。

2.3二级界面(钱包)


钱包界面主要采用了宫格式导航模式,每个宫格都是一个独立的信息内容,信息的内容简单易懂。

优点

1.作为信息或功能入口,为产品和项目提供聚合载体;

2.能充分利用整个界面,常用于二级导航;

3.适合承载订阅类产品或属性差异非常明显的分类信息;

4.和列表导航一样,具有很强的延展性,可以不断增加信息。

缺点

1.但信息量大的时候,用户选择困难;

2.用户需要点击进入,才能看到宫格内的具体信息。

2.4搜索

微信IOS版搜索控件是采用IOS官方设计,首页搜索栏是默认隐藏,下拉则展示,用户通过输入的关键词,搜索到想要的信息。

优点

1.简单明了,也能很清楚的知道是否有语音搜索功能;

2.强化搜索功能。

你可能感兴趣的:(IOS应用之微信设计分析)