产品设计||页面太长怎么办？

想起我做的第一个产品，页面展示的模块有7个，不知道该如何放置，想了两种解决方案：

方案一：页面顶端放一行tap按钮，点击tap切换页面，但是当时我想的是一个tap切换一个页面，几个tap就几个页面，这样会有个问题，就是几个页面内容有多有少，会导致不同页面长短不一，不太好看。这个方案最后就PASS了。

方案二：7个模块放在同一个页面，自上而下依次排列。这样做页面会很长，用户要鼠标滑动着看，非常费劲。

最后还是采用了方案二的设计，但是页面太长的问题怎么解决呢？当时我们做了个电梯导航，来解决这个问题。什么是电梯导航？电梯大家都坐过，就是类似电梯的按钮，按哪一层楼，电梯就会带你去哪一层楼。类似下图所示，就是把电梯楼层号改成了模块名称。

我设计的电梯导航有如下特点:

①跟随页面上下移动

②页面中央是哪一个模块，导航栏高亮显示模块名称

③点击导航栏内的模块名称，会直接定位到相应模块

④不用时收起来，显示向左的三角，需要用时鼠标移上显示导航内容

网上找的示意图