SlideShare a Scribd company logo
1 of 21
Download to read offline
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09

                                          CATCH-UP


                                          FILOSOFIA
                                          PROCESSO
                                          SERVIÇOS
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09

                                          FILOSOFIA


                                          USER-CENTERED DESIGN
                                          ACTIVITY-CENTERED DESIGN
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09

                                          PROCESSO


                                                    ~
                                          HUMAN-COMPUTER INTERACTION
                                          INTERFACE DESIGN
                                          INTERACTION DESIGN
                                          INFORMATION ARCHITECTURE

                                          ...

                                          USER EXPERIENCE
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/
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09

                                          SERVIÇOS
                                                             ~
                                          PESQUISA DE INFORMAÇAO
                                                                   ~
                                                  ´
                                          REPOSITORIO DE INFORMAÇAO
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09

                                          SERVIÇOS
                                            ~
                                          VISAO

                                                  ~          ~
                                          DESCRIÇAO DA APLICAÇAO
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09

                                          SERVIÇOS

                                          MODELO CONCEPTUAL

                                          EDITOR DE OBJECTOS
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09

                                          SERVIÇOS

                                          SISTEMA HIPERTEXTO

                                                          ´            ´
                                          GESTOR DE INVENTARIO DE CONTEUDO
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09

                                          SERVIÇOS
                                                               ´
                                          COMO ACEDER AOS CONTEUDOS?

                                          SITEMAP
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09

                                          SERVIÇOS
                                                 ~                     ´
                                          DISPOSIÇAO DOS ELEMENTOS NA PAGINA

                                          MOCKUPS / WIREFRAMES
METARATIONAL                     ~
SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES
                         ~
  MESTRADO EM COMUNICAÇAO MULTIMEDIA
             UNIVERSIDADE DE AVEIRO ’09




                                          39925 . CARLA LEITE
                                          35922 . TIM KOCH-GRUNBERG
                                                    ~
                                          38606 . JOAO RAMOS
                                          34343 . ALEXANDRE DAS NEVES

More Related Content

What's hot

Enterprise Analysts And Business Analysts Companions Or Competitors
Enterprise Analysts And Business Analysts   Companions Or CompetitorsEnterprise Analysts And Business Analysts   Companions Or Competitors
Enterprise Analysts And Business Analysts Companions Or Competitors
Mia Horrigan
 

What's hot (11)

The Elements of User Experience
The Elements of User Experience The Elements of User Experience
The Elements of User Experience
 
weListen Presentation
weListen PresentationweListen Presentation
weListen Presentation
 
IBM Social Portal 2012 (Korean)
IBM Social Portal 2012 (Korean)IBM Social Portal 2012 (Korean)
IBM Social Portal 2012 (Korean)
 
Zytrix labs corporate_profile_e_india
Zytrix labs corporate_profile_e_indiaZytrix labs corporate_profile_e_india
Zytrix labs corporate_profile_e_india
 
Qooxdoo at B::IT
Qooxdoo at B::ITQooxdoo at B::IT
Qooxdoo at B::IT
 
Chapter 03
Chapter 03Chapter 03
Chapter 03
 
Enterprise Analysts And Business Analysts Companions Or Competitors
Enterprise Analysts And Business Analysts   Companions Or CompetitorsEnterprise Analysts And Business Analysts   Companions Or Competitors
Enterprise Analysts And Business Analysts Companions Or Competitors
 
Database Management
Database ManagementDatabase Management
Database Management
 
Capítulo 3 Programas de Aplicacion
Capítulo 3 Programas de AplicacionCapítulo 3 Programas de Aplicacion
Capítulo 3 Programas de Aplicacion
 
Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...
Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...
Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...
 
Building Task-Aware Mobile Applications
Building Task-Aware Mobile ApplicationsBuilding Task-Aware Mobile Applications
Building Task-Aware Mobile Applications
 

Viewers also liked

Social Web 5
Social Web 5Social Web 5
Social Web 5
semi06
 
Ensenanza historia acercamiento
Ensenanza historia acercamientoEnsenanza historia acercamiento
Ensenanza historia acercamiento
Sergd
 
Social Media For Business Development In Real Estate
Social Media For Business Development In Real EstateSocial Media For Business Development In Real Estate
Social Media For Business Development In Real Estate
johnesplana
 
O Papel da Teoria da Distribuição nos Modelos de Crescimento com Pleno Empreg...
O Papel da Teoria da Distribuição nos Modelos de Crescimento com Pleno Empreg...O Papel da Teoria da Distribuição nos Modelos de Crescimento com Pleno Empreg...
O Papel da Teoria da Distribuição nos Modelos de Crescimento com Pleno Empreg...
Grupo de Economia Política IE-UFRJ
 
