HoZiN 『多级目录结构』在移动端的交互设计
<p>3000字，读20分钟。【分类】和【目录】傻傻分不清？看看本文，豁然开朗。</p>
<p>来自小密圈朋友提问：如何在移动端界面，表现出树形结构？</p>
<p>需求内容：为油品销售员提供一个知识库，行业/工艺/设备/用油部件/品牌产品/，一个树形结构，共有5个层级！每个层级都对应的知识点。如果是web界面，左边展示树形导航，右边展示内容；但是在移动端怎么展示5级树形呢？同时每一级又要包含知识点，求解答。
</p>
Home » 标签 信息架构 下的文章
交互设计中的「同形异构」与「同构异形」
<p>西红柿炒鸡蛋、番茄鸡蛋汤，主食材完全相同；素鸡是豆制品，口感味道匹敌鸡肉；土豆和茄子的组合可以有：土豆丝炒茄丝、土豆片烩茄片、土豆丁焖茄丁、土豆块烧茄块、土豆泥拌茄泥……现实生活中的食材料理，就是一门组合的艺术。</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 class="framedashe">都云人言可微，哪怕微言耸听！大小门户齐上阵，且看沙场秋点兵。--定场诗一首</p>
<h2>前言：<span class="txred">回到七嘴八舌的原始社会</span></h2>
<p>所谓<span class="so-called">沟通</span>，就是人们忙着做两件简单事：听别人说什么；自己该说什么。</p>
<p>有一种沟通，主席台上某个发言人拿着扩音器讲话，身为听众只能在台下窃窃私语，这个叫<span class="so-called">门户</span>；有一种沟通，大家都可以轮流上讲台上拿着扩音器说话，并且邀请台下的观众评论，这个叫<span class="so-called">论坛</span>；有一种沟通，大家都回到自己家说话，张贴标语，然后可以任意的去别人家拜访和聆听，这个叫<span class="so-called">日志，也叫Blog</span>；还有一种沟通，大家围坐在一起，你可以选择收听那些你感兴趣的人，物以类聚，七嘴八舌，这个外国叫Twitter，到了中国叫“微博”。</p>
垂直门户网站的内容层次
<p><span class="so-called">公众信息门户就是摊煎饼，面积越大越好；垂直主题门户就是掏耳朵，有一定的深度才觉得舒服</span>。伴随《<span class="so-called">扫把星理论</span>》在国内的风靡和活学活用，加上地产、化工一系列行业门户的风生水起，垂直主题门户这种形式被打了鸡血，如雨后草原上的蘑菇，随便踩一脚都能压扁一大片。要想在一大片蘑菇当中鹤立鸡群，就必须有挺拔的菌冠，而那硕大蘑菇的倒掉往往因为根扎的不够深，垂直网站要<span class="so-called">建立牢固的落地抓力</span>，就应当注意内容层次的挖掘。</p>
信息闭环设计小谈
<p class="imagealt">初稿时，一不小心拐到了遍历浏览路径的话题上，于是删去五百字，从头再来^_^</p>
<p><span class="drop">每</span>当提出“<span class="so-called">信息架构</span>”这个概念，总是有人拿出卡片来推演分类，理性递推是一种解决途径，但是必须涵盖信息的全貌；当用户无法了解信息的全部分类时，是否能够给用户提供一种学习方法，这就是我们今天要说的信息闭环设计。</p>