交互设计之架构真经

建立信息架构是交互设计师主要工作之一,是需求转向交互稿中非常重要的过程。一个架构的好坏决定这这个产品未来的命运,只有具有一个好的信息架构,才会具有一个好的产品体验。以下将从认识——前期工作——如何产出——如何判断,四个步骤来介绍信息架构。一、何为信息架构信息架构设计是对信息进行结构、组织方式以及归类的设计、好让使用者容易使用和理解的一项艺术与科学。这是比较官方的说法,简单通俗的说法就是对信息进行组织和层级分层。当我们一看到购物车这个信息...

        建立信息架构是交互设计师主要工作之一,是需求转向交互稿中非常重要的过程。一个架构的好坏决定这这个产品未来的命运,只有具有一个好的信息架构,才会具有一个好的产品体验。以下将从认识——前期工作——如何产出——如何判断,四个步骤来介绍信息架构。

一、何为信息架构

        信息架构设计是对信息进行结构、组织方式以及归类的设计、好让使用者容易使用和理解的一项艺术与科学。这是比较官方的说法,简单通俗的说法就是对信息进行组织和层级分层。

交互设计之架构真经

        当我们一看到购物车这个信息的时候,我们就会知道这是一个购物类的APP,这就是信息架构的一个非常重要的点——你的产品必须非常容易让用户理解,在第一眼就有个简单的认识。这是淘宝与京东,他们的信息架构是不是特别的相似.淘宝是首页—微调—消息—购物车—我的,京东是首页—分类—消息—购物车—我的。当然这么相似也是有原因的,当中这涉及到用户的习惯,用户已经被培养出这样的使用习惯,当你在去换另一种方式,就会增加用户的替换成本,当然如果你的新的体验非常的出色,那么可以进行替换,否则还是按照用户使用习惯进行设计,这有个用户价值公式可以参考——用户价值=(新体验—旧体验)—替换成本。同样的例子还有很多,如下:

交互设计之架构真经

        当我们看到这个架构,一看到消息和通讯录就会知道这是一个社交类软件。

交互设计之架构真经

        还有这个例子,一看到今日学习——知识账本——已购,就会知道是一个知识付费的平台。

        这就是信息架构的重要的点——让用户易于理解。用户第一眼就必须知道你这个的产品是用来干什么的。如果你信息架构让用户感到迷茫和不知道怎么用,那么用户是不会在这个APP上待太长时间的,用户使用APP不是用来学习怎样操作它的,一个好的设计要做到自然。用户都能在需要的时候容易找到某种功能(分清主次),更好的体验将会带来更高的留存率。

        信息架构绝不是功能的简单堆叠,我们需要去重新的组织它,去设计它,提取出第一层级、第二层级、第三层级、等等的功能层级,然后再把这么多杂乱的功能进行有组织的排序。


二、产品信息架构设计的前期工作


1 了解用户、场景、使用习惯

        任何一个产品都必须考虑到目标用户,用户需要什么、他们用产品来干什么、最关心产品哪些功能、有没有用过类似产品,在设计前必须要对用户进行分析。一般会进行用户研究,进行数据收集过后,会制作用户角色模型(persona)。当我们在考虑用户时候,是将用户放在场景中进行考虑。什么是场景,场就是时间+空间,景就是情感出发,用户在这个场景中使用产品会有哪些感受。

交互设计之架构真经

        这是抖音和腾讯的微视,相同的使用操作,为什么微视不要另外一种方式呢?——抖音已经培养出了用户习惯,并且这个习惯用也非常的顺手,在找不到更好的方式的情况下,尊重用户当前的用户习惯无疑是最好的选择。

2 了解业务需求

        在这里的业务需求不仅仅只单单只上次讲的产品目标和产品目的了,还包括了运营需求、技术需求等等其他部门的需求。

交互设计之架构真经

        例如左图是WPS页面,将广告放入页面中,APP里面有广告不是产品要考虑的,这是商业的需求(当然WPS这种广告具有强烈的误导性,这下次另外分析,误导用户等于欺骗)。右图是百度地图的,在其上方有个小游戏是推广小智的,这是运营的需求。因此了解其他部分的业务需求是非常必要的。

3 竞品的调研

        在进行竞品的调研,主要要分析出竞品的共性与差异,分析共性和差异形成的原因,因为技术、习惯还是资源等等。共性是我们很难改变的,也是我们很可能借鉴的,而差异就是我们进行创新的地方。

交互设计之架构真经

        还是用抖音和微视分析,共性就是主要操作和架构是差不多的,形成这个的原因是用户已经被培养出使用习惯,而差异就是微视将关注移动到上部分的标签栏中,底部的导航栏加入了发现。这就是微视与抖音的最重要的区别,腾讯进行了资源的组合与分类。这也算是腾讯的创新点。(虽然很鸡肋)