Maquinasherramientassistemascontrol tec
Maquinasherramientassistemascontrol tecMaquinasherramientassistemascontrol tec
Maquinasherramientassistemascontrol tec
alfredodiego
 

Viewers also liked (16)

Tales from the WebLogic Frontline
Tales from the WebLogic FrontlineTales from the WebLogic Frontline
Tales from the WebLogic Frontline
 
Social Web 5
Social Web 5Social Web 5
Social Web 5
 
Ensenanza historia acercamiento
Ensenanza historia acercamientoEnsenanza historia acercamiento
Ensenanza historia acercamiento
 
Tora Lorena
Tora LorenaTora Lorena
Tora Lorena
 
iarna
iarnaiarna
iarna
 
Weitere Foerderbereiche der Kreise und des Regionalverbands Saarbruecken
Weitere Foerderbereiche der Kreise und des Regionalverbands Saarbruecken Weitere Foerderbereiche der Kreise und des Regionalverbands Saarbruecken
Weitere Foerderbereiche der Kreise und des Regionalverbands Saarbruecken
 
動力視訊1
動力視訊1動力視訊1
動力視訊1
 
Social Media For Business Development In Real Estate
Social Media For Business Development In Real EstateSocial Media For Business Development In Real Estate
Social Media For Business Development In Real Estate
 
O Papel da Teoria da Distribuição nos Modelos de Crescimento com Pleno Empreg...
O Papel da Teoria da Distribuição nos Modelos de Crescimento com Pleno Empreg...O Papel da Teoria da Distribuição nos Modelos de Crescimento com Pleno Empreg...
O Papel da Teoria da Distribuição nos Modelos de Crescimento com Pleno Empreg...
 
Belajar Dari Open Source
Belajar Dari Open SourceBelajar Dari Open Source
Belajar Dari Open Source
 
1 Portal4 You Business Introduction
1 Portal4 You Business Introduction1 Portal4 You Business Introduction
1 Portal4 You Business Introduction
 
Oboulo
ObouloOboulo
Oboulo
 
Elizabeth project
Elizabeth projectElizabeth project
Elizabeth project
 
Maquinasherramientassistemascontrol tec
Maquinasherramientassistemascontrol tecMaquinasherramientassistemascontrol tec
Maquinasherramientassistemascontrol tec
 
Treball
TreballTreball
Treball
 
Green Generation - Generazione Verde
Green Generation - Generazione VerdeGreen Generation - Generazione Verde
Green Generation - Generazione Verde
 

Similar to STI, MetaRational #2

Elements
ElementsElements
Elements
kaa kaa
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
Ben van de Sande
 
User Research 1 : UX introduction
User Research 1 : UX introductionUser Research 1 : UX introduction
User Research 1 : UX introduction
Taewon Eom
 
Scct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentScct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopment
Anies Syahieda
 
Elementos da experiência do usuário
Elementos da experiência do usuárioElementos da experiência do usuário
Elementos da experiência do usuário
Jonathan Prateat
 

Similar to STI, MetaRational #2 (20)

In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...
 
Elements
ElementsElements
Elements
 
Elements
ElementsElements
Elements
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
 
Elements
ElementsElements
Elements
 
Dk glsec
Dk glsecDk glsec
Dk glsec
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
 
Wk08 Best Practice
Wk08 Best PracticeWk08 Best Practice
Wk08 Best Practice
 
Wk08 Best Practice
Wk08 Best PracticeWk08 Best Practice
Wk08 Best Practice
 
Gastronomy: A source of inspiration for user experience design
Gastronomy: A source of inspiration for user experience designGastronomy: A source of inspiration for user experience design
Gastronomy: A source of inspiration for user experience design
 
Zukunftsmarkt Zocken
Zukunftsmarkt ZockenZukunftsmarkt Zocken
Zukunftsmarkt Zocken
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 
Lean UX
Lean UXLean UX
Lean UX
 
User Research 1 : UX introduction
User Research 1 : UX introductionUser Research 1 : UX introduction
User Research 1 : UX introduction
 
Elements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James GarrettElements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James Garrett
 
Introducing User Experience Design
Introducing User Experience Design Introducing User Experience Design
Introducing User Experience Design
 
Scct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentScct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopment
 
Elementos da experiência do usuário
Elementos da experiência do usuárioElementos da experiência do usuário
Elementos da experiência do usuário
 
what is interaction design
what is interaction designwhat is interaction design
what is interaction design
 
