网站的信息架构交互设计

下面是小编给大家整理的网站的信息架构交互设计，本文共6篇，欢迎大家借鉴与参考，希望对大家有所帮助。本文原稿由网友“变性高手龙光彪”提供。

篇1：网站的信息架构交互设计

对于网站的信息体系来说，我觉得信息架构(IA)是网站最基础的核心竞争力，

信息架构的主体对象是信息，由信息建筑师来加以设计结构、决定组织方式以及归类，好让使用者会用户容易寻找与管理的一项艺术与科学。它是一个整理信息，斡旋信息系统与使用者需求的过程，主要是要将信息变成一个经过组织、归类、以及具有浏览体系的组合结构。

这样的结构性设计将使得使用者对于信息的内容存取更直接，让使用者的任务更容易完成，它也可说是设计网站时，在结构与分类上的艺术与科学，可以帮助我们寻找信息并且予以管理。

关于收藏文章

最开始上网我在机房用软盘保存网页URL，自己有电脑后开始使用收藏夹；

随着数据量的增多，为了方便不得不想办法进行分类和分级；

当树型结构的收藏夹达到一定规模后，可用性的问题越来越暴露，异常麻烦而且不一定有效；

持续性的增长，最后我只能面对多年积累的近万条数据崩溃；

关于收藏图片

基本上从我上网开始就在收藏图片，从好看和好奇开始；

随着爱好和学习需要，图库数据日趋庞大，于是也开始进行不断细化分类和分级；

每天把顺手保存的图都放在temp内，准备抽空统一整理，但由于空于时间极少，于是经常会看到N个temp并存；

为了便于识别，我给temp加上日期编号，最后整理成本越来越大，而且定位目标非常困难；

信息建筑师对促进网络社会的信息组织和信息利用具有巨大的贡献，当今社会我们迫切需要信息建筑师，原因主要在于：

.. 信息环境的恶化

.. 信息焦虑普遍存在

.. 人们经常会面对陌生的信息环境

.. 信息的内容和结构同样重要

.. 简单明确的东西相对于复杂和晦涩的东西更受人们的欢迎。

.. 对复杂信息加以组织的情况普遍存在

.. 对化复杂问题为简单答案的渴求

.. 经济学规则的变化

信息架构与标记

在我举的收藏文章和图片的例子中，虽然我自己在不断的优化IA，但始终没有跳出圈子，根源问题得不到解决就只能尽量妥协，

电脑资料

Deliciou, Flickr组织文件都用了Tag机制，这种超目录和结构的分类个人觉得是IA的革命，所有包含的分类存在于平级空间内，同时各类别之间还可以有多种关系并存，等于是对信息进行标记，然后对标记进行重组，极大增强了数据之间的相关灵活性。

信息的种类包括文字、图片、下载、音频、视频等，比如我们在设计生于八十年代的信息架构时，我就想通过“魂斗罗”这个Tag直接筛选出相关的游戏介绍、ROM、截图、录音、录象等数据，只可惜局限于CMS实现不了这个需求。

信息架构与网站粘性

对我个人来说，离不开的三个网站是Google, Deliciou, Flickr。特别是Flickr，自从升级Pro后，给了我更多自由的空间，每个月不花完2G感觉在犯罪，于是迫使我想办法尽可能更高效有效的使用。如何更方便快捷的管理和获取成千上万张图片，事实上就是在考验自己的IA能力。对信息管理者和获取者都有着极强的粘性，这是SNS类网站的特点。

对于信息资讯类网站来说，优化信息架构，才能提升信息价值，在用户体验的角度才有更多的办法去粘住用户。比如关键字链接、相关信息筛选都是这方面的应用，至于其有效性就得看信息架构的质量。

用户都有获取信息的渴望，合适的信息出现在恰当的地方，会让用户觉得很方便、体贴，反之就会觉得很麻烦、干扰，也就是说信息架构会间接影响用户体验。

人大周晓英教授的“信息建筑师的现状和发展”

《美国信息科学和技术学会通报》第6期刊登了通过电子邮件对五位著名的信息建筑师的访问结果，从这些人所回答的众多关于信息建筑师工作的问题的答案中，笔者归纳：目前大部分信息建筑师的主要工作与网站的建设和管理有很大关系，其工作的主要类型是：

