童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

从优秀到卓越!交互设计师怎样理解信息架构?(下)

5月25日 斩情道投稿
  接上文:从优秀到卓越!交互设计师怎样理解信息架构?(上)
  二、自然结构(organicstructures)
  “自然结构不会遵循任何一致的模式。节点是逐一被连接起来的,同时这种结构没有太强烈的分类概念。自然结构对于探索一系列关系不明确或一直在演变的主题是很合适的。但是自然结构没有给用户提供一个清晰的指示,从而让用户能感觉他们在结构中的哪个部分。如果你想要鼓励自由探险的感觉,比如某些娱乐或教育网站,那自然结构可能会是个好的选择;但是,如果你的用户下次还需要依靠同样的路径,去找到同样的内容,那么这种结构就可能会把用户的经历变成一次挑战。”
  这样的模式在现在的ToC产品越来越多(特别是游戏娱乐产品)。它符合轻架构产品的浏览式形态。
  有一种经典的区分用户场景的维度是:任务式、浏览式。
  任务式的特点:完成任务、快、准确、效率,例如查询某个航班到达的时间。
  浏览式的特点:碎片、时间充裕、逛、发散、不聚焦、注意力吸引式,例如漫无目的地刷微博、看知乎。
  自然结构很适合轻架构产品的浏览式形式。因为第一,重架构产品,ToB产品,如果用户需要靠浏览靠猜来使用产品特性完成任务,那肯定结果是不好的,用户会崩溃;第二,ToC产品一般就有两种形态,如果不是任务式,那很有可能就是用户在无聊,需要进入浏览式。
  当然,完全自然结构的设计方式很少(不知道最近很火的秘密算不算)。
  大部分ToC产品应该是任务式和浏览式并行的。所以自然结构,应该是绑定其他信息结构来思考。
  例如腾讯视频。自然结构肯定是应该考虑绑定层级结构来思考。用户进入视频产品,可能的一种使用方式是,用户心里已经有一个明确的思路,找2014年美国电影看,所以用户进入种类选择,选择电影,选择美国电影,选择2014年,然后进行浏览。这个可以算是先层级结构思考、后自然结构思考。
  如果用户是在家里喝茶,想看看视频,但是没有任何目的,打开了视频产品,那他们就是进行浏览式操作,这个时候自然架构就产生价值。用户在首页进行无逻辑浏览,从首页某个电视剧点入,看看详情,不感兴趣,从该电视剧的推荐点击到下一个电视剧,然后不感兴趣,然后从这个电视剧的主演想到他正在演出的一个电视真人秀,又跑去综艺里浏览。
  每个产品对层级结构和自然结构的偏重是不同的。例如电商类产品,大部分人去天猫是有明确购买目的的,这个时候任务类操作会更重要;但是有没有完全没有购买目的,就是想去天猫花点钱或者找点折扣产品呢?肯定有,但是可能不如第一种用户多。
  所以在信息架构设计中,我认为自然结构会是一个重要思考点,因为我们设计师要时刻记得,用户不是理性的,他们很多时候的操作和想法会呈现随机状态。但是自然结构不是唯一的,必须有层级结构、线性结构、矩阵结构等其他信息框架来配合和约束,才能让这个产品的整体信息架构完整、可用、有效。
  三、线性结构(sequentialstructures)
  “线性结构来自于你最熟悉的线下媒体。连贯的语言流程是最基本的信息结构类型,而且处理它的装置早已被深深地植入我们的大脑中了。书、文章、音像和录像全部都被设计成一种线性的体验。在互联网中线性结构经常被用于小规模的结构,例如单篇的文章或单个专题;大规模的线性结构则被用于限制那些需要呈现的内容顺序对于符合用户需求非常关键的应用程序,比如教学资料。”
  线性结构比较容易理解。更多呈现在帮助文档、产品故事讲述等场景。就不多描述了。
  这里我想重点提一下就是线性结构是另外一种练习交互设计逻辑的方法。一个极端是复杂信息架构(层级、自然、矩阵等),另一个极端就是线性结构。如何用连贯的语言方式讲述一个故事,但是不能进行跳转和穿插,要一条线把思路讲清楚,反而不是一件简单的事情。
  所以交互设计需要锻炼两个极端的信息架构描述方式。一个是复杂信息架构,充满了层级、跳转、补充、交叉;一种是极简的线性架构,一根主线讲清楚一个故事,甚至是复杂的故事。
  四、矩阵结构(matrixstructure)
  “矩阵结构允许用户在节点与节点之间沿着两个或更多的“维度”移动。由于每一个用户的需求都可以和矩阵中的一个“轴”联系在一起,因此矩阵结构通常能帮助那些“带着不同需求而来”的用户,使他们能在相同内容中寻找各自想要的东西。举个例子来说,如果你的某些用户确实很想通过颜色来浏览产品,而其他人偏偏希望能通过产品的尺寸来浏览,那么矩阵结构就可以同时容纳这两种不同的用户。然而,如果你期望用户把这个当成主要的导航工具,那么超过三个维度的矩阵可能就会出现问题。在四个或更多维度的空间下,人脑基本上不可能很好地可视化这些移动。”
