打印本文 打印本文  关闭窗口 关闭窗口  
干货贴:移动端及网页端菜单栏交互分析
作者:佚名  文章来源:本站原创  点击数  更新时间:2021/2/2 3:11:40  文章录入:admin  责任编辑:admin

  部导航菜单保守的顶,中矩中规,利用习惯适合用户。进入对应子页面点击导航项能够,部导航栏进入下一级页面在子页面上又有对应的顶。插手下拉菜单如下图也能够在导航菜单下,择图标和文字下拉菜单可选,按照网站总体定位相关对于用户的体验结果。

  、运营为焦点的进修、交换、分享平台人人都是产物司理()是以产物司理,、社群为一体集媒体、培训,品人和运营人全方位办事产,办在线+期成立9年举,+场线,运营大会20+场产物司理大会、,成都等15个城市笼盖北上广深杭,影响力和出名度外行业有较高的。米网易等出名互联网公司产物总监和运营总监平台堆积了浩繁BAT美团京东滴滴360小,与你一路成长他们在这里。

  单、汉堡式菜单又称躲藏式菜,屉式菜单一样和挪动端侧抽,整洁完满使得页面,可使网站气概独树一帜连系得当的UI设想。

  项的处理方案时采用“更多”,不合适用户心理预期若是导航项优先级别,成为产物的累赘此设想仍然会,户体验差使得用。

  美模式是自始自终中国人习惯的审,栏菜单后采用侧边,该怎样处置也是难点之处那页面顶部的缺失部门应。此因,顶部导航栏连系的方案来规划整个网站目前绝大大都大型网站采用了侧边栏+。

  足大型网站平台的复杂功能类别需求劣势:侧边栏+顶部菜单导航能满,验也较好用户体,类丰硕齐备给人感受种。

  、优先级都是对用户体验形成影响的要素劣势:顶部菜单和侧边栏菜单的分类比重。

  形态下默认,容对用户是不成见的侧抽屉菜单中的内,式的躲藏。骤是:用户领会到触发侧边栏展开的图标是可点击的按钮因而要让用户真正利用到菜单背后躲藏的功能需要的步;背后的功能领会按钮;使它成为一种常识花很长一段时间。较容易控制第一步比,能来说大大添加了用户的利用成本但第二步、第三步对于不成见的功,底部固定Tab栏那么自若顺畅并且功能之间的互相切换也不如。

  现形式:图标、图标+文字、文字汉堡式菜单的导航图标有3种表;化率来说具有一些差别这3种形式对产物的转,一目了然但都不敷。

  是显示更多的导航项而另一种处理方案,互是手指滑动式导航项之间的交,下图如:

  需要类别划分当某一功能,2-5个之间时而刚好类别在,是个很好的选择选项卡子菜单,目了然用户一。数量较大时若是导航,多”项图标方案一是采用“更,屉导航殊途同归这种方案与抽,卡菜单有可见项但分歧的是选项,是躲藏式菜单而抽屉导航,优先级足够高只需可见项,能会极大的降低进修成本有四至五个可见的高频功,户体验改善用。滚动式菜单二是采用,看到可见范畴内的几个选项这种方案的错误谬误是用户只能,用户不成预知其余的选项。如斯虽然,或旧事类选项时当用户摸索购物,受的处理方案这仍然是可接。

  仍有其可用之处可是该菜单模式,用上(如:摩拜单车、思维导图)特别在功能单一的东西型产物的应。是为了寻找附件车辆并开锁摩拜单车中屏幕的一切都,没有比汉堡式菜单更为凸起的菜单设想了在页面添加一个设置、钱包等二级选项时。页面都是为了绘图而思维导图整个,置在汉堡式菜单中其余任何操作均设。

  断的向下滑动跟着页面不,单不断可见顶部导航菜。何区域跳转到其他导航项的页面用户能够在任何时候、页面的任,部区域即可操作不需要前往至顶,用户体验优化了。

  采用了汉堡式图标图上两款产物均,可呼喊出菜单点击图标即,卡里的内容放置在侧边栏菜单里本色是将底部Tab栏或者选项,加整洁、简单和漂亮从而使产物看起来更。在里面添加项目并且能够等闲的,良的消息架构特别是对于不,生间接的后果不会对产物产。

  的用户角度出发劣势:从产物,计偏女性化此类菜单设,、色彩更敞亮的设想气概女生更喜好偏文艺、可爱,计更符合女生的爱好此中圆形和方框式设。

  签栏在页面上的位置是一上一下劣势:顶部菜单与底部Tab标,差不多意义。到下的浏览习惯服从了用户从上,部标签区域做颜色的区分但需要在UI设想上对顶。绿色模块设想如QQ音乐的,了白色字体标签采用,并习惯该菜单模式利用户能敏捷识别。

  划分为3-5个模块底部固定导航栏一般,上城市不合适美学过多或过少在设想,能细分较多的环境下因而功能类别或功,项卡等其他菜单模式需要借助于顶部选。

  可用性很强下拉菜单,题目的下拉菜单类似与web网页端产物,页端迁徙到挪动端把用户习惯从网,智的选择也是明。题和选项卡菜单下它能够用在页面标,躲藏其下虽然选项,示了可敏捷切换其他类别但向下的箭头很较着的表。比侧抽屉菜单要强用户的接管程度,来说不亚于汉堡式菜单从页面漂亮和整洁度,此外环境下也可合用并且对于无优先级。

  习惯上来说从用户利用,用户习惯利用默认项80%-90%的,的页面消息如:默认,想要进入XXXX”的时候才会去找对应的按钮和图标而对于一些在页面上找不到的功能或消息只要在“我。

  本固定版式基,化的产物适合公共,、艺术气味类网站不太适合对于个性、气概异乎寻常,展等等如画;

  的顶部导航栏引申而来侧边栏菜单是由保守,雷同于目次气概有点,本人想要的功能入口用户能够敏捷找到。:1)浮动固定式它也分为2品种型,页面的滑动而滑动侧边菜单不随主,1-2如上图;动跳转式2)自,面的滑动跟着主页,对应的菜单模块导航项跳转到。受导航项的高度影响并且侧边菜单栏不,网站的环境设定能够按照本人,小众小资网站外因而它除了适合,也比力合用一般的平台,平台等如资讯。

  国法式员是吃芳华饭的听到良多言论说在中,品司理呢那么产,春饭吗也吃青?

打印本文 打印本文  关闭窗口 关闭窗口