.. 为客户确定因特网、内联网和信息系统的发展战略

.. 设计、构建、开发和执行IA的解决方案

.. 进行信息构建的咨询和设计

.. 开发和管理网站

主要的工作内容是：

.. 对雇主的事业和要实现的目标进行分析

.. 对最终用户的信息需求、信息行为、信息目标和信息评价方式进行分析

.. 选择信息内容

.. 定义和确定功能性的、交互式的信息结构

.. 开发和维护网站和其他信息传输工具

.. 对内部用户提供信息产品和服务

.. 确保用户体验的一致性

© 一叶千鸟

本文出自：blog.rexsong.com/?p=348

篇2：[读书笔记]Web信息架构交互设计

从上次和Tony聊天以后就买了这本书，《Web信息架构》，翻译有些生涩，以至于一开始我都没有集中去阅读，但是项目上遇到一些问题的时候，我拿起来阅读的时候，惑然开朗。有很多信息架构的问题原来自己从来没有考虑过。以下是自己学习到的点。

导航

传统的导航和分类是自上而下的模式。有层级。少，固定。

tag是自下而上的模式。无层级，

多，杂乱。

元数据

元数据是最小的数据单位：

下厨房的元数据是“单个菜”。

豆瓣的元数据是“单个subject”。

okaybuy的元数据是“一双鞋子”。

信息结构是为了元数据的组织，分类，找寻，服务。

本文来自：www.dreamcog.com/?p=55930

篇3：嘿!别忘了信息架构!交互设计

清晰的信息架构是交互设计与视觉设计的基础，也从某种角度反映了UEer对战略理解后的一种直接的反馈，

对于web产品设计而言，没有好的信息架构其他的一切都是表面功夫，或许能短时间能忽悠忽悠，但经不起考验！作为产品设计师一定要具备那种比其他共事者先想一步甚至几步的能力！只有脑中先有了图，设计才能够生动，如果只是使用axure将那些元件摆放来摆放去，那根本不叫设计！

白鸦说页面，(100-1)%的内容是导航，

那是什么决定了导航设计呢？不是被炒得炙手可热的交互设计，也不是ued的那层外衣——视觉设计，而是经常被人遗忘的信息架构！

在jjg的那张经典用户体验要素图中(如上图)，我们可以看到，在第三层，即结构层，这是抽象概念向具象转化的一个关键层面，交互设计与信息架构在此层中各自担负着一份使命，理论上可以说是同等重要的。曾经在群里讨论的时候说过，如果一定要说交互设计与信息架构谁更重要的话，那我选信息架构！有人立刻问我为什么，当时我一时不知道该如何作答来表达观点来使对方明白，其实就是这个道理：皮之不存，毛将焉附？

来自：嘿!别忘了信息架构!

篇4：一个关于信息架构的例子交互设计

网上闲逛，看到一个关于信息架构设计的例子，例子比较完整、生动的展示了网站信息架构该如何去设计，拿出来和大家分享！

点击查看大图

图中的小人代表用户：“How do get a date?” 我该如何获得想到内容。

用户并不关心网站的信息架构是什么样的，他只是上网、做事、然后离开。只有当用户受困于我们设计的网站时，他才会去研究网站蹩脚的架构，因为只有这样他才能够做完该做的事情，

但是很多时候用户并不愿意花太多的时间浪费在我们的网站架构研究上。原因很简单：“因为有更多、更好的同类网站在向用户招手！”

因此我们需要投入大量成本和资源来设计出好的信息架构，让用户很轻松就能完成要做的事情。

so:好的信息结构需要由专业的信息架构师来设计，信息架构设计是互联网产品设计流程中非常重要的一个环节。

关于信息架构的知识，可以从下面的途径去详细了解。

1、《Web信息架构》目前好像已出到第三版，封面还是那只北极熊(很出名的熊哦!)

2、白鸦：浅析facebook的信息架构

3、千鸟：网站的信息架构

4、千鸟：信息架构与可用性

篇5：网站架构设计简历

目前所在： 天河区 年 龄： 22

户口所在： 韶关 国 籍： 中国

婚姻状况： 未婚 民 族： 汉族

诚信徽章： 未申请  身 高： 170 cm

人才测评： 未测评  体 重： 65 kg

人才类型： 在校学生