投诉 评论 转载

从优秀到卓越!交互设计师怎样理解信息架构?(下)接上文:从优秀到卓越!交互设计师怎样理解信息架构?(上)二、自然结构(organicstructures)“自然结构不会遵循任何一致的模式。节点是逐一被连接起来的,……从优秀到卓越!交互设计师怎样理解信息架构?(上)今天分享一篇交互设计高级教程,关于产品信息架构的思考,这方面是交互设计师成长的一个关键点,也是交互设计大局观的锤炼基石,文章很有深度,值得用心学习。这篇适合交互设计或者对交互设……导航和搜索之间的相互协调摘要:把网站的搜索栏置于导航栏上,这种不怎么好的实现方式会让用户在查询上投入更多的精力。我们有经常会谴责现在一种用像汉堡一样的菜单键来取代全局的导航栏,我们可以发现……设计师要画草图小编推荐:关于对用户体验草图绘制的体会,我们的导师,草图绘制大师KateRutter教会了我们如何通过草图将自己的创意呈现于纸上。下面是为大家分享一些能够用于快速、有效绘制草图……如何从3个方面判断是否做交互动画编者按:IOS7出来后,交互动画立刻成为设计师的抢手货,有关动效设计的教程都趁势火了一把,但是很少有人讨论到底该不该做交互动画,如果做,为什么?今天终于有同学分享了他的观点,一……iOS8人机界面指南(一):UI设计基础1。1为iOS而设计(DesigningforiOS)iOS的革新关键词如下:遵从:UI能够更好地帮助用户理解内容并与之互动,但却不会分散用户对内容本身的注意力。……硅谷设计师看苹果交互设计趋势:如何适应大屏?笑天涯说:苹果终于顺应市场潮流,推出了大屏手机,而且销量前所未有的火爆!苹果大屏手机的推出,必然影响其交互设计的改变,其中有怎样的趋势?请看硅谷设计师的看法!今年夏天,我……如何巧妙恰当地隐藏界面的设计一句话总结:你刚好不经意地出现,而这正是隐藏的意义。在这个信息爆炸的社会里,信息过载已成为常态,为了提升用户使用效率,处理界面的信息层次是每个设计师都要面……从苹果官网细看20年设计变迁史在过去很长一段时间,苹果都一直以自己流线型、极简风格的工业设计闻名全球。而97年乔布斯带着NeXT团队荣归苹果之后,这家传奇企业重获新生,它的高速发展的这个阶段也和互联网快速普……一个资深设计师的多年感悟每个设计师都在纠结中挣扎,我们的甜蜜,兴奋,郁闷,敏感,来自生活,来自设计,来自每次完成一个页面后的反馈,来自每次回看的满足和成就,这些词汇已经融入到我生活与工作的点点滴滴,有……设计师版式宝典!从零开始教你掌握网格系统学会和理解如何排版是成为一个设计大师中超级重要的一部分,有很多刚入门的设计师并不了解网格系统,也不会利用网格系统来校准元素在画面内的位置,让画面更加平衡。网格系统为什么这么好用……汉堡图标并非最佳菜单方案用户体验设计不是忽悠,也许5分钟口水攻势能让前台小妹觉得你的设计非常高大上,但是要让每一个用户对着屏幕上的UI欲罢不能以身相许还需要数据支撑。难道不是么?用户体验设计和可……
不同人对SEO的了解其实是不同的网站也是搜索引擎喜爱的网站手机网站怎么做才利于浏览网站怎么做才有好的体验怎么建立网站才助于提高访客浏览量建网站怎么建才能使人下单自己建网站如何做才容易排名个人网站设计时从哪些方面进行给用户一种温暖舒畅的感觉怎么样制作网页能使访客留下设计网页必知的细节主页设计需思考的方案纸的自述吴奇隆合照被指胖成高晓松经纪人一句话疑似透露刘诗诗怀孕!小乌龟上山坡幼儿园教案藤条香薰可以用多久?藤条香薰多久换一次上半年人均赚3。9万?网友:好家伙,又被平均了热议聚热点网 喷子们侃出的幽默笑段怎么涂手指甲油会对手指甲伤害小优秀教师教学工作总结吃泻药也不排便是什么原因吃泻药都不排便怎么办除了HR的提问,面试前还要准备哪些事项?婚前同居男人和女人谁更吃亏看完之儿童乘坐超市购物车该注意什么

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界