Home » 标签 交互设计 下的文章

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

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

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

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

+阅读全文

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

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

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

+阅读全文

剖析朋友圈点赞:交互设计师眼中的“用户倾向系统”

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

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

+阅读全文

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

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

+阅读全文

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

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

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

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

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

+阅读全文

页面线框图教程(之六):用交互实现屏幕复用

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

+阅读全文

让打字员给作家捏捏脚

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

+阅读全文