is the uml appropriate for interaction design
play

Is the UML appropriate for Interaction Design? Giorgio Brajnik - PowerPoint PPT Presentation

Jan 11, 2023 •332 likes •471 views

Is the UML appropriate for Interaction Design? Giorgio Brajnik Dip. di Matematica e Informatica University of Udine, Italy www.dimi.uniud.it/giorgio Future Standards for Model Based User Interfaces c Giorgio Brajnik Is the UML

  1. Is the UML appropriate for Interaction Design? Giorgio Brajnik Dip. di Matematica e Informatica University of Udine, Italy www.dimi.uniud.it/giorgio Future Standards for Model Based User Interfaces c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  2. MDE: some examples ◮ OOH, OOH4RIA: Object Oriented Hypermedia ◮ WebML ◮ UWE: UML Web Engineering ◮ UMLi c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  3. UML-IDEA: UML for Interaction Design Approach 1. Focus on interaction first: state machines 2. Focus on details that affect usability: for conceptual model of the UI but also for the concrete UI 3. Provide more detailed models as needed: domain, code fragments, presentation models, platform-dependent refined models 4. Focus on usability: platform for wireframes 5. Automatic generation of prototypes 6. Focus on accessibility: at the PSM level(s); eg. ARIA widgets 7. Automatic identification of usability anti-patterns 8. Automatic generation of functional test scripts 9. Analysis of interaction graph c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  4. Case study: Task Manager c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  5. Top level State Machine c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  6. A more detailed state machine c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  7. Domain model c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  8. Wireframe: static HTML c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  9. Interaction graph c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  10. Interaction graph c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  11. Usability problems 1. Login form does not set the focus on username 2. No "remember" credentials in login form 3. Useless "return" user action 4. ... Summary Out of 25 usability problems, 14 (56%) could be identified from state machine diagrams. c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

  12. Conclusion 1. So far no expressivity limits of State Machines 2. Useful for static usability investigations (anti-patterns) on PIMs 3. Viable for generating code for the "wireframe" platform Next steps: Too many ’things to do’ to list them here :-) c � Giorgio Brajnik Is the UML appropriate for Interaction Design?

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

What is Interaction Design? Goals of interaction design Develop usable products

What is Interaction Design? Goals of interaction design Develop usable products

What is Interaction Design? Goals of interaction design Develop usable products Usability means easy to learn, effective to use and provide an enjoyable experience Involve users in the design process Example of bad design

393 views • 13 slides
interaction design basics interaction design basics design: what it is, interventions,

interaction design basics interaction design basics design: what it is, interventions,

chapter 5 interaction design basics interaction design basics design: what it is, interventions, goals, constraints the design process what happens when users who they are, what they are like scenarios

705 views • 31 slides
Interaction Design 9-12-2012 Overview of Interaction Design Understanding the Problem

Interaction Design 9-12-2012 Overview of Interaction Design Understanding the Problem

Interaction Design 9-12-2012 Overview of Interaction Design Understanding the Problem Space Conceptualizing the Design Space HW#2 posted, due Wednesday 9/19 Activity#3 due Monday, 9/24/12 Select your presentation topic PR#1

881 views • 23 slides
The Process of Interaction Design Overview What is Interaction Design? Four basic

The Process of Interaction Design Overview What is Interaction Design? Four basic

The Process of Interaction Design Overview What is Interaction Design? Four basic activities Three key characteristics Some practical issues Who are the users? What are needs? Where do alternatives come from?

360 views • 18 slides
Social Interaction Design An Introduction to SxD Adrian Chan Gravity7.com What is SxD?

Social Interaction Design An Introduction to SxD Adrian Chan Gravity7.com What is SxD?

Social Interaction Design An Introduction to SxD Adrian Chan Gravity7.com What is SxD? Design of social media Involves all web design disciplines: User Interface, Interaction design, Experience design, Information Architecture

1.1k views • 58 slides
INTERACTION DESIGN in the era of AI* M O M O E S T R E L L A S E N I O R D E S I G N L E A D

INTERACTION DESIGN in the era of AI* M O M O E S T R E L L A S E N I O R D E S I G N L E A D

INTERACTION DESIGN in the era of AI* M O M O E S T R E L L A S E N I O R D E S I G N L E A D INTERACTION DESIGN our era AI ARTIFICIAL INTELLIGENCE AI. Artificial Intelligence. A term composed by several strands ranging from computer

1.28k views • 79 slides
interaction design users who they are, what they are like basics scenarios

interaction design users who they are, what they are like basics scenarios

interaction design basics design: chapter 5 what it is, interventions, goals, constraints the design process what happens when interaction design users who they are, what they are like basics scenarios

397 views • 16 slides
Multi-touch Interaction Device capabilities Input & interaction Design guidelines 1

Multi-touch Interaction Device capabilities Input & interaction Design guidelines 1

Multi-touch Interaction Device capabilities Input & interaction Design guidelines 1 Desktop and Mobile 2 Mobile Design Implications Limited resources (memory, storage, battery) - Intensive tasks need to be done offline or preprocessed

327 views • 29 slides
Multi-touch Interaction Device capabilities Input & interaction Design guidelines 1

Multi-touch Interaction Device capabilities Input & interaction Design guidelines 1

Multi-touch Interaction Device capabilities Input & interaction Design guidelines 1 Desktop and Mobile 2 Mobile Design Implications Limited resources (memory, storage, battery) - Intensive tasks need to be done offline or preprocessed

956 views • 30 slides
User-Centered Design Usability and Usefulness Normans Model of Interaction UI Design

User-Centered Design Usability and Usefulness Normans Model of Interaction UI Design

User-Centered Design Usability and Usefulness Normans Model of Interaction UI Design Principles Don Norman, The Design of Everyday Things What innovation made watching television easier? 2 http://www.tvhistory.tv 3 4 Devices capability

