SlideShare uma empresa Scribd logo
1 de 30
Author’s update on this presentation This was the first presentation of the Structured User Interface Design – SUID – methodology ever given. Current author’s affiliation and email is: Leonel Morales Díaz Ingeniería Simple [email_address] To keep the presentation as it was presented in CHI 2001’s Development Consortium all the slides that follow have not been changed and the original author’s affiliation remains but does not hold. Actualización de información del autor de esta ponencia Esta presentación fue la primera que alguna vez se dio sobre la metodología Diseño Estructurado de Interfaces de Usuario – DEIU. La afiliación actual del autor y su email es: Leonel Morales Díaz Ingeniería Simple [email_address] Para mantener la ponencia tal y como fue presentada en el “Development Consortium” de CHI 2001, las diapositivas que siguen a esta no se han modificado, incluyendo la que contiene la afiliación original del autor, pero esa afiliación ya no se mantiene.
Structured User Interface Design Methodology Leonel Morales Díaz - litomd@usa.net Universidad Francisco Marroquín Guatemala, C.A. Development Consortium: anyone. anywhere. In Latin America. Seattle, Washington  March 31st - April 2nd, 2001
Esta presentación requiere el tipo de letra Tempus Sanz ITC
Interactions Design - General ,[object Object],Analyze Design Build Evaluate A D B E A D B E A D E A D B E B Iterative prototyping or spiral design Solution
Design and Engineering Science: the seeing of where you are Design: the exploration of where you would like to be Engineering: the getting from where you are to where you’d like to be
Structured User Interface Design ,[object Object],[object Object],[object Object],[object Object],[object Object],“ Every  information system  or  information appliance  is  devoted  to  handling  a  set of objects   or things  from the  real world ”
SUID Overview access organization    capture       update       creation       destruction    change    action       reaction    representation reality
SUID: Representation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SUID: Representation ,[object Object],Every being has multitude of aspects Only some aspects can be considered in the system The aspects considered have to be represented
SUID: Organization ,[object Object],[object Object],[object Object],[object Object],[object Object],“ the user should be capable of recognizing the underlying organization”
SUID: Organization “ the user should be capable of recognizing the underlying organization”
SUID: Access ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SUID: Access “ Access methods should be easy to learn, or better, intuitive”
SUID: Access Diagram Outside the system No object Any object “A” Any object “B”
SUID: Capture ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SUID: Update ,[object Object],[object Object],[object Object],[object Object],[object Object]
SUID: Capture and Update capture update
SUID: Creation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SUID: Destruction ,[object Object],[object Object],[object Object],[object Object],[object Object]
SUID: Creation and Destruction
SUID: Action ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SUID: Reaction ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SUID: Action and Reaction
SUID: Change ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SUID: Change
The SUID Diagram access organization    capture       update       creation       destruction    change    action       reaction    representation reality
Using SUID ,[object Object],[object Object],[object Object],[object Object],[object Object]
Using SUID ,[object Object],[object Object],[object Object],[object Object],[object Object],“ This  structure   exists  in  every  user interface  already designed ”
Why SUID? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Structured User Interface Design Methodology Leonel Morales Díaz - litomd@usa.net Universidad Francisco Marroquín Guatemala, C.A. Development Consortium: anyone. anywhere. In Latin America. Seattle, Washington  March 31st - April 2nd, 2001

Mais conteúdo relacionado

Semelhante a Deiu

OOAD unit1 introduction to object orientation
 OOAD unit1 introduction to object orientation OOAD unit1 introduction to object orientation
OOAD unit1 introduction to object orientationDr Chetan Shelke
 
Assignment 1 SYD601 2012 rick_danby completed with audio
Assignment 1 SYD601 2012 rick_danby completed with audioAssignment 1 SYD601 2012 rick_danby completed with audio
Assignment 1 SYD601 2012 rick_danby completed with audioRickNZ
 
Interaction design introduction
Interaction design introductionInteraction design introduction
Interaction design introductionAnwar Sadat
 
20080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.020080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.0imec.archive
 
Applying Progressive Information Disclosure: User Interface Content Design
Applying Progressive Information Disclosure: User Interface Content DesignApplying Progressive Information Disclosure: User Interface Content Design
Applying Progressive Information Disclosure: User Interface Content DesignAndrea L. Ames
 
Beyond the Wireframe: tools to design, analyse and prototype physical devices
Beyond the Wireframe: tools to design, analyse and prototype physical devicesBeyond the Wireframe: tools to design, analyse and prototype physical devices
Beyond the Wireframe: tools to design, analyse and prototype physical devicesAlan Dix
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in shortsilvana churruca
 
Getting Started With ANDROID
Getting Started With ANDROIDGetting Started With ANDROID
Getting Started With ANDROIDAmit Yadav
 
Android Tutorial For Beginners Part-1
Android Tutorial For Beginners Part-1Android Tutorial For Beginners Part-1
Android Tutorial For Beginners Part-1Amit Saxena
 
行動App開發管理實務 unit2
行動App開發管理實務 unit2行動App開發管理實務 unit2
行動App開發管理實務 unit2Xavier Yin
 
Chapter 7 Design Architecture and Methodology1.docx
Chapter 7 Design Architecture and Methodology1.docxChapter 7 Design Architecture and Methodology1.docx
Chapter 7 Design Architecture and Methodology1.docxmccormicknadine86
 
Worlds Collide: Improving the User Experience through Progressive Information...
Worlds Collide: Improving the User Experience through Progressive Information...Worlds Collide: Improving the User Experience through Progressive Information...
Worlds Collide: Improving the User Experience through Progressive Information...Andrea L. Ames
 