4 卡片分类法——获取用户的心智模型

        在用户分析中曾经提及过卡片分类法,其的目的就是获取用户的心智模型,用户心理是怎想的,是怎么分类的。它是一种让用户对功能卡片进行分类、组织,并且给相关功能的集合重新定义名称的一种自下而上的整理方法。通过这样,我们了解用户是怎么思考这些功能并且怎么合并这些功能的。

        卡片分类法的流程:a 介绍卡片——b 用户归类卡片——c 让用户取名——d继续归类——e 简单的访谈——f 拍照存档

        关于卡片分类中卡片设置的要求:

        第一、它是功能或者界面的名字:比如对话窗口、拨号呼叫

        第二、他来自于你现有信息架构数的树叶部分。(没有子树的部分)

        第三、 不要过分细分,例如不要细分列表单元格内的元素,不要细分一个相对稳定的页面

        第四、功能/信息卡片不能出现包含关系

        第五、卡片总数不能超过30张。

       卡片分类法的产出物(信息架构图):

交互设计之架构真经

交互设计之架构真经

三、产出产品信息架构设计

1 整合信息——形成自己的产品框架

        利用上文中竞品分析和用户心智模型形成的信息架构图,进行信息的整合。形成自己的信息架构图,可以利用思维导图和axure等工具。

2 寻找层与度的平衡

        层是广度,度是指深度,把握两者的平衡会影响体验的好坏,深度太深,用户有耐心连续探索8个页面吗?(一般5个为突破值),如果广度大太广,用户一下能看这么多信息吗。层和度是相互变化的,层多了,度就少。在进行信息架构设计的时候要做到两者的平衡。

3 验证核心使用流程

        在信息架构完成后,然后验证这个架构是否可以用,这是一个至上而下的过程,来验证是否这个信息架构可以走的通,可以利用用户体验地图进行模拟。

4 考虑信息架构与交互构图的关系

交互设计之架构真经

        在移动端,一级导航的样式分辨为Tab式导航与抽屉式导航,Tab式导航虽然中规中矩,但是容易让用户理解并且记住,抽屉式导航给人的感觉会很酷,但是对信息是一种隐藏,如果第一重要级不是很突出,最好不要使用抽屉式导航,正如behance找图看图的第一重要级相较于其它就非常突出,打车软件与地图软件的地图首页的重要级就非常突出,在这样的情况下就可以使用抽屉式导航。所以为什么说TIM的信息架构非常的差,第一,一个社交软件,没有特别突出的重要级,竟然使用类始于抽屉式导航的形式将相对于比较重要的联系人页面进行了隐藏,相对于不太重要的办公页面去放置在主导航中。

交互设计之架构真经

        到苹果官网的图,你一样你会看到iphone8那几个字,因为这是苹果想要突出的第一优先级。

交互设计之架构真经

         这这里我调了一下的图片,第一眼,你会看到手机。

        也就是说在进行页面信息排布的时候,也可以更加信息优先级来进行交互架构的设计。确定页面所需呈现信息——绘制信息架构树状图(找到连同信息)——进行重要心分级——绘制页面。

四、判断产品的信息架构


判断产品信息架构好与不好有两个方法:

1 用户测试:

第一,用户在你不介绍具体产品的情况下,通过短时间的使用,说出产品可以用来作什么

第二,让用户进行核心人物流程,检查完成是否流畅

第三,给用户一个寻找一个相对层级较深的功能任务,检测用户是否能通过信息架构名称找出功能

2 撰写产品说明书

以非常简单的交互框的形式,看用户能不能看懂。


超sir 

第八日




原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36794/

(0)
交互精选交互精选
上一篇 2018-05-01
下一篇 2018-05-01

