SlideShare a Scribd company logo
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 The usability engineering paradigm 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 Specification of ten layers of design Designs complete when all layers are specified One application-specific start point The set of objects to be handled Main assumption: “ 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 Representation To represent the real world objects with the needed attributes as exactly as possible recognizable (intuitive) easy to associate with the real object if not intuitive then formal
SUID: Representation There is an implied reduction Every being has multitude of aspects Only some aspects can be considered in the system The aspects considered have to be represented
SUID: Organization Organization There are multiple objects in the system the order, grouping, separation, location, etc. decided by the designer to help the user acquire information “ the user should be capable of recognizing the underlying organization”
SUID: Organization “ the user should be capable of recognizing the underlying organization”
SUID: Access Access Allow the user to access the objects... methods for getting to the objects easy to learn (better: intuitive) every object should be accessible with role considerations ...and their properties and attributes Example: the open/close/save file paradigm
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 Capture Introduce new objects in the system easy to use and learn (intuitive) produces a representation of the object lead the user to associate both the capture and the captured object able to capture all needed objects
SUID: Update Update Maintain the object and the representation consistent if one change the other should also change works both ways automatic, if possible
SUID: Capture and Update capture update
SUID: Creation Some objects begin to exist in the human mind products of creativity The user must “create” their representation Creation Allow the user to “create” new objects easy and intuitive providing “raw material”
SUID: Destruction Destruction Allow the user to “destroy” representations dispose of the representation or... ...physically affect the corresponding object Backup alternatives
SUID: Creation and Destruction
SUID: Action Action The user “acts” over the objects Methods for acting must be designed easy to learn, easy to use (intuitive) all necessary actions Methods for objects to act over other objects
SUID: Reaction Reaction The response of objects to actions Must be designed the user should be capable of associating the response with the object  associating the response with the actions that caused it predict the possible set of reactions
SUID: Action and Reaction
SUID: Change Change Advice users about changes in objects things change... due to the user due to other agents due to the object’s nature made the user aware of those changes immediately or afterwards initial, subsequent and final states
SUID: Change
The SUID Diagram access organization    capture       update       creation       destruction    change    action       reaction    representation reality
Using SUID Main use: Design user interfaces (structured) redesign is possible for individual layers complete specification can be generated may be used as part of UCD, PD, etc.
Using SUID Other uses: Evaluate user interfaces evaluation goes layer by layer Compare user interfaces comparing layer by layer “ This  structure   exists  in  every  user interface  already designed ”
Why SUID? A method to teach to developers If they have a method they will design better than not to design at all ER d., state d., flow d., etc. design of the UI tends to blur SUID alone can do something help produce complete designs
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

More Related Content

Similar to Deiu

Design patterns
Design patternsDesign patterns
Design patterns
mudabbirwarsi
 
OOAD unit1 introduction to object orientation
 OOAD unit1 introduction to object orientation OOAD unit1 introduction to object orientation
OOAD unit1 introduction to object orientation
Dr Chetan Shelke
 
UI architecture & designing
UI architecture & designingUI architecture & designing
UI architecture & designing
Mohammed Fazuluddin
 
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
RickNZ
 
Interaction design introduction
Interaction design introductionInteraction design introduction
Interaction design introduction
Anwar Sadat
 
20080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.020080418 Friday Food - Personas 2.0
20080418 Friday Food - Personas 2.0
imec.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 Design
Andrea 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 devices
Alan Dix
 
Chapter five HCI
Chapter five HCIChapter five HCI
Chapter five HCI
yihunie ayalew
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in short
silvana churruca
 
Getting Started With ANDROID
Getting Started With ANDROIDGetting Started With ANDROID
Getting Started With ANDROID
Amit Yadav
 
Android Tutorial For Beginners Part-1
Android Tutorial For Beginners Part-1Android Tutorial For Beginners Part-1
Android Tutorial For Beginners Part-1
Amit Saxena
 
Drupal
DrupalDrupal
Drupal
Akhil Kumar
 
行動App開發管理實務 unit2
行動App開發管理實務 unit2行動App開發管理實務 unit2
行動App開發管理實務 unit2
Xavier 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.docx
mccormicknadine86
 
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
 
Chapter1
Chapter1Chapter1
Chapter1
Dang Tuan
 
Introduction to Android Development
Introduction to Android DevelopmentIntroduction to Android Development
Introduction to Android Development
Aly Abdelkareem
 
Object Oriented Database
Object Oriented DatabaseObject Oriented Database
Object Oriented Database
Megan Espinoza
 
What is design pattern
What is design patternWhat is design pattern

Similar to 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
 

Recently uploaded

Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model SafeGirls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
bookkdreambebe
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
chandadutta02102
 
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
monikaservice00
 
