美文网首页
关于平铺式导航的思考

关于平铺式导航的思考

作者: LesleyWu | 来源:发表于2018-01-12 18:18 被阅读0次

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

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

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

IPhone 我司 华为

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

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

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

还有待后续再思考

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

有待后续跟进

End

相关文章

  • 关于平铺式导航的思考

    在《触动人心的Iphone设计》中看到介绍平铺页面的导航方式。使用平铺页面,是由于没有信息层级,没有组织结构,所有...

  • 标签式导航的设计思路

    导航分很多类别,如标签导航、抽屉式导航、九宫格导航、混合组合导航、列表式导航、Tab导航、平铺导航等等。之前在我的...

  • iOS导航模式

    iOS导航模式 iOS导航模式分为平铺导航、标签导航、树形结构导航 1、平铺导航 一般用于扁平化信息浏览或任务,扁...

  • iOS中导航设计模式

    平铺导航模式 UIPageController 标签导航模式 UITabBarcontroller 树形导航模式 ...

  • iOS中导航设计模式

    平铺导航模式 UIPageController标签导航模式 UITabBarcontroller树形导航模式 UI...

  • 导航设计模式

    iOS 中导航设计模式只有三种 平铺,标签,树形网上很多人都是直接说平铺导航模式 是UIPageControlle...

  • IOS整理题库

    IOS中导航设计模式有几种 分别是什么? 答:平铺导航( UITabbarController ) 标签导航( U...

  • iOS应用导航模式

    一、导航模型纲要 1.平铺模式 平铺页面就像一叠卡片,页面通过滑动切换,通常视觉精美,没有滚屏。这种导航方式主要适...

  • iOS应用导航模式

    IOS导航模式: 标签导航模式、桌面式模式、抽屉式导航、列表式导航、 点聚式导航、下拉菜单式导航、轮播导航 接下来...

  • Bootstrap-导航菜单-2018.07.07

    Bootstrap-导航菜单 nav 标签式导航 胶囊式导航 垂直胶囊式导航 两端对齐导航 导航元素下拉菜单

网友评论

      本文标题:关于平铺式导航的思考

      本文链接:https://www.haomeiwen.com/subject/gyvfoxtx.html