相关推荐

  • 2019年交互设计方向考研辅导招生简章

    -----点“蓝 色 字 体”击----------关注我们-------获取最新信息-班型介绍:开设课程:交互设计长期周末VIP班(线下课程)交互设计长期周末VIP班(线上课程)上课时间:2018年3月中旬——2019年1月初(每周周末4课时)课时       :320课时(每课时1小时)招生人数:线下课程10人,线上课程10人(超数不招生)课程安排:一.课程总框架:Part 1▪交互知识学习Part 2▪考研专业课学习Part 3▪...

    2018-03-27
  • 交互设计测试评估

    - END-作者  Rachel Xu欢迎将文章分享至朋友圈,拒绝转载~VUI进化论达尔文老爷爷说,你的语音交互设计该进化了~长按指纹 > 识别图中二维码 > 添加关注不关注,怎么进化~

    2018-04-18
  • 在007里的用户体验是“爽”还是“不爽”

    有一天在微信上和007社群的班级一位同学聊天,一通天南海北的乱扯后,话题就回到007这个社群上了,因为这段时间我参与007社群的一些活动,对这个话题特别敏感,然而他却流露出对这个社群的很多不满意,我们之间的一段对话让我思考了很久很久。对了,这两天你看了你们小组的信息了吗?小组信息?刚看,不过我最近在考虑要不要直接退出007,感觉没意思,也啥时间整这些了。那你当初为啥参加007啊?没啥,就是觉得应该养成一个写作的习惯以及可以认识一些稍微志...

    2018-04-11
  • Axure RP 8 入门手册 – 第6章(四)

    第9节检视功能-元件交互冰炫:小楼老师,我能跟你请教个问题吗?小楼:哇!看头像是很高冷的美女呀。冰炫:老师!你嘴好甜哦!你这样我会不好意思的!小楼:嘿嘿!你有什么问题呀?冰炫:哦……差点被你给夸得忘记问了!今天我在网上买饮料时候,看到网站上的选择饮料分类,选择的时候只能选中一种,被选中的分类标签会改变颜色,其它的恢复默认颜色。感觉有些像你刚才给Alice.讲的单选按钮组的效果。(图6-58)(图6-58)小楼:嗯,这个也是组的效果,但不...

    2018-04-23
  • 医生如何离开体制创业、卓越的用户体验如何打造 | 首届妇幼医疗高峰论坛精彩环节分享

    本文编辑:卢维晨 要笑尘“2018首届妇幼医疗高峰论坛”于2018年4月21日在上海嘉里大酒店开幕。本次会议由上海春田医院管理有限公司主办,中国非公立医疗机构协会妇产科专业委员会作为学术支持。来自国际、国内知名的妇儿医疗机构投资者、拥有者、运营管理者、妇产儿科医生、医药企业、医疗器械企业、孕婴童产业、互联网创新企业等诸多行业专家领袖出席了本届论坛。本次大会上,隆重发布了中国首部以妇儿医疗机构为主题的《2018中国妇儿医疗机构白皮书》,本...

    2018-04-22
  • 「交互设计七大定律」在设计中的应用(二)

    今天给大家介绍的是:希克定律(Hick’s Law)。1、希克定律定义希克定律指的是:一个人面临的选择越多,所需要作出决定的时间就越长。用数学公式表达为:RT=a+blog2(n),其中,RT表示反应时间,a表示跟做决定无关的总时间,b表示根据对选项认知的处理时间实证衍生出的常数(这个例子对人来说约是0.155s),n表示同样可能的选项数字。比如,假设需要两秒测知警铃、了解其含义,接着假设按下五个按钮中的一个按钮,可以解决触动警铃的状况...

    2018-02-05
  • Axure RP 8.0 软件激活 安装教程 激活码 序列号

    点击上方蓝字关注免费领取百度网盘超级会员等部分软件没有贴详细教程和网盘链接,可以给公众号留言发信息,也可加微信:qihai-77当你需要的软件我们没有发布时,可以给我们留言或者加微信:qihai-77反馈哦链接:https://pan.baidu.com/s/1VjyU1Ok307Go4VaV54LhcA密码:3nf7有任何需要安装的软件或问题可咨询微信客服:qihai-77链接失效可在公众号留言某某链接失效 或联系微信客服:qihai...

    2018-03-29
  • 【用户体验】“跳一跳”游戏的体验

    伴随着微信的升级和重点推荐,小游戏“跳一跳”一夜成为中国互联网的全民爆款休闲游戏。不仅周围的同事、连身在老家七八线小县城的小学同学都在乐此不彼的刷屏和相互竞技。如此如火如荼的燎原之势,除了有微信这个强大的平台效应之外,当然也有一些“跳一跳”自有的吸引力蕴含其中。今天,就和大家一起来聊一聊“跳一跳”中的游戏心理学。第一,尝鲜心理。追求新鲜事物,是人类的天性。任何时候,人类都从未停止过尝试新鲜事物的脚步。而微信,作为一个8亿+的社交平台,“...

    2018-02-26
  • Sketchfab可在引擎内直接搜索3D模型,太方便了!

    点击上方蓝字CG世界关注CG我们“ 感知CG · 感触创意 · 感受艺术 · 感悟心灵 ”中国最具影响力CG领域自媒体Sketchfab为其在线模型共享平台发布了新的下载API,使开发人员能够将Sketchfab内容直接导入其他应用程序或游戏引擎中。Sketchfab是一个集发布,分享,发现,购买和销售为一体的3D,VR和AR内容的平台。 提供基于WebGL和WebVR技术的查看器,允许在网络上显示3D模型,以便可以在任何移动浏览器,桌...

    2018-03-31
  • 2018年产品经理交互设计交流分享大会

    活动背景一个优秀的产品经理不仅能引导产品的发展,而且还能引导公司的发展。同时,他还是一名优秀的执行者、项目管理和团队管理者,具备敏锐的洞察力,能在用户心理和产品细节间灵活游走,打磨出令人惊叹的产品。所以,在成为CEO之前,先成为一名出色的产品经理吧。然而当我们投入到实际工作中时,总是一次又_次遇到阻碍:和运营、枝术部门沟通不畅,项目推进难。公司要求不高,任务很轻松就能完成,想要挑战大公司,却深知自己还欠火候。看过许多千货,听过许多直播,...

    2018-04-17