Webken Sakamoto

Slide 1: bookslope 1

Slide 2: 2

Slide 3: http://www.netyear.net/ 3

Slide 4: http://www.netyear.net/ 4

Slide 5: 5

Slide 6: 6

Slide 7: The Elements of User Experience Jesse James Garrett jjg@jjg.net A basic duality: The Web was originally conceived as a hypertextual information space; 30 March 2000 but the development of increasingly sophisticated front- and back-end technologies has fostered its use as a remote software interface. This dual nature has led to much confusion, as user experience practitioners have attempted to adapt their terminology to cases beyond the scope of its original application. The goal of this document is to define some of these terms within their appropriate contexts, and to clarify the underlying relationships among these various elements. Concrete Completion Web as software interface Web as hypertext system Visual Design: visual treatment of text, Visual Design Visual Design: graphic treatment of interface graphic page elements and navigational elements (the \"look\" in \"look-and-feel\") components Interface Design: as in traditional HCI: Navigation Design: design of interface design of interface elements to facilitate elements to facilitate the user's movement Interface Design Navigation Design user interaction with functionality through the information architecture Information Design Information Design: in the Tuftean sense: Information Design: in the Tuftean sense: designing the presentation of information designing the presentation of information to facilitate understanding to facilitate understanding Interaction Information Interaction Design: development of Information Architecture: structural design time Design Architecture application flows to facilitate user tasks, of the information space to facilitate defining how the user interacts with intuitive access to content site functionality Functional Content Functional Specifications: \"feature set\": Content Requirements: definition of detailed descriptions of functionality the site content elements required in the site Specifications Requirements must include in order to meet user needs in order to meet user needs User Needs: externally derived goals User Needs: externally derived goals User Needs for the site; identified through user research, for the site; identified through user research, ethno/techno/psychographics, etc. ethno/techno/psychographics, etc. Site Objectives Site Objectives: business, creative, or other Site Objectives: business, creative, or other internally derived goals for the site internally derived goals for the site task-oriented information-oriented Abstract Conception This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development) that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within a user experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today. © 2000 Jesse James Garrett http://www.jjg.net/ia/ 7

Slide 8: What is information architecture? http://www.library.nd.edu/daiad/morgan/musings/rosenfeld-wodtke/index.shtml 8

Slide 9: 9

Slide 10: 10

Slide 11: 11

Slide 12: 12

Slide 13: 13

Slide 14: 14

Slide 15: 15

Slide 16: 16

Slide 17: adaptive path the nine pillars of successful web teams http://www.adaptivepath.com/publications/essays/archives/000242.php 17

Slide 18: adaptive path the nine pillars of successful web teams Strategy http://www.adaptivepath.com/publications/essays/archives/000242.php 18

Slide 19: adaptive path the nine pillars of successful web teams / http://www.adaptivepath.com/publications/essays/archives/000242.php 19

Slide 20: 20

Slide 21: 21

Slide 22: 22

Slide 23: IAI in Japanese | IA http://iainstitute.org/ja/translations/000305.html 23

Slide 24: IAI in Japanese | IA Big IA Little IA http://iainstitute.org/ja/translations/000305.html 24

Slide 25: IAI in Japanese | IA Big IA http://iainstitute.org/ja/translations/000305.html 25

Slide 26: IAI in Japanese | IA Little IA http://iainstitute.org/ja/translations/000305.html 26

Slide 27: [BEEP]: T-model: Big IA is now UX http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 27

Slide 28: [BEEP]: T-model: Big IA is now UX http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 28

Slide 29: [BEEP]: T-model: Big IA is now UX Fields Related http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 29

Slide 30: [BEEP]: T-model: Big IA is now UX IA http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 30

Slide 31: [BEEP]: T-model: Big IA is now UX Fields Related IA http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 31

Slide 32: [BEEP]: T-model: Big IA is now UX UX http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 32

Slide 33: [BEEP]: T-model: Big IA is now UX http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 33

Slide 34: [BEEP]: T-model: Big IA is now UX http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 34

Slide 35: [BEEP]: T-model: Big IA is now UX UX http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 35

Slide 36: Web Design Skills: Your Take : D. Keith Robinson's Asterisk http://www.7nights.com/asterisk/archives05/2005/05/web-design-skills-your-take 36

Slide 37: Web Design Skills: Your Take : D. Keith Robinson's Asterisk http://www.7nights.com/asterisk/archives05/2005/05/web-design-skills-your-take 37

Slide 38: Thank U 38