IOS应用之微信设计分析
发布网友
发布时间:2022-12-27 17:31
我来回答
共1个回答
热心网友
时间:2023-10-20 17:48
一、微信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.强化搜索功能。