交互设计之架构真经

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

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

一、何为信息架构

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

交互设计之架构真经

        当我们一看到购物车这个信息的时候,我们就会知道这是一个购物类的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

相关推荐

  • UI设计师扔掉PS,使用Axure是怎样一种体验?

    ——我的生活将再不会像从前那样……所以,Axure……这真的仅仅只是一个做原型的工具吗?UI设计师可以完全放弃其他工具,仅仅靠Axure完成所有工作吗?这个程序有什么优缺点呢?下面我将试着回答这些问题。最近我开始放弃Adobe Photoshop转向Axure,然后发现了它除了原型制作以外的潜能,也许我的生活将有大不同。如果有时候你不得不打开PS查看位图细节,你就会知道它到底有多慢。近年来PS功能越来越丰富,当我使用了另一个看起来明显简...

    2018-04-17
  • 纽约视觉艺术学院SVA交互设计硕士毕业展 | 点赞按钮背后的学问

    SVA的交互设计专业汇集享有国际盛誉的设计师及其当今各大领域的专业人士,学生背景来自不同行业,有交互、数字媒体、纯艺、产品、平面、家居、建筑、计算机、社会学等等,学生之间能互补知识,拓展思路。要你设计一个点赞按钮,你会怎么设计?交互设计是什么?不知道的话,你可以回顾「谷歌UX交互设计师丨郑嘉」的分享会:用逻辑支持设计决定丨Google 设计师 郑嘉带你认识UX,她认为交互设计思维是用逻辑支持你的设计决定。SVA交互设计看点读交互的学生,...

    2018-05-04
  • 基于用户体验的污泥脱水干化解决方案

    点击上方蓝字关注“公众号”题  目:基于用户体验的污泥脱水干化解决方案报告人:上海复洁环保科技股份有限公司  许太明  总经理第一部分:背景与缘起各位领导、各位专家、各位同行,中午好。我给大家做的报告是基于用户体验的污泥脱水干化解决方案。作为我们公司来说,主要的产品是低温真空脱水干化成套技术,所以我从这个技术本身给大家分享一下应用性能与效益的评价。主要分三部分,一个是背景与缘起,第二是用户体验与详情,第三个是总结与展望。污泥脱水干化设备...

    2018-04-30
  • 微信公众号哪些细节会影响用户体验?

    公众开发运营官网公众运营平台微信公众号哪些细节会影响用户体验?在微信公众号里面,哪些细节会影响大家对公众号的体验呢?下面小编就来为大家讲解一下这些细节,快来看看吧。1.无意义的自定义菜单内容第一个就是毫无意义的自定义菜单内容,很多企业公众号费心费力通过了企业认证,好像不用这个自定义菜单挺可惜的,然后就非得放些东西进去,但是并没有考虑目标用户是否需要。如果把公众号视作一个小应用的话,自定义菜单的功能可以类比App里的Tabbar,主要是实...

    2018-02-12
  • 掌握交互设计思想,从用户视觉心理开始

    什么是交互设计师?在刚刚开始研究交互的时候,我也经常问自己:什么是交互设计师?这两年“用户体验”这个词非常火,以前在技术沟通中经常生硬的用“用户体验”这个词来说服技术,难免有些空洞。其实用户体验不止于产品的交互设计有关,还包含产品的内容和服务、表现形式,大部分情况下产品的内容和服务才是整个用户体验的核心。而我所理解的交互设计就是把表现形式、内容和用户行为相互协调的一门学问,是影响用户体验的关键因素之一。另外,按国内就业情况来看,目前交互...

    2018-04-26
  • 百度贴吧体验升级背后的故事,用户洞察与交互升级

    作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级...

    2018-01-30
  • 大数据应用的用户体验分析

    版权所有©德塔精要,转载请注明出处用户对产品或服务的认同是由用户体验的过程所决定的,一个具备良好用户体验的IT系统对内可以提高员工工作效率,对外可以提高客户满意度和忠诚度,最终为企业带来不菲的经济效益或社会效益。因此,组织的IT战略必须实现IT与业务的融合,面向客户和关注用户体验管理。但目前用户体验管理是当前IT业务运营的弱项,也许我们能够了解IT资源的每个细节,但却不知道用户感受怎么样,不利于IT系统的优化和完善。缺乏用户体验管理以及...

    2018-03-12
  • 用户体验十大原则

    李达康1分钟前谁给你的权利,一天啥正事不干就想着玩手机。什么是用户体验?Spring有人说是有用性,就是说需求是真实的可用性,功能可以满足用户的需求满意度,情感方面,向产品整个的一个品牌评价可找到性,用户能找到他们需求的东西可获得,用户能够方便地完成操作、达到目的可靠性,让用户产生信任价值性,产品要为投资人产生价值,转化为金钱有人说是Steve Krug 在《点石成金》这本书里,提到的用户体验包括几个方面:有用性:能否帮助人们完成一些必...

    2018-02-27
  • 如何平衡用户体验和商业变现

    互联网公司往往会面对怎样平衡用户体验和商业变现的问题。其中最常见也是最典型的代表就是,作为互联网公司商业模式之一的广告,某种程度上会影响用户体验。比如广告数量过多、与用户需求根本不相关等,这都会引起用户的反感。而在Facebook看来,这并非是一个无解的问题。在1月21日举办的2018极客公园创新大会上,Facebook工程总监范鹏分享了Facebook平衡用户体验与商业变现问题的4个原则。范鹏认为,用户体验与商业变现之间产生的问题其实...

    2018-02-10
  • “用户体验” 才是售电公司的未来(中电联课程)

    本文由全球首家智能传媒平台—中传媒平台(CMCNP)提供对于售电公司来说,用户体验就是电力用户用电过程的一个主观感受。那这样就有一个疑问:用电还有什么区别吗?电本身就是无差别的商品。所以,售电公司就应该提供差异化增值服务以满足用户体验。如果不谈用户体验,那售电公司单凭价差、所谓的增值服务去吸引用户,去谋未来?价差谁比的过电厂的售电公司,增值服务谁不会,不知道中国人最擅长的就是“借鉴”吗?如果是这样,独立售电公司在市场上就真的没什么竞争力...

    2018-02-05