bookslope




            1
2
http://www.netyear.net/


                          3
http://www.netyear.net/


                          4
5
6
The Elements of User Experience                                                                                           ...
What is information architecture?




                   http://www.library.nd.edu/daiad/morgan/musings/rosenfeld-wodtke/i...
9
10
11
12
13
14
15
16
adaptive path   the nine pillars of successful web teams




                       http://www.adaptivepath.com/publicatio...
adaptive path   the nine pillars of successful web teams




                                           Strategy

        ...
adaptive path   the nine pillars of successful web teams




                                                             ...
20
21
22
IAI in Japanese | IA




                       http://iainstitute.org/ja/translations/000305.html


                     ...
IAI in Japanese | IA




                                     Big IA

                                  Little IA



     ...
IAI in Japanese | IA




                                     Big IA




                       http://iainstitute.org/ja/...
IAI in Japanese | IA




                                  Little IA




                       http://iainstitute.org/ja/...
[BEEP]: T-model: Big IA is now UX




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




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




                     Related                                           Fields




  ...
[BEEP]: T-model: Big IA is now UX




                                                    IA



                     http:...
[BEEP]: T-model: Big IA is now UX




                     Related                                           Fields


    ...
[BEEP]: T-model: Big IA is now UX




                                                 UX




                     http://...
[BEEP]: T-model: Big IA is now UX




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




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




                                            UX




                     http://www.p...
Web Design Skills: Your Take : D. Keith Robinson's Asterisk




                   http://www.7nights.com/asterisk/archive...
Web Design Skills: Your Take : D. Keith Robinson's Asterisk




                   http://www.7nights.com/asterisk/archive...
Thank U



          38
Upcoming SlideShare
Loading in...5
×

"Project Design for Optimaizing User Experience" 20070927

1,540

Published on

Published in: Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,540
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

"Project Design for Optimaizing User Experience" 20070927

  1. 1. bookslope 1
  2. 2. 2
  3. 3. http://www.netyear.net/ 3
  4. 4. http://www.netyear.net/ 4
  5. 5. 5
  6. 6. 6
  7. 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. Web as software interface Concrete Completion Web as hypertext system Visual Design: visual treatment of text, Visual Design: graphic treatment of interface elements (the "look" in "look-and-feel") Visual Design graphic page elements and navigational 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 user interaction with functionality Interface Design Navigation Design through the information architecture Information Design: in the Tuftean sense: designing the presentation of information Information Design Information Design: in the Tuftean sense: designing the presentation of information to facilitate understanding to facilitate understanding Interaction Design: development of Interaction Information Information Architecture: structural design time application flows to facilitate user tasks, defining how the user interacts with Design Architecture of the information space to facilitate intuitive access to content site functionality Functional Specifications: "feature set": detailed descriptions of functionality the site Functional Content Content Requirements: definition of content elements required in the site must include in order to meet user needs Specifications Requirements in order to meet user needs User Needs: externally derived goals User Needs: externally derived goals for the site; identified through user research, ethno/techno/psychographics, etc. User Needs for the site; identified through user research, ethno/techno/psychographics, etc. Site Objectives: business, creative, or other internally derived goals for the site Site Objectives Site Objectives: business, creative, or other internally derived goals for the site task-oriented Abstract Conception information-oriented 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
  8. 8. What is information architecture? http://www.library.nd.edu/daiad/morgan/musings/rosenfeld-wodtke/index.shtml 8
  9. 9. 9
  10. 10. 10
  11. 11. 11
  12. 12. 12
  13. 13. 13
  14. 14. 14
  15. 15. 15
  16. 16. 16
  17. 17. adaptive path the nine pillars of successful web teams http://www.adaptivepath.com/publications/essays/archives/000242.php 17
  18. 18. adaptive path the nine pillars of successful web teams Strategy http://www.adaptivepath.com/publications/essays/archives/000242.php 18
  19. 19. adaptive path the nine pillars of successful web teams / http://www.adaptivepath.com/publications/essays/archives/000242.php 19
  20. 20. 20
  21. 21. 21
  22. 22. 22
  23. 23. IAI in Japanese | IA http://iainstitute.org/ja/translations/000305.html 23
  24. 24. IAI in Japanese | IA Big IA Little IA http://iainstitute.org/ja/translations/000305.html 24
  25. 25. IAI in Japanese | IA Big IA http://iainstitute.org/ja/translations/000305.html 25
  26. 26. IAI in Japanese | IA Little IA http://iainstitute.org/ja/translations/000305.html 26
  27. 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
  28. 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
  29. 29. [BEEP]: T-model: Big IA is now UX Related Fields http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 29
  30. 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
  31. 31. [BEEP]: T-model: Big IA is now UX Related Fields IA http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html 31
  32. 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
  33. 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
  34. 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
  35. 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
  36. 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
  37. 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
  38. 38. Thank U 38
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×