IOS
产品：微信
页面架构：微信采用标签式导航栏，可以在重要的4个主要功能区进行快速频繁的切换，更有效的将内容进行了分类，但相比之下，比较占用页面空间。在页面顶部，通过点击呼出导航菜单。导航菜单位于界面的上层，用户可点击导航以外的区域来收起菜单。菜单式导航与界面的连贯性较好，展开和收起菜单对当前界面没有影响。但由于导航栏位于顶部，不适合结合手势，操作上有难度，所以不适合需要频繁切换的功能。
设计模式：采用了基本的垂直列表，更好的将文字展示清晰干净，其内容都为左对齐，都采用了图文结合的样式，在对话界面采用了列表导航的对话框模式。垂直列表，可以进行有等级的区分，适合二级导航或功能层级比较浅且功能切换不频繁的主导航，能够简单清晰的表达，让人易于理解，冷静高效，快速反应。作为信息梳理条目，列表数量尽量保持在一屏内，超过一屏再分一级，而且按照人一次只能记住4项事物心里法则最重要的内容归纳在前4个列表更容易被人们记住。如果不同种类的内容放在同一页面，那么要主要意为这些内容分类，用留白的方式来区分内容的不同。
安卓
产品：墨迹天气
页面架构：墨迹天气采用标签式导航栏，可以在重要的3个主要功能区进行快速频繁的切换，更有效的将内容进行了分类，但相比之下，比较占用页面空间。在页面顶部，通过点击呼出导航菜单。
设计模式：墨迹天气中切换的城市的操作平铺式导航，这种导航方式很容易带来高大上的视觉体验，最大程度的保证了页面的简洁性和内容完整性，结合滑动切换的手势，操作起来也非常方便，比较适用于足够扁平化和随意浏览的阅读模式。以一个页面完整的展示当前城市的情况，快速切换到其他城市。但如果设置的城市比较多，就很难快速定位到某个城市，但所幸手势操作切换方便，正常情况下，用户最多设置2-3个页面，不会造成太多的负担。
Web
产品：淘宝
将搜索分布在页面顶部，对于淘宝这种复杂的网站，用户可以及时的查找和搜索，简单快捷。将Logo置于页面左上角，符合人们左上方浏览的习惯。将一级菜单栏放于搜索栏下面，便于人们进行大类查询子品牌。人们将二级栏目分布在页面左侧，用户可以快速查询更详细的分类产品。中间是商品信息，以展示特价商品和推荐商品。其余信息和网格以及自己长浏览的三级导航放置在页面的右侧，因为信息不是特别重要。
