1、产生的时期不一样?
QQ:产生在PC时代,很多架构都有PC端的影子
微信:产生在移动时代,更符合手机的使用习惯(如:联系人查找方式)
在一开始做的时候
2、人群定位不一样
QQ:青少年
微信:白领阶层
3、微信功能更加简洁,QQ功能多样
细节区别:
QQ有在线状态
QQ的Tab icon 有动画效果,增加了趣味性
移动端各种类型导航设计的优缺点 |
移动端导航设计
目的:清晰的向用户传达出跳转入口和所包含的内容之间的关系,帮助用户更好的完成任务
导航分类
Tab式导航
适合:移动端的多种产品
优点
主要功能突出,不需要用户寻找,易于被发现和使用
可以轻松在各个主要入口频繁跳转使用,减少用户的点击次数,不容易迷失,可以快速跳转
缺点
产品核心功能过多时,会显得笨重,以4-5个为宜,过多的话不利于切换,降低友好度
沉浸式的体验不足,底部漏出了与当前页面无关的跳转入口,容易诱发打断用户当前的行为
抽屉式导航
适用于:核心功能突出且较为单一的产品
滴滴
优点
1、给内容页足够的控件,让用户专注在当前任务,提高沉浸
2、拓展性好,侧边栏可以提供更多的功能能入口展示空间
缺点
1、主要功能的入口被隐藏起来,难以被用户察觉
2、增加了用户路径的长度
跳板式导航(宫格式导航)
适合(美图)
功能较多且功能之间较为独立的产品
常与Tab导航一起使用
优点
1、清晰的展现各个入口
2、一次性展示更多入口
3、入口可以做的有趣味性
缺点
1、重点功能不够突出
2、各个入口之间的跳转不够灵活,如果某个功能的路径较深,用户不能快速跳转
列表式导航
适合
内容型产品为主导航 或者 一般性产品作为辅助导航
优点
1、内容层次较为清晰
2、一次性可加载展现的内容条数多
缺点
1、内容过多时,无法突出重点
2、灵活性不高
3、比较乏味,内容趣味性少
思考
QQ和微信为什么会采用不一样的导航方式?
1、产生的时期不一样?
QQ:产生在PC时代,很多架构都有PC端的影子
微信:产生在移动时代,更符合手机的使用习惯(如:联系人查找方式)
在一开始做的时候
2、人群定位不一样
QQ:青少年
微信:白领阶层
3、微信功能更加简洁,QQ功能多样
细节区别:
QQ有在线状态
QQ的Tab icon 有动画效果,增加了趣味性