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

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

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

+阅读全文

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

+阅读全文

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

+阅读全文

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

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

+阅读全文

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

+阅读全文

<p>招聘季，无论新人还是交互老鸟，都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求：介绍一下你的作品.....WorkShow这件事，系统总结一下。</p>

+阅读全文

<p>用DAU/MAU说话的年代，“点赞”这种轻量级交互行为，成为增加用户黏性的战术级重武器。从士兵到将军，如果对这些小零碎“如数家珍”，必将在征尘中游刃有余，攻城夺地，扬名立万。</p>

<p>点赞、喜欢、关注、收藏、评分……几乎所有的产品都会遇到这些“不起眼的小功能”，姑且可以称为“用户倾向系统”，它们的效果显而易见：</p>

+阅读全文

<p>无数小伙伴分析过微信的产品、交互设计，然而，这个亿万人使用的社交软件，它的「信息架构」到底是如何的？消息列表，是微信客户端的主界面，今天就来分析一下，管中窥豹！本文富含大量图表，实在是互联网小白和老鸟应该必读的，请不要吝惜流量。</p>

+阅读全文

<p class="framedashe">我特感奇妙的是事物何以融合一体
I just wondered how things were put together

信息之父 香农Shannon(1916-2001)</p>

<p>常有小伙伴，执流程图、栏目规划、界面原型……耳耳，乞曰 「帮我看看这个信息架构吧」；出谋划策之余，万般提醒「信息架构不是这样滴」，收效甚微；如此往复，发现诸君未必是不理解「架构」，只因忽略了「信息」这个本质，遂撰文以饲。</p>

<p>关于「信息」的定义，请自行查阅各大百科和香农原版论文，作为一个产品/交互设计师，能理解下面这些就好了，毕竟大家更注重实战。</p>

+阅读全文

<p>屏幕是万维网的创作介质，引入一个时下很流行的概念，屏幕也是所有“<span class="so-called">数字多媒体</span>”的展示介质，这是与传统的纸面印刷最大的区别；屏幕带来了用户交互、时间与空间差异，这也是毕昇发明活字印刷术时始料未及的；创建网页的本质是内容信息架构的呈现过程，如果玩转内容形式主义是<span class="so-called">雪中送炭</span>，那么用交互实现屏幕复用就是<span class="so-called">锦上添花</span>。当网站策划人员、产品经理也不得不暂时替代交互设计师的工作（这是大量存在的），就必须要掌握最基本的屏幕复用原则。</p>

+阅读全文

<p>可以强调创意的重要性，但也不要忽略最后交付的介质。总是遇到一个创意独特的报纸广告印错了客户的电话；总是遇到一个非常吸引人的现场活动忘记给老客户派发请柬；为什么那些设计师都要亲自查看菲林？因为他们知道一个出血错设都会需要返工重新完稿；为什么那些主持人上台之前都要熟悉流程？因为他们知道一个小的失误都会让整个秀场成为国际玩笑。<p>

+阅读全文