应聘职位： 网站架构设计师， 网页设计/制作/美工/UI， 商务/电子商务-经理/主管/专员/助理

工作年限： 1 职 称： 初级

求职类型： 实习可到职日期： 随时

月薪要求： 面议 希望工作地区： 广州,天河区,白云区

工作经历

佛山腾辉彩印厂 起止年月：-07 ～ 2010-09

公司性质： 私营企业 所属行业：原材料和加工

担任职位： 物流管理员

工作描述： 完成货物的搬运和运输

离职原因： 返校就读

广州地铁 起止年月：2010-11 ～ 2010-12

担任职位： 导票员，站台

工作描述： 导票工作帮助乘客完成购票流程，维持地铁的正常秩序；站台工作疏导人群，提醒乘客有序上下，保障地铁工作安全运行；

教育背景

毕业院校： 广东交通职业技术学院

最高学历： 大专 获得学位:  毕业日期： -07

专 业 一： 电子商务 专 业 二：

起始年月 终止年月 学校（机构） 所学专业 获得证书 证书编号

语言能力

外语： 英语 一般 粤语水平： 一般

其它外语能力：

国语水平： 良好

工作能力及其他专长

熟悉office办公软件；

掌握photoshop，coreldraw等绘图设计软件；

了解Dreamweaver网页设计软件；

个人自传

个人性格沉稳踏实，心态乐观，善于思考问题和发现问题，知错能改，觉悟性高，能吃苦耐劳，休闲爱好是打篮球，喜欢挑战自我，超越自我。

篇6：网站导航设计浅析交互设计

一说到导航每个人都不陌生，如amazon的Tab式导航、网站地图、软件中的菜单导航、索引表等等，导航设计看上去非常的简单：无非是页面上放置一些链接，通过这些链接用户可浏览和使用整个网站。事实并非如此，导航设计是非常复杂和严谨的。 下面我们以网站导航为例粗浅的分析一下导航设计的复杂性：

任务：设计一个网站导航

目标：1、提供给用户方便的网页间跳转的方法

2、能够表达出页面之间、页面与内容之间的关系

分析：人本能的具有空间感。想象一下你现在坐在家中的沙发上看电视，突然有访客，你起身会向哪个方向走去？高中时的挚友是坐在你的前面还是后面？——不用问大家都能会快的回答出来。

同样我们在设计网站导航的时候一定要清晰地告诉访问者“他们在那哪儿”和“他们能去哪儿”

用户需要知道他们在网站信息空间当前所处的位置，我们也希望能帮助用户建立网站空间感，通过我们设计的导航系统。(之所以称为导航系统，是因为仅仅靠某一种导航模式是无法完成目标的)

设计方案：提供一个完整的导航系统，其中包括全局导航、局部导航、辅助导航、上下文导航、远程导航

全局导航：

从网站的最终页面到达其他页面的一组关键点，无论你想去哪里，都可以在全局导航中最终到达，

局部导航：

提供一个页面的父、兄、子级别的通路，是用户在网站信息空间中到附近地点的通路。局部导航的设计好坏会直接影响到整个导航系统的质量。

辅助导航：

提供了全局导航和局部导航不能快速到达的相关内容的快捷途径。用户转移浏览方向，而不需要从头开始。

上下文导航：

用户在阅读文本的时候，恰恰是他们需要上下文辅助信息的时候。准确的理解用户的需求，在他们阅读的时候提供一些链接(例如：文字链接)，要比用户使用搜索和全局导航更高效。上下文导航的示意图与辅助导航类似，这里就不再画了。

友好导航：

一些用户通常不会使用的链接，确实需要时又能快速有效的帮助用户。例如：联系信息、反馈表单和法律声明等。

远程导航：

独立方式存在的导航。如，网站地图：简明的、单页网站整体结构展示。在用户被你的其他导航搞得晕头转向时，很多时候他会选择网站地图。

通过上面这些导航的设计，可以看出一个完整的导航系统设计是非常复杂的和严谨的。

本文来自：导航设计浅析

人际沟通与信息设计交互设计

网站架构设计师个人简历

细节决定成败:互联网网站文字交互设计

手心手背都是肉―电子商务网站排序规则探讨交互设计

个人主页设计交互设计

网站的信息架构交互设计.doc

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档