INSIGNIAS CIRCULARES. PARA TRABAJOS EN MOÑETES PARA NIÑAS DE LA INSTITUCION E...
INSIGNIAS CIRCULARES. PARA TRABAJOS EN MOÑETES PARA NIÑAS DE LA INSTITUCION E...INSIGNIAS CIRCULARES. PARA TRABAJOS EN MOÑETES PARA NIÑAS DE LA INSTITUCION E...
INSIGNIAS CIRCULARES. PARA TRABAJOS EN MOÑETES PARA NIÑAS DE LA INSTITUCION E...
RicardoHumbertoAguil
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
sexytaniya455
 
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
revolutionary575
 
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial ValenciaCatálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
AMADO SALVADOR
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
monikaservice00
 
Art by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising CampaignsArt by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising Campaigns
vsingram
 
New PPT Template for operations on field.pptx
New PPT Template for operations on field.pptxNew PPT Template for operations on field.pptx
New PPT Template for operations on field.pptx
hicham benkhelifa
 
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
77sayre
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
rawankhanlove256
 
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
sonalibook860
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
bookneha89
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Fashions
 
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
sheetal singh$A17
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
MojtabaMeghdari
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
kimmi singla$A17
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
45unexpected
 
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
khloe sexy girl
 

Recently uploaded (20)

Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model SafeGirls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
 
INSIGNIAS CIRCULARES. PARA TRABAJOS EN MOÑETES PARA NIÑAS DE LA INSTITUCION E...
INSIGNIAS CIRCULARES. PARA TRABAJOS EN MOÑETES PARA NIÑAS DE LA INSTITUCION E...INSIGNIAS CIRCULARES. PARA TRABAJOS EN MOÑETES PARA NIÑAS DE LA INSTITUCION E...
INSIGNIAS CIRCULARES. PARA TRABAJOS EN MOÑETES PARA NIÑAS DE LA INSTITUCION E...
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
 
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
 
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial ValenciaCatálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
 
Art by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising CampaignsArt by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising Campaigns
 
New PPT Template for operations on field.pptx
New PPT Template for operations on field.pptxNew PPT Template for operations on field.pptx
New PPT Template for operations on field.pptx
 
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
 
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
 
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
 

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. Interactions Design - General The usability engineering paradigm 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
  • 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. Structured User Interface Design Specification of ten layers of design Designs complete when all layers are specified One application-specific start point The set of objects to be handled Main assumption: “ Every information system or information appliance is devoted to handling a set of objects or things from the real world ”
  • 7. SUID Overview access organization  capture   update   creation   destruction  change  action   reaction  representation reality
  • 8. SUID: Representation Representation To represent the real world objects with the needed attributes as exactly as possible recognizable (intuitive) easy to associate with the real object if not intuitive then formal
  • 9. SUID: Representation There is an implied reduction Every being has multitude of aspects Only some aspects can be considered in the system The aspects considered have to be represented
  • 10. SUID: Organization Organization There are multiple objects in the system the order, grouping, separation, location, etc. decided by the designer to help the user acquire information “ the user should be capable of recognizing the underlying organization”
  • 11. SUID: Organization “ the user should be capable of recognizing the underlying organization”
  • 12. SUID: Access Access Allow the user to access the objects... methods for getting to the objects easy to learn (better: intuitive) every object should be accessible with role considerations ...and their properties and attributes Example: the open/close/save file paradigm
  • 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. SUID: Capture Capture Introduce new objects in the system easy to use and learn (intuitive) produces a representation of the object lead the user to associate both the capture and the captured object able to capture all needed objects
  • 16. SUID: Update Update Maintain the object and the representation consistent if one change the other should also change works both ways automatic, if possible
  • 17. SUID: Capture and Update capture update
  • 18. SUID: Creation Some objects begin to exist in the human mind products of creativity The user must “create” their representation Creation Allow the user to “create” new objects easy and intuitive providing “raw material”
  • 19. SUID: Destruction Destruction Allow the user to “destroy” representations dispose of the representation or... ...physically affect the corresponding object Backup alternatives
  • 20. SUID: Creation and Destruction
  • 21. SUID: Action Action The user “acts” over the objects Methods for acting must be designed easy to learn, easy to use (intuitive) all necessary actions Methods for objects to act over other objects
  • 22. SUID: Reaction Reaction The response of objects to actions Must be designed the user should be capable of associating the response with the object associating the response with the actions that caused it predict the possible set of reactions
  • 23. SUID: Action and Reaction
  • 24. SUID: Change Change Advice users about changes in objects things change... due to the user due to other agents due to the object’s nature made the user aware of those changes immediately or afterwards initial, subsequent and final states
  • 26. The SUID Diagram access organization  capture   update   creation   destruction  change  action   reaction  representation reality
  • 27. Using SUID Main use: Design user interfaces (structured) redesign is possible for individual layers complete specification can be generated may be used as part of UCD, PD, etc.
  • 28. Using SUID Other uses: Evaluate user interfaces evaluation goes layer by layer Compare user interfaces comparing layer by layer “ This structure exists in every user interface already designed ”
  • 29. Why SUID? A method to teach to developers If they have a method they will design better than not to design at all ER d., state d., flow d., etc. design of the UI tends to blur SUID alone can do something help produce complete designs
  • 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