450 views • 32 slides
User-Centered Design Usability and Usefulness Normans Model of Interaction UI Design

User-Centered Design Usability and Usefulness Normans Model of Interaction UI Design

User-Centered Design Usability and Usefulness Normans Model of Interaction UI Design Principles Don Norman, The Design of Everyday Things What innovation made watching television easier? 2 http://www.tvhistory.tv 3 4 Devices

551 views • 32 slides
Social Media Personality Types A view from Social Interaction Design by Adrian Chan

Social Media Personality Types A view from Social Interaction Design by Adrian Chan

Social Media Personality Types A view from Social Interaction Design by Adrian Chan www.gravity7.com Part I Introduction to the Concepts Overview This presentation belongs to social interaction design, and offers a design approach to

1k views • 40 slides
How Interaction Design can prevent and treat Carpal Tunnel Syndrome How can individuals who

How Interaction Design can prevent and treat Carpal Tunnel Syndrome How can individuals who

How Interaction Design can prevent and treat Carpal Tunnel Syndrome How can individuals who repetitively use computers for work, use Interaction Design as a means to engage them in the healing practices and exercises of combatting Carpal Tunnel

325 views • 10 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 05: Nigini Oliveira Design Process and Design Manaswi Saha Diamond Liang He Jian Li Zheng Jeremy Viny What we will do today Design Process

760 views • 58 slides
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction

CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 05: Nigini Oliveira Design Process and Design Abhinav Yadav Diamond Liang He Angel Vuong Jeremy Viny Week calendar What we will do today

924 views • 59 slides
Rahul Sen | Interaction Design 1 | Ume Designhgskolan Foreword Life and Death Life and Death

Rahul Sen | Interaction Design 1 | Ume Designhgskolan Foreword Life and Death Life and Death

Rahul Sen | Interaction Design 1 | Ume Designhgskolan Foreword Life and Death Life and Death Heaven and Hell Light and Darkness Spring and Autumn Joy and Sorrow. Different sides of the same coin Rahul Sen | Interaction Design 1 | Ume

337 views • 20 slides
CheckThat! 2020 3 rd edition Automatic Identification and Verification of Claims Some tweets in

CheckThat! 2020 3 rd edition Automatic Identification and Verification of Claims Some tweets in

CheckThat! 2020 3 rd edition Automatic Identification and Verification of Claims Some tweets in your thread are worth checking. . . . A good Twitter citizen would verify before spreading the word! The good ci*zen (and journalist)

244 views • 6 slides
Behavioral Household Finance Discussion Jeremy Burke University of Southern California, Center

Behavioral Household Finance Discussion Jeremy Burke University of Southern California, Center

Behavioral Household Finance Discussion Jeremy Burke University of Southern California, Center for Economic and Social Research 10 th Annual FDIC Consumer Research Symposium October 16, 2020 Two really nice contributions William L.

692 views • 12 slides
Debugging Maude Programs Demis Ballis n e U d i f y o i t e r s i v U n - M I

Debugging Maude Programs Demis Ballis n e U d i f y o i t e r s i v U n - M I

Debugging Maude Programs Demis Ballis n e U d i f y o i t e r s i v U n - M I F D t d . i n i u @ u s a l l i b m i s . e : d a i l m e Debugging Maude Programs Demis Ballis n e U d i f y

1.25k views • 69 slides
FINANCES KEY INITIAL CONCEPTS 1 Questions People Ask How much support do you need?

FINANCES KEY INITIAL CONCEPTS 1 Questions People Ask How much support do you need?

9/15/2020 FINANCES KEY INITIAL CONCEPTS 1 Questions People Ask How much support do you need? When will you be able to leave? How can I contribute to your Support? Are contributions to your support tax- deductible? 2

495 views • 8 slides
Using Cognitive Traits for I m proving the Using Cognitive Traits for I m proving the Detection

Using Cognitive Traits for I m proving the Using Cognitive Traits for I m proving the Detection

Using Cognitive Traits for I m proving the Using Cognitive Traits for I m proving the Detection of Learning Styles Sabine Graf and Kinshuk Athabasca University Canada Canada Why detecting learning styles? Why shall we consider learning

484 views • 20 slides
Finding and Optimizing Phases in Parallel Programs Ray Chen <rchen@cs.umd.edu> Jeffrey K.

Finding and Optimizing Phases in Parallel Programs Ray Chen <rchen@cs.umd.edu> Jeffrey K.

Finding and Optimizing Phases in Parallel Programs Ray Chen <rchen@cs.umd.edu> Jeffrey K. Hollingsworth <hollings@cs.umd.edu> Scalable Tools Workshop 2016 Motivation HPC programs often contain phases Dynamic execution

533 views • 16 slides
Automatic Forecasting Support System for Business Analytics applications based on Unobserved

Automatic Forecasting Support System for Business Analytics applications based on Unobserved

Introduction Unobserved Components models Forecasting methods Case study Conclusions Automatic Forecasting Support System for Business Analytics applications based on Unobserved Components models DJ Pedregal, MA Villegas, D Villegas

752 views • 45 slides
DM-Group Meeting Subhodip Biswas 10/16/2014 Papers to be discussed 1. Crowdsourcing Land Use

DM-Group Meeting Subhodip Biswas 10/16/2014 Papers to be discussed 1. Crowdsourcing Land Use

DM-Group Meeting Subhodip Biswas 10/16/2014 Papers to be discussed 1. Crowdsourcing Land Use Maps via Twitter Vanessa Frias-Martinez and Enrique Frias-Martinez in KDD 2014 2. Tracking Climate Change Opinions from Twitter Data Xiaoran An et

635 views • 34 slides

More recommend