Home » 标签 信息架构 下的文章

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

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

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

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

+阅读全文

交互设计中的「同形异构」与「同构异形」

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

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

+阅读全文

[逆向工程]信息架构推演<微信消息列表>步骤细节+新手扫盲

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

+阅读全文

不理解「信息」莫再谈「架构」

我特感奇妙的是事物何以融合一体
I just wondered how things were put together

信息之父 香农Shannon(1916-2001)

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

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

+阅读全文

解剖麻雀之心:微博的信息呈现格式

都云人言可微,哪怕微言耸听!大小门户齐上阵,且看沙场秋点兵。--定场诗一首

前言:回到七嘴八舌的原始社会

所谓沟通,就是人们忙着做两件简单事:听别人说什么自己该说什么

有一种沟通,主席台上某个发言人拿着扩音器讲话,身为听众只能在台下窃窃私语,这个叫门户;有一种沟通,大家都可以轮流上讲台上拿着扩音器说话,并且邀请台下的观众评论,这个叫论坛;有一种沟通,大家都回到自己家说话,张贴标语,然后可以任意的去别人家拜访和聆听,这个叫日志,也叫Blog;还有一种沟通,大家围坐在一起,你可以选择收听那些你感兴趣的人,物以类聚,七嘴八舌,这个外国叫Twitter,到了中国叫“微博”。

+阅读全文

垂直门户网站的内容层次

公众信息门户就是摊煎饼,面积越大越好;垂直主题门户就是掏耳朵,有一定的深度才觉得舒服。伴随《扫把星理论》在国内的风靡和活学活用,加上地产、化工一系列行业门户的风生水起,垂直主题门户这种形式被打了鸡血,如雨后草原上的蘑菇,随便踩一脚都能压扁一大片。要想在一大片蘑菇当中鹤立鸡群,就必须有挺拔的菌冠,而那硕大蘑菇的倒掉往往因为根扎的不够深,垂直网站要建立牢固的落地抓力,就应当注意内容层次的挖掘。

+阅读全文

信息闭环设计小谈

初稿时,一不小心拐到了遍历浏览路径的话题上,于是删去五百字,从头再来^_^

当提出“信息架构”这个概念,总是有人拿出卡片来推演分类,理性递推是一种解决途径,但是必须涵盖信息的全貌;当用户无法了解信息的全部分类时,是否能够给用户提供一种学习方法,这就是我们今天要说的信息闭环设计。

+阅读全文