如何设计移动页面导航

《如何设计移动页面导航》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、移动页面导航设计知多少对于网站来说，导航起到定位和指引的重要作用，好的导航通常能组织好用户最常用的行为，同时让这些界面元素被用户用最容易的方式获取和使用。因此,在网站页面尤其是移动页面来说，导航设计是很重要的。那么好的导航设计都需要具备哪些关键要素呢？首先，需要促进或引导用户的跳转行为。由于我们不可能把每个页面都一股脑的抛在用户眼前，所以自然而然的引导用户助炼专是很必要的。其次，导航仅仅提供一个跳转入口的列表是不够的。入口按钮之间相互之间有什么关系?是否有功能的侧重点？它们之间的相关差异在哪？这些都需要在导航设计中展现出来。最后，导航设计必须能帮助用户去理解哪个跳转入口可以最好的支持他们

2、的任务或他们想要达到的目标。下面，我们为大家介绍几种目前主流的移动页面导航设计方式，看看它们之间有什么差异。抽屉式导航2011开始风靡起来的抽屉式导航因为点击入口后就像抽屉一样拉出菜单而得名‘Facebook就采用过该种导航。现在也有包括QQ这类的移动应用在采用这种导航设计方式。总的来说，抽屉式导航比较适合核心功能突出且较为单一的产品。具有能提供页面沉浸式的体验、拓展性较好的优点，旦用户的学习成本较高，其他主要功能的入口不够突出,主要入口的切换需要二次点击。Tab式导航AiMBKXHtai■0"tmnS33SvanPuraS«•BlCUW.■■目前移动端市场上最被广泛使用的导航设计要数T

3、ab式导航;了，微信使用的就是Tab式导航。这种导航方式可以轻松在各个主要入口频繁跳转使用，减少用户的点击次数，主要功能也够突出。但也存在产品的核心功育总过多时，不利于用户的切换,也将降低界面体验友好度以及沉浸式的体验不足的缺点。列表式导航体H・乐BfttMtKMtt4t.*♦««%■•tfilo怒63««0««O■"也*»•••x««v飞行•氏QW»-FiQ29个人能攻田0/u县■县分QVPNB"・正■■辽足0•旳大BoBo員女用①■璋■or•弭兰风辽足■了»議.■壯■加Q勿仪■式列表式导航将入口或内容按照列表的样式依次展现在页面之上，比较适合内容型网站页面。t匕如网易新闻某类标签下的

4、内容页以及IOS的设置页面。这种导航方式内容的层次较为清晰，一次性可加载展现的内容条数较多。内容无法突出重点、灵活性不高是这列导航的主要短板。■Ml*・»"■・f*回・・，佻+■■-・厂rH-0ff・目Q«■©□・mho2.10*"・■a■■■o◎■■■■•■・»♦WM>

5、最重要的是看它能否清晰地告诉用户〃他们在哪里〃以及〃他们能去哪里〃O作为主体框架的导航一定要根据移动网站的类型和定位来决定选择合适的呈现方式。