『多级目录结构』在移动端的交互设计
<p>3000字,读20分钟。【分类】和【目录】傻傻分不清?看看本文,豁然开朗。</p>
<p>来自小密圈朋友提问:如何在移动端界面,表现出树形结构?</p>
<p>需求内容:为油品销售员提供一个知识库,行业/工艺/设备/用油部件/品牌产品/,一个树形结构,共有5个层级!每个层级都对应的知识点。如果是web界面,左边展示树形导航,右边展示内容;但是在移动端怎么展示5级树形呢?同时每一级又要包含知识点,求解答。
</p>
<p>3000字,读20分钟。【分类】和【目录】傻傻分不清?看看本文,豁然开朗。</p>
<p>来自小密圈朋友提问:如何在移动端界面,表现出树形结构?</p>
<p>需求内容:为油品销售员提供一个知识库,行业/工艺/设备/用油部件/品牌产品/,一个树形结构,共有5个层级!每个层级都对应的知识点。如果是web界面,左边展示树形导航,右边展示内容;但是在移动端怎么展示5级树形呢?同时每一级又要包含知识点,求解答。
</p>
<p>当看到一头牛的时候,不同的人会有不同的想法。鞋匠想到的是牛皮,生物学家想到的是克隆,厨师想到的是牛肉。一头牛能做多少道菜?每个厨师的经历和想法都不一样!所谓仁者见仁,智者见智。</p>
<p>厨房的意义不仅是把食物做熟,食物的意义也不仅是果腹。在《模式篇》中认识了料理食材,本次将要讲解交互设计的调料,即各种设计规则。</p>
<p>滑动切换Tab的确方便(Hozin没这种使用习惯~哈哈),基于目前经常使用的几款APP,总结三种滑动切换界面的方式,简单讨论一下相关用法,未必全面。</p>
<p>朔风吹柳絮,万里雾云迷。望长空恰似玉龙斗太虚,白茫茫粉饰山河瑞景奇。采樵人归来报道梅花放,勾惹起白头翁欲踏琼瑶寻佳句。唤童儿:“收拾那斗笠狐裘,备上我的驴。”</p>
<p>以上是八角鼓岔曲儿《赞雪》( 荣剑尘 1881-1958)的唱词,短短86个字,勾勒出北风吹雪,大地苍茫,主人公欲冒雪赏梅的故事。全篇都在说雪,但是没有任何一个雪字,所谓赞雪不露雪(隐喻设计)。</p>
<p>西红柿炒鸡蛋、番茄鸡蛋汤,主食材完全相同;素鸡是豆制品,口感味道匹敌鸡肉;土豆和茄子的组合可以有:土豆丝炒茄丝、土豆片烩茄片、土豆丁焖茄丁、土豆块烧茄块、土豆泥拌茄泥……现实生活中的食材料理,就是一门组合的艺术。</p>
<p>与烹饪类似,交互设计也是一门组合的艺术。确定业务目标和范围,相当于给定了规定食材;交互框架与模式选用,相当于处理食材的基本刀工;五味调和,相当于具体设计过程;菜品色香味呈现,相当于转化率结果;满汉全席,相当于多个转化结果支撑的运营体系。</p>
<p>这些交互设计必备书籍,但你也许都没读过;初次接触交互设计,这11本书,刚好够读一年,你的技能将会有质的飞跃。</p>
<p>招聘季,无论新人还是交互老鸟,都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求:介绍一下你的作品.....WorkShow这件事,系统总结一下。</p>
<p>用DAU/MAU说话的年代,“点赞”这种轻量级交互行为,成为增加用户黏性的战术级重武器。从士兵到将军,如果对这些小零碎“如数家珍”,必将在征尘中游刃有余,攻城夺地,扬名立万。</p>
<p>点赞、喜欢、关注、收藏、评分……几乎所有的产品都会遇到这些“不起眼的小功能”,姑且可以称为“用户倾向系统”,它们的效果显而易见:</p>
<p class="framedashe">2013年写于知乎,回答好友 @虫子 关于“概念设计”的三点疑问:1.“四步法:搜集、整理、判断、创新”是否贯穿整个产品设计流程;2."概念设计To信息架构"中,确定功能规格是在哪一步?3.《用户体验要素》第二层中,功能规格的颗粒度问题。<p>
不理解信息架构,可能永远是交互设计的门外汉!超文本标记语言Hyper Text Markup Language,是一种简单灵活的信息描述,通过学习和使用它,不但能够建立抽象思维和结构化思维,将屏幕交互的本质融会贯通,更能确立与动效/前端工程师的沟通优势,一劳永逸。
作为最基础的常备功能, 注册/登录往往是产品第一个版本中最容易被忽视的环节,越是看似容易,陷阱越多;介绍相关产品思路的文章很多,讲交互的多,结合运营的少;本文更多的是记录那些坑坑洼洼,希望对大家有帮助。
<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>无意浏览了42qu.com这个站点,总的评价:<span class="so-called">有点意思</span>!很轻的应用,用户甚至可以抛却注册环节,直接用Gmail账户访问它。</p>
<div class="framedashe"><p>我梦想有一天,这个国家会站立起来,真正实现其信条的真谛:“我们认为这些真理是不言而喻的;<span class="txred">人人生而平等</span>。” — 马丁•路德•金</p>
</div>
<p>曾经的万维网是一个<span class="so-called">公平世界</span>,可能那个时代没有电子商务、没有门户网站、没有网络广告,就像没有抹上奶油的蛋糕坯子,<span class="so-called">质朴可爱</span>。</p>
<p>仅仅有了团队也只是网站建设的开始,无法想象<span class="so-called">刀耕火种</span>式的创意产业如何生存与发展,在讨论人力雇佣成本之余,也必须考虑夹杂在某个网站项目当中的<span class="so-called">其他成本因素</span>。成本核算是传统企业财会工作当中的一项基础工作,对于拥有<span class="so-called">大型设备</span>的工业企业,通常拥有<span class="so-called">大规模的厂房和固定资产</span>,对于创意产业,以传统的<span class="so-called">产出率和设备磨损</span>去衡量经营管理成本是不科学的。</p>