轻松入门UX 交互设计基础 交互之原型设计 交互设计高级进阶 用户体验设计 web端产品设计

ux信息架构图

 

我们了解了信息架构,但信息架构是交互设计师工作范畴之一,虚拟的空间中为人们提供类似地图的指向性服务,用户浏览、使用某个产品时能够清楚自己在哪里,可以去哪里,以及怎样去那里。从根本目标看,信息架构为了实现从数据到知识、信息、智慧的升华。



图示原则


1.一张图让所有人看懂,注定失败


不是所有人都能在同样的角度考虑问题。一张图如果让所有人看懂就显得大而复杂,往往得不到想要的效果。


2.为不同视角的人绘制不同的图


如为视觉设计师提供一个整体的、用户的情感反应的图,视觉设计师根据经验设计出更加符合用户情感特征的表现。与管理层商讨整个产品的信息层的组织,通过一个信息架构蓝图表达出管理层所要关注的用户目标,用户诉求。与前端开发工程师之间的沟通,一般通过页面流程图这种形式,前段开发工程师能够利用页面流程图所表述出来的用户的任务,以及页面的流转评估工作量,以及搭建整个网站页面框架。


3.亲自讲解图表达的意思


实际中,设计师能够用专业知识调研清楚用户诉求,通过图示呈现出来。但不喜和人沟通,或者直接通过邮件形式发给大家,这种情况下,看图的人并不知道设计师整个的思考过程,一张图只是一个最终的呈现。因此,设计师的最终呈现会议非常重要,更多的人能把图和思想结合起来。



常用可视化方法


1.表达语言数据关系


网站中的信息内容可以抽离成很多的元数据,需要对元数据进行梳理、总结最终转变为格式化的,可以拆分为最小力度的数据。元数据通过图示的方法表达。


亲和图(KJ法):如下有一些词汇,对于一个设计师而言,需要把这些数据分组、分类。首先通过经验判断出词组之间的相关性。



dragram1.png

 

分析:跑鞋在鞋子类中,NB这个品牌可以是卖鞋子,也可以是卖衣服。登山鞋和跑鞋是一回事,从衣服的角度分类,运动裤、冲锋衣以及羽绒服属于衣服。剩下的可以通过器具分类。按照这样分类,NB可以放在鞋盒衣服下面。


dragram2.png


如果以徒步旅行和日常健身这样的维度划分,又可分为如下:


dragram3.png

通过有氧、无氧运动划分:


dragram4.png


因此,用任何的分类方式都能对上述进行分类。KJ法是找到元素之间的相互关系,有了相互关系后能分组,给每一个组命名,再寻找组和组之间的关系,把组合组放在一个大组里,再命名。


2.达架构的表现形式


概念图:通过图示方式展现产品概念。


3.表达用户任务


1)业务流程图:常见的流程图,表达某些角色在全流程中的步骤。常用方式甬道图法。一般用visio软件画。


2)页面流程图


4.表达网站导航系统结构


网站蓝图(网站地图):一种辅助导航的系统,可以通过它了解显示的页面与页面之间的关系,表现出网站的导航如何设计。主要有两种方式:


1)自上而下研究:如果在首页的角度,我们先有了一个整体的,给用户总体印象的首页,再通过首页去思考我们还需要哪些细节,即站在首页的参考点向下看,逐渐补充网页的细节,增加一些附属的页面或细节层次。


2)自下而上研究:先去创造很多功能,设计用户很多使用场景中的任务,把任务向上推导,推导出网站的可能的功能和功能之间的关系,这样就自下而上完成了整个导航设计。


区别在于我们在什么角度去剖析网站的架构。



Ecosystem Dlagram


践行系统化思考过程,更加系统化、全面表达产品所有的过程以及产品与产品之间的关系。


Joumey Map


践行系统化思考过程,更加系统化、全面表达产品所有的过程以及产品与产品之间的关系。视觉化表达,探知用户如何需求了解产品。


dragram5.png



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
? 2012-2016 葡京国际首页 www.ybxiongdi.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

秋招大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部