1. 以 Path、Facebook 为代表的「左侧隐藏菜单抽屉式」；
2. 以 Instagram、微信、微博等为代表的「底部标签式」；
3. 以 Vine 为代表的「顶栏下拉菜单式」；
以上几种交互框架各自的有点和缺陷是什么？应用如何根据需要选择合适的交互框架？
2. 以 Instagram、微信、微博等为代表的「底部标签式」；
3. 以 Vine 为代表的「顶栏下拉菜单式」；
以上几种交互框架各自的有点和缺陷是什么？应用如何根据需要选择合适的交互框架？
按票数排序
10 个回答
标签式 / Tab Menu
优点：
1、清楚当前所在的入口位置
2、轻松在各入口间频繁跳转且不会迷失方向
3、直接展现最重要入口的内容信息
缺点：
功能入口过多时，该模式显得笨重不实用
————————————————————————————————————————————
跳板式 / Springborad
优点：
1、清晰展现各入口
2、容易记住各入口位置，方便快速找到
缺点：
1、无法在多入口间灵活跳转，不适合多任务操作
2、容易形成更深的路径
3、不能直接展现入口内容
4、不能显示太多入口次级内容
————————————————————————————————————————————
列表式 / List Menu
优点：
1、层次展示清晰
2、可展示内容较长的标题
3、可展示标题的次级内容
缺点：
1、同级内容过多时，用户浏览容易产生疲劳
2、排版灵活性不是很高
3、只能通过排列顺序、颜色来区分各入口重要程度
————————————————————————————————————————————
旋转木马 / Carousel
优点：
1、单页面内容整体性强
2、线性的浏览方式有顺畅感、方向感
缺点：
1、不适合展示过多页面
2、不能跳跃性地查看间隔的页面，只能按顺序查看相邻的页面
3、由于各页面内容结构相似，容易忽略后面的内容
————————————————————————————————————————————
抽屉式 / Drawer
优点：
1、兼容多种模式
2、扩展性好
缺点：
1、隐藏框架中其他入口
2、对入口交互的功能可见性（affordance）要求高
3、对排版要求高
————————————————————————————————————————————
点聚式 / Plus
优点：
1、灵活
2、展示方式有趣
3、使界面更开阔
缺点：
1、隐藏框架中其他入口
2、对入口交互的功能可见性（affordance）要求高
————————————————————————————————————————————
陈列馆式 / Gallery
优点：
1、直观展现各项内容
2、方便浏览经常更新的内容
缺点：
1、不适合展现顶层入口框架
2、容易形成界面内容过多，显得杂乱
3、设计效果容易呆板
————————————————————————————————————————————
瀑布式 / Waterfall
优点：
1、浏览时产生流畅体验
缺点：
1、缺乏对整体内容的体积感，容易发生空间位置迷失
2、浏览一段时间后，容易产生疲劳感
优点：
1、清楚当前所在的入口位置
2、轻松在各入口间频繁跳转且不会迷失方向
3、直接展现最重要入口的内容信息
缺点：
功能入口过多时，该模式显得笨重不实用
————————————————————————————————————————————
跳板式 / Springborad
优点：
1、清晰展现各入口
2、容易记住各入口位置，方便快速找到
缺点：
1、无法在多入口间灵活跳转，不适合多任务操作
2、容易形成更深的路径
3、不能直接展现入口内容
4、不能显示太多入口次级内容
————————————————————————————————————————————
————————————————————————————————————————————
列表式 / List Menu
优点：
1、层次展示清晰
2、可展示内容较长的标题
3、可展示标题的次级内容
缺点：
1、同级内容过多时，用户浏览容易产生疲劳
2、排版灵活性不是很高
3、只能通过排列顺序、颜色来区分各入口重要程度
————————————————————————————————————————————
旋转木马 / Carousel
优点：
1、单页面内容整体性强
2、线性的浏览方式有顺畅感、方向感
缺点：
1、不适合展示过多页面
2、不能跳跃性地查看间隔的页面，只能按顺序查看相邻的页面
3、由于各页面内容结构相似，容易忽略后面的内容
————————————————————————————————————————————
————————————————————————————————————————————
抽屉式 / Drawer
优点：
1、兼容多种模式
2、扩展性好
缺点：
1、隐藏框架中其他入口
2、对入口交互的功能可见性（affordance）要求高
3、对排版要求高
————————————————————————————————————————————
点聚式 / Plus
优点：
1、灵活
2、展示方式有趣
3、使界面更开阔
缺点：
1、隐藏框架中其他入口
2、对入口交互的功能可见性（affordance）要求高
————————————————————————————————————————————
————————————————————————————————————————————
陈列馆式 / Gallery
优点：
1、直观展现各项内容
2、方便浏览经常更新的内容
缺点：
1、不适合展现顶层入口框架
2、容易形成界面内容过多，显得杂乱
3、设计效果容易呆板
————————————————————————————————————————————
————————————————————————————————————————————
瀑布式 / Waterfall
优点：
1、浏览时产生流畅体验
缺点：
1、缺乏对整体内容的体积感，容易发生空间位置迷失
2、浏览一段时间后，容易产生疲劳感
如果不同页面的内容重要性或者展示的频度差不多，那绝对还是老套的tabs最靠谱。虽然操作效率不是最高，视觉不是最好，但各种信息得以均衡呈现，用户不会迷路，出错概率低。
如果跟facebook、path一样，有一个绝对重要性的feed页，其他都是辅助的，或者重要性明显不如该页面，那采用隐式的菜单更合适，给重要页面最大程度的曝光，减少次要信息的干扰，让用户在尽可能多停留在重要页面上。
tabs可以优化成，在滚动浏览过程中导航隐藏，停止或逆向滑动时再显示。这样兼顾了导航和展示面积最大化。不过如果内容不是特别多，还是不隐藏更简单明确。
如果跟facebook、path一样，有一个绝对重要性的feed页，其他都是辅助的，或者重要性明显不如该页面，那采用隐式的菜单更合适，给重要页面最大程度的曝光，减少次要信息的干扰，让用户在尽可能多停留在重要页面上。
tabs可以优化成，在滚动浏览过程中导航隐藏，停止或逆向滑动时再显示。这样兼顾了导航和展示面积最大化。不过如果内容不是特别多，还是不隐藏更简单明确。
1、左侧隐藏菜单式：感觉比较适合功能较多，信息结构较复杂的产品，且可扩展性较好。
但据了解，该种交互其实不太适合面向国内女性用户的产品，大多反映不会用。
2、底部标签栏适合功能较少。且功能的等级主次之分较明显，如微博的timeline是最主要则可做默认首页，缺点是占空间，但个人最喜欢这种简单的交互模式
3、适合单一内容浏览型，下拉浏览很爽
但据了解，该种交互其实不太适合面向国内女性用户的产品，大多反映不会用。
2、底部标签栏适合功能较少。且功能的等级主次之分较明显，如微博的timeline是最主要则可做默认首页，缺点是占空间，但个人最喜欢这种简单的交互模式
3、适合单一内容浏览型，下拉浏览很爽
苹果给的底部标签就非常好.4个-5个频道, 伪多任务,切换方便灵活. 我认同这个.
手机应用尤其不能做得太复杂. 大多数用户只想使用应用是某一个功能.而弄那么多复杂的导航和特效,反而降低了应用的灵活性
手机应用尤其不能做得太复杂. 大多数用户只想使用应用是某一个功能.而弄那么多复杂的导航和特效,反而降低了应用的灵活性
DaKid，产品狗
这里的交互框架，也可以理解为应用的基本导航模式，是应用信息架构直观的视觉和交互表现，导航的作用主要有两个：1. 让用户清晰地了解应用的功能和内容组织2. 让用户更快更好的完成操作任务和信息查找。
1.Path和facebook的「左侧隐藏菜单抽屉式」，一般也称为抽屉式导航（Navigation Drawer）是现在非常流行的一种导航模式。
其优点：
1）不占用宝贵的屏幕空间，让用户首先能聚焦于内容
2）导航的菜单项目不受数量限制，应用的所有信息组织入口都可以加入到抽屉导航中
3）扩展性强，配置灵活，应用中一些常用的快捷操作功能和低层级界面入口也能直接放置 进抽屉导航中
缺点：
1）容易与应用内的其他交互模式冲突，比如侧滑手势操作
2）大部分操作项目均为隐藏状态，用户需要一定记忆成本
适用场景：用户在使用过程中需要不断在导航选项间进行切换操作；需要频繁的从低层级页面向高层 级页面跳转；导航选项较多；层级结构较深。
2.「底部标签式」
优点：
1）用户可在所有顶级页面中一览应用主要的内容与功能结构
2）用户点击一次即可访问到应用所有的主要功能
3）告知用户主要功能和当前所在的导航位置。
缺点：
1）选项标签的显示数量有限
2）占用一定的屏幕空间
适用场景：应用的主要功能项目较少，导航菜单项数量为3-5个；各导航菜单项之间内容/功能有显著差异；用户在各个导航选项之间需要进行频繁的切换操作。
3.「顶栏下拉菜单式」
优点：
1）用户通过菜单按钮可快速预览应用的基本内容与功能结构 ；
2） 下拉菜单在大多数时间为隐藏状态，节省了屏幕空间，同时也让用户更加专注于应用内容 本身
3）让用户能够尽量少的切换视图以实现导航。
缺点：
1）与抽屉导航类似，其大部分操作项目均为隐藏状态，用户需要一定记忆成本
2）下拉菜单的显示数量有限
使用场景：应用的信息层级较简单；需要将多个菜单项整合进一个按钮中以达到精简导航的目的；响应式web在移动端的表现，以保持移动端与web端的一致体验。
1.Path和facebook的「左侧隐藏菜单抽屉式」，一般也称为抽屉式导航（Navigation Drawer）是现在非常流行的一种导航模式。
其优点：
1）不占用宝贵的屏幕空间，让用户首先能聚焦于内容
2）导航的菜单项目不受数量限制，应用的所有信息组织入口都可以加入到抽屉导航中
3）扩展性强，配置灵活，应用中一些常用的快捷操作功能和低层级界面入口也能直接放置 进抽屉导航中
缺点：
1）容易与应用内的其他交互模式冲突，比如侧滑手势操作
2）大部分操作项目均为隐藏状态，用户需要一定记忆成本
适用场景：用户在使用过程中需要不断在导航选项间进行切换操作；需要频繁的从低层级页面向高层 级页面跳转；导航选项较多；层级结构较深。
2.「底部标签式」
优点：
1）用户可在所有顶级页面中一览应用主要的内容与功能结构
2）用户点击一次即可访问到应用所有的主要功能
3）告知用户主要功能和当前所在的导航位置。
缺点：
1）选项标签的显示数量有限
2）占用一定的屏幕空间
适用场景：应用的主要功能项目较少，导航菜单项数量为3-5个；各导航菜单项之间内容/功能有显著差异；用户在各个导航选项之间需要进行频繁的切换操作。
3.「顶栏下拉菜单式」
优点：
1）用户通过菜单按钮可快速预览应用的基本内容与功能结构 ；
2） 下拉菜单在大多数时间为隐藏状态，节省了屏幕空间，同时也让用户更加专注于应用内容 本身
3）让用户能够尽量少的切换视图以实现导航。
缺点：
1）与抽屉导航类似，其大部分操作项目均为隐藏状态，用户需要一定记忆成本
2）下拉菜单的显示数量有限
使用场景：应用的信息层级较简单；需要将多个菜单项整合进一个按钮中以达到精简导航的目的；响应式web在移动端的表现，以保持移动端与web端的一致体验。
扫一扫
1202
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
