welcome toUSER INTERACTION DESIGN INFORMATION ARCHITECTURE & WAY-FINDINGLecturer Itamar Medeiros (Brazil) BA in Industrial Design; PgDip in Information Design; 1 /43 USER INTERACTION DESIGNExpertise Multimedia/Web Design, Photography, Information Design and Human-Computer Interaction.
CLASSROOM RULESitamar medeiros INFORMATION ARCHITECTURE & WAY-FINDINGAnswer to commands promptly;No food, no drinks, no games in class;Always keep your mobile in silent mode; 2 /43No electronic devices during class-time; USER INTERACTION DESIGNBring only class related material to class;
LESSON 04:INFORMATION ARCHITECTURE INFORMATION ARCHITECTURE & WAY-FINDING& WAY-FINDINGlearning outcomeStudents will understand principles of creating sensible, comprehensible, memorable, and convenient organization 3 /43 of the content and the tasks to be USER INTERACTION DESIGN performed on their interactive product.
LESSON 04:INFORMATION ARCHITECTURE INFORMATION ARCHITECTURE & WAY-FINDING& WAY-FINDINGcontentIntroduction to Information Architecture principles; 4 /43Introduction to Content Organization USER INTERACTION DESIGN techniques;
INFORMATION ARCHITECTURE& WAY-FINDING INFORMATION ARCHITECTURE & WAY-FINDINGThe ﬁrst generation of corporate Web sites consisted mainly of online brochures— a few static HTML pages with occasional online form to request more information. 5 /43Since then, the Web has grown exponentially: company Web sites that USER INTERACTION DESIGN were once a few static pages are now hundreds or thousands of pages in size, meriting their own budgets and staﬀ.
INFORMATION ARCHITECTURE& WAY-FINDING INFORMATION ARCHITECTURE & WAY-FINDINGIn order to keep the interaction of your product meaning to the users, one must put eﬀort on designing an interface* with a meaningful navigation*, and organize its content* in appropriate ways. 6 /43 USER INTERACTION DESIGN
INFORMATION ARCHITECTURE& WAY-FINDING INFORMATION ARCHITECTURE & WAY-FINDINGinterface | 界面An integrated composite that consists of one or more of the processes, hardware, software, facilities and people, that provides a capability to satisfy a stated need or objective. 7 /43包括一个或者更多过程、硬件、软件、设 USER INTERACTION DESIGN 备和人员的一个一体化合成体，它具有 满足一项陈述的需要或者目的的能力。
INFORMATION ARCHITECTURE& WAY-FINDING INFORMATION ARCHITECTURE & WAY-FINDINGinterface | 界面A user interface is the system of controls with which the user controls a device.一个用户界面是用户控制某设备的控制系 统。 8 /43 USER INTERACTION DESIGN
INFORMATION ARCHITECTURE& WAY-FINDING INFORMATION ARCHITECTURE & WAY-FINDINGnavigation | 导航Process by which a user explores all the levels of interactivity, moving forward, backward, and through the content and interface screens. 11/43用户探索互动活动的所有水平的过程，包 USER INTERACTION DESIGN 括向前、向后、通过内容和界面屏幕。
INFORMATION ARCHITECTURE& CONTENT ORGANIZATION INFORMATION ARCHITECTURE & WAY-FINDINGcontent | 内容The text, pictures and sound that make up a interactive system/product, as opposed to the display characteristics like font size, colors, positioning, borders, etc. 13/43组成一个交互系统或者产品的文字、图片 USER INTERACTION DESIGN 和声音。相对于展示特点而言，例如字 体大小、色彩、定位和边界等；
INFORMATION ARCHITECTURE& WAY-FINDING INFORMATION ARCHITECTURE & WAY-FINDINGOrganizing functionality and content into a structure that people are able to navigate intuitively doesn’t happen by chance.Organizations must recognize the 15/43 importance of information architecture* USER INTERACTION DESIGN or else they run the risk of creating great content and functionality that no one can ever ﬁnd.
INFORMATION ARCHITECTURE& WAY-FINDING INFORMATION ARCHITECTURE & WAY-FINDINGinformation architecture | 信息构架The design and structure of an interactive system/product.一个交互系统或者产品的设计和结构 16/43 USER INTERACTION DESIGN
INFORMATION ARCHITECTURE& WAY-FINDING INFORMATION ARCHITECTURE & WAY-FINDINGinformation architecture | 信息构架Good information architecture ensures that data is structured so that information can be easily found by the user.好的信息构架 保数据结构化，致使用户 17/43 可以轻易地找到信息。 USER INTERACTION DESIGN
THE PROBLEM:FINDING IS THE NEW DOING INFORMATION ARCHITECTURE & WAY-FINDINGComputer systems used to be frustrating because they did very little quite badly. People using systems became frustrated because they simply weren’t capable of doing what they 18/43 were required to do. USER INTERACTION DESIGN
THE PROBLEM:FINDING IS THE NEW DOING INFORMATION ARCHITECTURE & WAY-FINDINGBut technology has progressed and now technology can do practically whatever people want it to do.So why doesn’t everyone using a computer 19/43 have a large smile on their face? USER INTERACTION DESIGN
THE PROBLEM:FINDING IS THE NEW DOING INFORMATION ARCHITECTURE & WAY-FINDINGThe incredible amount of functionality and information has become the new problem: the challenge facing organizations is how to guide people through the vast amount of 20/43 information on oﬀer, so they can USER INTERACTION DESIGN successfully ﬁnd the information they want and thus ﬁnd value in the system?
FINDING IS THE NEW DOINGinformation architecture INFORMATION ARCHITECTURE & WAY-FINDINGInformation Architecture can draw from the physical world orienting principles, such as way-ﬁnding, so that we can help users build their own strategy to navigate through the content of a 21/43 product/system. USER INTERACTION DESIGN
FINDING IS THE NEW DOINGway-finding INFORMATION ARCHITECTURE & WAY-FINDINGImagine a world where there were no signs or indications of where one thing ended and another began?We rely on visual cues in the environment 22/43 to not only tell us where we are, how to USER INTERACTION DESIGN get where we want to be, but also when we get there.
FINDING IS THE NEW DOINGway-finding | 建 INFORMATION ARCHITECTURE & WAY-FINDINGIn architecture, it refers to the user experience of orientation and choosing a path within the built environment. 24/43在已经建造完成的环境中，选择行路方 USER INTERACTION DESIGN 向的行路者体验。
FINDING IS THE NEW DOINGway-finding | 建 INFORMATION ARCHITECTURE & WAY-FINDINGIt also refers to the set of architectural and/or design elements that aids orientation.有助于导引方向的建筑和/或设计元素组 25/43 合。 USER INTERACTION DESIGN
FINDING IS THE NEW DOINGway-finding | 建 INFORMATION ARCHITECTURE & WAY-FINDINGArchitects and designers face unique challenges in combining visual guidance with their designs.Understanding what way-ﬁnding 26/43 -- or spatial orientation is--, is essential USER INTERACTION DESIGN to incorporating it into the built environment: physical or virtual.
FINDING IS THE NEW DOINGway-finding INFORMATION ARCHITECTURE & WAY-FINDINGThe way-ﬁnding strategy in the physical world -- such as in public spaces -- should be place-based and as intuitive possible, referring to notable and memorable buildings and landmarks 31/43 as well as clearly deﬁned and USER INTERACTION DESIGN identiﬁed places.
ACTIVITY #5way-finding INFORMATION ARCHITECTURE & WAY-FINDINGIn your GROUPS, locate the room you’ve picked inside the campus, and trace a route from it to THIS CLASSROOM, referring to any notable or memorable buildings and landmarks; 34/43 USER INTERACTION DESIGNThe objective is to make a way-ﬁnding guide, well as clearly deﬁned and identiﬁed places.
INTUITIVE NAVIGATIONDOESN’T HAPPEN BY CHANCE INFORMATION ARCHITECTURE & WAY-FINDINGNot only is this extremely frustrating for users, but it has serious repercussions for organizations. 35/43 USER INTERACTION DESIGN
INTUITIVE NAVIGATIONDOESN’T HAPPEN BY CHANCE INFORMATION ARCHITECTURE & WAY-FINDINGthe cost of failureFor intranets* it means low adoption rates and staﬀ reverting to unsupported oﬄine resources.For websites* with online shopping 36/43 facilities -- for example -- it has a USER INTERACTION DESIGN signiﬁcant impact on revenue*.
COST OF FAILUREintranet | 内部网络 INFORMATION ARCHITECTURE & WAY-FINDINGA private network inside a company or organization that uses the same kinds of software that you would ﬁnd on the public Internet, but that is only for internal use. 37/43 USER INTERACTION DESIGN公司或者组织内容的一个私人化网站， 使用在公共因特网上可以找到的同样 类的软件，但是该网站只为内部使 用。
COST OF FAILUREwebsite | 网站 INFORMATION ARCHITECTURE & WAY-FINDINGA set of interconnected web-pages, generally located on the same server, and prepared and maintained as to provide some kind information or service by a person, group, or 38/43 organization. USER INTERACTION DESIGN一组相互链接的网页，往往位于一个同 样的服务器上，准备和维护以用来提 供个人、团体或者组织的某些信息。
COST OF FAILURErevenue | 收入 INFORMATION ARCHITECTURE & WAY-FINDINGThe amount of money that a company actually receives from its activities, mostly from sales of products and/or services to customers. 39/43公司从其活动，大多数来自于向客户销 USER INTERACTION DESIGN 售产品和/或服务中的实际所得。
COST OF FAILUREcomplicated navigation INFORMATION ARCHITECTURE & WAY-FINDINGResearch suggests that a signiﬁcant number of shopping attempts fail not because the user has evaluated the products on oﬀer and decided against a purchase, but because the navigation 40/43 system has failed and user cant ﬁnd USER INTERACTION DESIGN the product they are interested in.
HOMEWORK [ GROUPS ]way-finding INFORMATION ARCHITECTURE & WAY-FINDING1. Choose 3 (three) of the following websites: http://www.thebar.com/ http://whatisthematrix.warnerbros.com/ http://www.nationalgallery.org.uk/ http://shopping.yahoo.com/ http://www.sydneyoperahouse.com/sections/tours/virtual_tour/ 41/43 USER INTERACTION DESIGN2. Navigate each website your group have chosen in a way that you go -- at least -- 3 (three) clicks away from the home-page, then trace the route back from that point to the home-page;
HOMEWORK [ INDIVIDUAL ]sketchbook INFORMATION ARCHITECTURE & WAY-FINDING1. Choose 5 (ﬁve) words marked with asterisks (*) you’ve seen in this class and create 5 (ﬁve) posters -- one for each word -- on separate pages of your sketchbook; 42/432. Each poster must include: USER INTERACTION DESIGN -The word chosen, with its English deﬁnition; -3 (three) pictures; -2 (two) websites; -Your comments/impressions of the deﬁnition.