Depth vs Breadth in the Arrangement of Web Links
by Lianaeli Mtei, Panayiotis Zaphiris (1997)
Subject:
Information Seeking BehaviorCognitive Maps in Rats and Men by Edward C. Tolman (1948).
The Design of Browsing and Berrypicking Techniques for the Online Search Interface by Marcia J. Bates (1989).
現在網頁設計師除了把頁面做的漂亮以外,越來越注重「用戶體驗」,就是要做「別讓用戶思考」的網頁,使網站真正做到「可用性」。望望結合幾年的工作經驗,粗談這方面的一些問題,和大家共勉!
一、人們如何瀏覽網頁
首先本書說明了上網的人是如何瀏覽網頁的,這似乎跟我們想像有很大的差距,因為我 們覺得「用戶會盯著每個網頁,仔細閱讀我們精心製作的文字,領會我們頁面的組織方式」,事實上大部分時間用戶看網頁就像「高速公路看廣告牌一樣」,沒時間 仔細閱讀,當然也不會用心思考。因而,我們必須為「掃瞄」而設計。做到這點須注意以下幾點:
1、儘量符合用戶習慣的設計,讓人接受陌生的東西需要代價,除非我們覺得這個代價是必須的。
2、在頁面把越重要的東西越突出,建立清楚的視覺層次。
3、可以點擊的地方必須突出,讓人明顯知道...
Simple rules to be followed or to be kept in mind while designing your website.A great site should have following features:
No heavy images: It is less of an issue today with all the broadband...
Users can feel lost even in a relatively small information space that is not well organized. The problem becomes even greater when you consider the possibility that people can arrive at any given web page from any other page on the web. They may not always enter your site from your home page.
Information architecture focuses on designing effective navigation, organization, labeling, and s...
无论是哪一种语言,想要了解某一个专有名词的意义,最快也最基本的方式就是直接对那个名词最解析。
定义--名词解析
信息架构 (information architecture) [名词]
首先我们会问:什么是「信息」?
Louis Rosenfeld 与 Perter Morville 在合着的书 Information Architecture(第一章)特别将它再行区分为:信息,数据与知识。
数据是事实和数据......知识世人脑中的...
《信息架构》一书中,将一个信息架构中的各种组成部分归为了四大类:
组织系统(Organazation System)
如何对信息分类?按主题?时间?… 标注系统(Labeling System)
如何表达信息?术语?口语?… 导航系统(Navigation System)
如何浏览信息?树状导航?… 检索系统(Searching System)
如何搜索信息?
最近在拜读《Information Architecture for World Wide Web》第三版,准备好好写写读书笔记,现在是第一篇,《信息需求和搜寻行为》。
via UIE
CNN的设计师最近做了改版,将原来竖着排列的导航条改成了横排。但是这次只是主页上改动,内页的新闻页并没有改,所以我们可以看到横的导航和竖的导航的差别。
Here’s what their homepage looked like this recently:

And here’s what an interior page looked like:

主页的视觉重心发生了变化,从导航移动到了实际的内容。这种变化将让访问者的前五秒获得更重要的信息,更容易抓住用户的兴趣点。
在导航的位置变化中,设计师没有简单的移动。他们认真地处理了栏目,导航文字的提炼,摆放哪些栏目频道,位置的优先级。
文章后面有一个评论也很不错。建议阅读。
今天在google的交互设计组讨论关于信息架构和uability的关系时,感觉自己对信息架构的理解简直是稀里哗啦,ok,上网来找点教程再好好学习一下,老实一点,把信息架构的概念一定要摆平咯
于是找到了这里,居然由信息架构的教程,待我慢慢学来:
 | Information Architecture Tutorial Overview by John Shiple |
链接地址:http://hotwired.lycos.com/webmonkey/design/site_building/tutorials/tutorial1.html
共享给大家。
引自:http://www.squidoo.com/ia/
入门书籍类:
The Elements of User Experience Jesse James Garrett's 因为最先把设计分解成一系列的层次和序列,受到广泛的推崇。对信息架构、交互设计和用户体验感兴趣的人都可以阅读一下。 Information Architecture: Blueprints for the web Christina Wodtke一本写的非常清晰的入门书籍,从最基础的开始,Christina 还描绘了常见的问题,解决方法,工具。信息架构是一种策略,而不是一种原则,这本书让你变成设计思考者,能够处理各种难题。Don't make me think Steve Krug的这本书描述了创造一个有用的站点最重要的原则 ,Krug 谈到了常见的设计错误,会议如何进行,还有可用性测试。虽然很薄,但是却是一本很权威的介绍。covers common design mistakes, handling meetings, and usability testing. Though slim, an authoritative introduction to the subject. The Design of Everyday Things Don Norman这本书的中文早就出版了,叫《设计心理学》。讲的是人们怎么跟身边的事物交互,从门把手到咖啡壶的壶嘴,到计算机的界面,Norman讲述了一些通用的原则。
引自:http://www.squidoo.com/ia/
基础类:
Information architecture tutorial (WebMonkey)
WebMonkey的文章一直就是该领域入门的最好资源之一。
Information architecture defined (SitePoint)
Christina Wodtke书写,信息架构简介和,怎样的影响交互性设计。
The elements of user experience (PDF diagram)
Jesse James Garrett's 的图表来描述web上的内容和软件的tension ,同时还讲述了过程中应该遵循的各种原则。
Site navigation: a few helpful definitions (Adaptive Path)
Indie Young对网站导航设计的简介。
IBM ease of use - web design guidelines
从概念到维护,IBM的易用性指南覆盖了设计的整个生命周期,展示了信息架构需要了解的各个知识点。
Web style guide (vsn 2)
Lynch 和 Horton提供了对信息架构较为系统的介绍,覆盖了网站项目的完整生命周期,作为网站设计的基础,一些比较的技能,他们整理了一些基本的资源。
From ASIS&T 2006 Information Architecture Summit: Key Topics Survey Results, the topics attendees most want to hear about are
- Information Design
- Interaction Design
- Strategic Planning
- Usability (Research & Testing)
- Behavioral Research
The author, Christina Wodtke said ,she was extremely pleased to see No.3 pop up. It's a definate sign the community is realizing they much reach higher, deeper to make a real difference.It is just what i think about.When can i turn my occupation from IA to strategic planning?
But then i saw a comment,it was...
今天收到Boxes and Arrows的newsletter,说要改版了,所有人都有机会参加,截至日期到8月15号,具体文章在这里:Boxes and Arrows Redesign B&A其实是我见过基于Movable Type技术设计的最好的网站了,当时迷上blog,就是希望自己也能建设一个这..............