Introduction to Android Development
Introduction to Android DevelopmentIntroduction to Android Development
Introduction to Android DevelopmentAly Abdelkareem
 
Object Oriented Database
Object Oriented DatabaseObject Oriented Database
Object Oriented DatabaseMegan Espinoza
 

Semelhante a Deiu (20)

Design patterns
Design patternsDesign patterns
Design patterns
 
OOAD unit1 introduction to object orientation
 OOAD unit1 introduction to object orientation OOAD unit1 introduction to object orientation
OOAD unit1 introduction to object orientation
 
UI architecture & designing
UI architecture & designingUI architecture & designing
UI architecture & designing
 
Assignment 1 SYD601 2012 rick_danby completed with audio
Assignment 1 SYD601 2012 rick_danby completed with audioAssignment 1 SYD601 2012 rick_danby completed with audio
Assignment 1 SYD601 2012 rick_danby completed with audio
 
Interaction design introduction
Interaction design introductionInteraction design introduction
Interaction design introduction
 
20080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.020080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.0
 
Applying Progressive Information Disclosure: User Interface Content Design
Applying Progressive Information Disclosure: User Interface Content DesignApplying Progressive Information Disclosure: User Interface Content Design
Applying Progressive Information Disclosure: User Interface Content Design
 
Beyond the Wireframe: tools to design, analyse and prototype physical devices
Beyond the Wireframe: tools to design, analyse and prototype physical devicesBeyond the Wireframe: tools to design, analyse and prototype physical devices
Beyond the Wireframe: tools to design, analyse and prototype physical devices
 
Chapter five HCI
Chapter five HCIChapter five HCI
Chapter five HCI
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in short
 
Getting Started With ANDROID
Getting Started With ANDROIDGetting Started With ANDROID
Getting Started With ANDROID
 
Android Tutorial For Beginners Part-1
Android Tutorial For Beginners Part-1Android Tutorial For Beginners Part-1
Android Tutorial For Beginners Part-1
 
Drupal
DrupalDrupal
Drupal
 
行動App開發管理實務 unit2
行動App開發管理實務 unit2行動App開發管理實務 unit2
行動App開發管理實務 unit2
 
Chapter 7 Design Architecture and Methodology1.docx
Chapter 7 Design Architecture and Methodology1.docxChapter 7 Design Architecture and Methodology1.docx
Chapter 7 Design Architecture and Methodology1.docx
 
Worlds Collide: Improving the User Experience through Progressive Information...
Worlds Collide: Improving the User Experience through Progressive Information...Worlds Collide: Improving the User Experience through Progressive Information...
Worlds Collide: Improving the User Experience through Progressive Information...
 
Chapter1
Chapter1Chapter1
Chapter1
 
Introduction to Android Development
Introduction to Android DevelopmentIntroduction to Android Development
Introduction to Android Development
 
Object Oriented Database
Object Oriented DatabaseObject Oriented Database
Object Oriented Database
 
What is design pattern
What is design patternWhat is design pattern
What is design pattern
 

Último

world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy ysrajece
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 

Último (20)

world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy y
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 

Deiu

  • 1. Author’s update on this presentation This was the first presentation of the Structured User Interface Design – SUID – methodology ever given. Current author’s affiliation and email is: Leonel Morales Díaz Ingeniería Simple [email_address] To keep the presentation as it was presented in CHI 2001’s Development Consortium all the slides that follow have not been changed and the original author’s affiliation remains but does not hold. Actualización de información del autor de esta ponencia Esta presentación fue la primera que alguna vez se dio sobre la metodología Diseño Estructurado de Interfaces de Usuario – DEIU. La afiliación actual del autor y su email es: Leonel Morales Díaz Ingeniería Simple [email_address] Para mantener la ponencia tal y como fue presentada en el “Development Consortium” de CHI 2001, las diapositivas que siguen a esta no se han modificado, incluyendo la que contiene la afiliación original del autor, pero esa afiliación ya no se mantiene.
  • 2. Structured User Interface Design Methodology Leonel Morales Díaz - litomd@usa.net Universidad Francisco Marroquín Guatemala, C.A. Development Consortium: anyone. anywhere. In Latin America. Seattle, Washington March 31st - April 2nd, 2001
  • 3. Esta presentación requiere el tipo de letra Tempus Sanz ITC
  • 4.
  • 5. Design and Engineering Science: the seeing of where you are Design: the exploration of where you would like to be Engineering: the getting from where you are to where you’d like to be
  • 6.
  • 7. SUID Overview access organization  capture   update   creation   destruction  change  action   reaction  representation reality
  • 8.
  • 9.
  • 10.
  • 11. SUID: Organization “ the user should be capable of recognizing the underlying organization”
  • 12.
  • 13. SUID: Access “ Access methods should be easy to learn, or better, intuitive”
  • 14. SUID: Access Diagram Outside the system No object Any object “A” Any object “B”
  • 15.
  • 16.
  • 17. SUID: Capture and Update capture update
  • 18.
  • 19.
  • 20. SUID: Creation and Destruction
  • 21.
  • 22.
  • 23. SUID: Action and Reaction
  • 24.
  • 26. The SUID Diagram access organization  capture   update   creation   destruction  change  action   reaction  representation reality
  • 27.
  • 28.
  • 29.
  • 30. Structured User Interface Design Methodology Leonel Morales Díaz - litomd@usa.net Universidad Francisco Marroquín Guatemala, C.A. Development Consortium: anyone. anywhere. In Latin America. Seattle, Washington March 31st - April 2nd, 2001