Hozin小助手发布的文章 | HoZiN | 产品思维_信息架构

『多级目录结构』在移动端的交互设计

3000字，读20分钟。【分类】和【目录】傻傻分不清？看看本文，豁然开朗。

来自小密圈朋友提问：如何在移动端界面，表现出树形结构？

需求内容：为油品销售员提供一个知识库，行业/工艺/设备/用油部件/品牌产品/，一个树形结构，共有5个层级！每个层级都对应的知识点。如果是web界面，左边展示树形导航，右边展示内容；但是在移动端怎么展示5级树形呢？同时每一级又要包含知识点，求解答。

当看到一头牛的时候，不同的人会有不同的想法。鞋匠想到的是牛皮，生物学家想到的是克隆，厨师想到的是牛肉。一头牛能做多少道菜？每个厨师的经历和想法都不一样！所谓仁者见仁，智者见智。

厨房的意义不仅是把食物做熟，食物的意义也不仅是果腹。在《模式篇》中认识了料理食材，本次将要讲解交互设计的调料，即各种设计规则。

滑动切换Tab的确方便（Hozin没这种使用习惯~哈哈），基于目前经常使用的几款APP，总结三种滑动切换界面的方式，简单讨论一下相关用法，未必全面。

朔风吹柳絮，万里雾云迷。望长空恰似玉龙斗太虚，白茫茫粉饰山河瑞景奇。采樵人归来报道梅花放，勾惹起白头翁欲踏琼瑶寻佳句。唤童儿：“收拾那斗笠狐裘，备上我的驴。”

以上是八角鼓岔曲儿《赞雪》（荣剑尘 1881-1958）的唱词，短短86个字，勾勒出北风吹雪，大地苍茫，主人公欲冒雪赏梅的故事。全篇都在说雪，但是没有任何一个雪字，所谓赞雪不露雪（隐喻设计）。

西红柿炒鸡蛋、番茄鸡蛋汤，主食材完全相同；素鸡是豆制品，口感味道匹敌鸡肉；土豆和茄子的组合可以有：土豆丝炒茄丝、土豆片烩茄片、土豆丁焖茄丁、土豆块烧茄块、土豆泥拌茄泥……现实生活中的食材料理，就是一门组合的艺术。

与烹饪类似，交互设计也是一门组合的艺术。确定业务目标和范围，相当于给定了规定食材；交互框架与模式选用，相当于处理食材的基本刀工；五味调和，相当于具体设计过程；菜品色香味呈现，相当于转化率结果；满汉全席，相当于多个转化结果支撑的运营体系。

这些交互设计必备书籍，但你也许都没读过；初次接触交互设计，这11本书，刚好够读一年，你的技能将会有质的飞跃。