User Experience 2: Talk@Stabilo
User Experience 2: Talk@StabiloUser Experience 2: Talk@Stabilo
User Experience 2: Talk@Stabilo
 

More from João Ramos

More from João Ramos (20)

Assignment #11: Summarizing all Assignments
Assignment #11: Summarizing all AssignmentsAssignment #11: Summarizing all Assignments
Assignment #11: Summarizing all Assignments
 
Assignment #10: Strategic Plan
Assignment #10: Strategic PlanAssignment #10: Strategic Plan
Assignment #10: Strategic Plan
 
Assignment #9: Tactics
Assignment #9: TacticsAssignment #9: Tactics
Assignment #9: Tactics
 
Assignment #8: Message Strategy
Assignment #8: Message StrategyAssignment #8: Message Strategy
Assignment #8: Message Strategy
 
Assignment #6: Goals and Objectives
Assignment #6: Goals and ObjectivesAssignment #6: Goals and Objectives
Assignment #6: Goals and Objectives
 
Assignment #5: Publics
Assignment #5: PublicsAssignment #5: Publics
Assignment #5: Publics
 
Assignment #4: Organization
Assignment #4: OrganizationAssignment #4: Organization
Assignment #4: Organization
 
Assignment #3: Situation
Assignment #3: SituationAssignment #3: Situation
Assignment #3: Situation
 
Research plan - Information Visualization in Location-Aware Application Analysis
Research plan - Information Visualization in Location-Aware Application AnalysisResearch plan - Information Visualization in Location-Aware Application Analysis
Research plan - Information Visualization in Location-Aware Application Analysis
 
Análise do discurso online sobre visualização de informação
Análise do discurso online sobre visualização de informaçãoAnálise do discurso online sobre visualização de informação
Análise do discurso online sobre visualização de informação
 
Usabilidade e o User Interface Design
Usabilidade e o User Interface DesignUsabilidade e o User Interface Design
Usabilidade e o User Interface Design
 
Conceito e logótipo digital
Conceito e logótipo digitalConceito e logótipo digital
Conceito e logótipo digital
 
Learning Objects
Learning ObjectsLearning Objects
Learning Objects
 
solobox, conceito e imagem
solobox, conceito e imagemsolobox, conceito e imagem
solobox, conceito e imagem
 
From Casual Games to Social Games
From Casual Games to Social GamesFrom Casual Games to Social Games
From Casual Games to Social Games
 
Premium Planet
Premium PlanetPremium Planet
Premium Planet
 
Criatividade (academic)
Criatividade (academic)Criatividade (academic)
Criatividade (academic)
 
STI, MetaRational #1
STI, MetaRational #1STI, MetaRational #1
STI, MetaRational #1
 
SEO
SEOSEO
SEO
 
Twitter
TwitterTwitter
Twitter
 

Recently uploaded

The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 

Recently uploaded (20)

The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 

STI, MetaRational #2

  • 1. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09
  • 2. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 CATCH-UP FILOSOFIA PROCESSO SERVIÇOS
  • 3. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 FILOSOFIA USER-CENTERED DESIGN ACTIVITY-CENTERED DESIGN
  • 4. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 PROCESSO ~ HUMAN-COMPUTER INTERACTION INTERFACE DESIGN INTERACTION DESIGN INFORMATION ARCHITECTURE ... USER EXPERIENCE
  • 5. 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/
  • 6. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 SERVIÇOS ~ PESQUISA DE INFORMAÇAO ~ ´ REPOSITORIO DE INFORMAÇAO
  • 7. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 SERVIÇOS ~ VISAO ~ ~ DESCRIÇAO DA APLICAÇAO
  • 8.
  • 9. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 SERVIÇOS MODELO CONCEPTUAL EDITOR DE OBJECTOS
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 SERVIÇOS SISTEMA HIPERTEXTO ´ ´ GESTOR DE INVENTARIO DE CONTEUDO
  • 16.
  • 17. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 SERVIÇOS ´ COMO ACEDER AOS CONTEUDOS? SITEMAP
  • 18.
  • 19. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 SERVIÇOS ~ ´ DISPOSIÇAO DOS ELEMENTOS NA PAGINA MOCKUPS / WIREFRAMES
  • 20.
  • 21. METARATIONAL ~ SERVIÇOS E TECNOLOGIAS NAS INSTITUIÇOES ~ MESTRADO EM COMUNICAÇAO MULTIMEDIA UNIVERSIDADE DE AVEIRO ’09 39925 . CARLA LEITE 35922 . TIM KOCH-GRUNBERG ~ 38606 . JOAO RAMOS 34343 . ALEXANDRE DAS NEVES