关于平铺式导航的思考

在《触动人心的Iphone设计》中看到介绍平铺页面的导航方式。使用平铺页面，是由于没有信息层级，没有组织结构，所有页面都没有按类型分组，而是全部摞成一套，挨个翻阅。适合于浏览并发现的方式。平铺的页面通常在下方会显示“小圆点”页面分页控件。

书中指出，在设计时内容应该尽量一屏显示，无滚动，因为应用信息如果展示在一屏，可以使用户每次访问，内容和操作都保持在原来的位置上，不用停下来思考。当然对于新闻类，内容类，文章，邮件，不可避免地需要滚屏。书中还强调，在平铺界面里滚屏更不可取，因为页面分页控件黏附于屏幕底部，会突然间截断滚屏内容。横竖两个方向均可滚动时，滑动方向稍微带点斜度，却把下一张页面给滑进来，两个方向滚屏需要更多精度，需要用户付诸更多努力。

顿时想到公司的天气APP既有左右滑又包括卡片滚屏，找到华为也是如此。再找iPhone竟然也是如此。尝试了一些，感觉实际并不需要付出额外精度。觉得很困惑

IPhone

我司

华为

再尝试发现手势上似乎是区别的？上下方向是滚屏，左右其实是拖动？但是又不确定是不是手势的差异。

或许是左右滑是非连续性操作，滚动到一定程度即可达到行为，上下滚动是连续的。一个明显的例子，如果两个方向都存在滚动条，将会很难操作。

亦或只是两方都滑动并不会带来很大的不良体验。

还有待后续再思考

此外我注意到一点为了避免滚动概念和页面分页控件给用户传达的概念相悖（因为分页控件在下方似乎有打断滚动的感觉），华为和我司的将分页控件置于页面上方固定住，苹果将其置于下方固定用分割线将其与滚动部分隔开。有效的将分页和滚动在视觉上分隔开

有待后续跟进

End