Home » 分类 信息设计/信息架构 下的文章

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

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

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

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

+阅读全文

赞雪不露雪,如何区分概念与实体

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

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

+阅读全文

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

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

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

+阅读全文

从HTML入手,学习信息架构

不理解信息架构,可能永远是交互设计的门外汉!超文本标记语言Hyper Text Markup Language,是一种简单灵活的信息描述,通过学习和使用它,不但能够建立抽象思维和结构化思维,将屏幕交互的本质融会贯通,更能确立与动效/前端工程师的沟通优势,一劳永逸。

+阅读全文

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

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

+阅读全文

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

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

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

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

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

+阅读全文

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

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

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

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

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

+阅读全文

建设一个网站的成本(之三)

仅仅有了团队也只是网站建设的开始,无法想象刀耕火种式的创意产业如何生存与发展,在讨论人力雇佣成本之余,也必须考虑夹杂在某个网站项目当中的其他成本因素。成本核算是传统企业财会工作当中的一项基础工作,对于拥有大型设备的工业企业,通常拥有大规模的厂房和固定资产,对于创意产业,以传统的产出率和设备磨损去衡量经营管理成本是不科学的。

+阅读全文

建设一个网站的成本(之二)

创意产业的特殊性在于:其根本价值来自脑力劳动。看传统行业,要生产汽车必须先有厂房和生产线,然后是技师种配套团队;要采煤首先有矿脉和设备,然后是工人和管理团队;要做网站首先要有团队,然后才是其他硬件设施,这就让人力成为了主导网站建设成本的主因。

+阅读全文

网络营销的半面妆

我们的丑陋,是在于我们不知道自己的丑陋。——柏杨

倘若把任何事情都冠以“营销”的头衔,恐怕可以写出几百万本书,仅仅是浪费些纸张油墨,而对这个世界并没有任何的改观。的确,每时每刻都存在营销,婴儿的啼哭是营销,闪烁的霓虹灯是营销,红色的消防栓也是营销……网络是一种工具,如果能够把“付诸于网络的营销行为”称之为网络营销,那么能否把“付诸于菜刀的营销”叫做菜刀营销呢?观察当今国内盛行的网络营销之风,不难发现一些奇妙的现象,官怪陆离。

+阅读全文

垂直网站如何变脸

在《垂直门户网站的内容层次》一文中,简要介绍了内容层次的架构划分原理;如何使用这些原理为用户组织内容,实际中的原理应用方法,是本文讨论的核心内容。诸多围绕某一领域深入挖掘内容价值的垂直网站,它们并没有摆脱时间轴对内容桎梏,形成了与公众信息门户直接竞争和被打压的境地;同样可以看到,那些综合门户网站的垂直频道苦于没有特色而疲于应付扑面而来的信息竞争。

+阅读全文

垂直门户网站的内容层次

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

+阅读全文

新浪“围脖”试用记

从来不爱跟风扎堆,实践证明“闻着臭味往往找不到公厕,也许仅仅是跟随着粪车”,这不是一种保守,也不是一种特例独行,而是一种条件反射。扑面而来的网络营销果然能量巨大,所有的工作IM群都在争抢内测验证码,朋友们还特别为我保留了一个,碍于面子,鬼使神差的就跑过去玩了几把,有些小感触,写下来分享。

+阅读全文

信息闭环设计小谈

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

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

+阅读全文

网站的本质和要素

每时每刻,世界上有无数人访问着无数的网站,有无数的网站被建设或关闭。进入网站策划这个领域的第一步,就是要理解“我们要作什么,我们的思考围绕具有什么样的特质”。

网站的本质

所有运行在万维网上的站点千奇百态、形式迥异、功能各样,从其组织原则和运作原理,我们可以窥探网站的本质离散信息的集合屏幕的超级链接一种营销手段而不是目的

+阅读全文

产品服务体系的三度空间

从未有过产品经理的从业经历,曾经做过某网络营销机构研发部的Leader,规划过产品服务体系,偶然翻出旧工作文档,感觉应该对产品管理有所帮助。

产品经理,虽然叫“经理”,但究竟掌握着多少决策权力,因公司管理架构而异;产品和服务是一对双胞胎,商业上都是为了满足客户需求存在的,每谈产品而抛弃服务是片面的;一个产品的规划过程,也是服务的规划过程,产品不能离开服务支持部门独立存在;产品的管理包含了对服务的管理

+阅读全文