1. Requirements Analysis 8. 1 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved INFO2005 Requirements Analysis Human Computer Interaction Department of Information Systems

2. Requirements Analysis 8. 2 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Learning Objectives v Define HCI v Explain why we consider HCI within Requirements Analysis v Introduce the main metaphors used in HCI design v Overview major approaches to HCI design

3. Requirements Analysis 8. 3 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved What is HCI? v A sub-discipline of Information Systems v Focuses on interaction between a computer system and its users v Has also become popular short-hand for: v People often say “good HCI” when they really mean “good HCI design ”

4. Requirements Analysis 8. 4 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved What is HCI? v HCI draws on:

5. Requirements Analysis 8. 5 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Where Does HIC Fit in the System Architecture? v HCI is implemented in the presentation layer of an application: Campaign Database Campaign Domain Advert Sub-system Advert HCI Sub-system Campaign Costs Sub-system Campaign Costs HCI Sub-system Application layer Presentation layer Domain layer Database layer Adapted from Bennett et al, 1999

6. Requirements Analysis 8. 6 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Locating HCI in the traditional Life Cycle v Traditionally seen as part of design phase v E.g. Hoffer et al puts HCI in Logical Design: Analysis Adapted from Hoffer et al, 1998 Logical Design Physical Design Forms and Reports Dialogues and Interfaces Files and Databases

7. Requirements Analysis 8. 7 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Locating HCI in the RUP v In RUP, HCI fits in many places v E.g. in the Requirements Analysis Workflow:

8. Requirements Analysis 8. 8 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Locating HCI in the RUP v In RUP, UI prototypes are an important tool for: v The UI designer works closely with the Use Case specifier (may be the same person)

9. Requirements Analysis 8. 9 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Why Consider HCI with Requirements Analysis? v Reasons to include in requirements analysis: –To capture usability requirements, ease of learning, environmental factors –Importance of interface requirements for interactive systems –Prototyping presents UI to users much earlier in life cycle –Even prototypes must be adequately designed!

10. Requirements Analysis 8. 10 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Problems with Considering HCI within Requirements Analysis v Some important drawbacks must be kept in mind: v Don’t get too attached to prototypes – not necessarily the final UI v Remember that prototype design features (e.g. data content and structure)  analysis features

11. Requirements Analysis 8. 11 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Two Main Metaphors v Understanding of how HCI works best is based on two main metaphors: v Dialogue v Direct Manipulation v In practice, often use both together

12. Requirements Analysis 8. 12 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved The Dialogue Metaphor v A dialogue may be a natural translation of a Use Case scenario: User selects option from menu System displays order entry form (date and next order no filled in automatically ) User enters Customer Code System displays name and address of customer (to confirm correct number entered) Etc...

13. Requirements Analysis 8. 13 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Types of Message in a Dialogue Input control User directs way in which dialogue will proceed data Numbers, codes and quantities supplied by user Output prompt Request for user input data Data from application following user request or input status Acknowledgement that something has happened error Processing cannot continue help Additional information to user Adapted from Bennett et al, 1999

14. Requirements Analysis 8. 14 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Direct Manipulation Metaphor v Creates impression that user physically handles objects on screen v Reflected in windowing systems jargon v You can:

15. Requirements Analysis 8. 15 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Direct Manipulation v Owes much to spread of event-driven programming v Graphical objects displayed on screen v System responds to events v Most events are result of user actions v UI design more complicated than for straightforward dialogue style v (because interaction sequence is less predictable)

16. Requirements Analysis 8. 16 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Principles of Good Dialogue v Whatever the underlying metaphor, good UI design includes: v Style guides (e.g. from Microsoft) show how best to implement these principles

17. Requirements Analysis 8. 17 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Approaches to UI Design v Three main categories of approach to UI design: v All three cover requirements gathering, UI design and UI evaluation

18. Requirements Analysis 8. 18 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Structured Approaches v Assume a structured approach to systems development as a whole v UI design and development runs alongside main project lifecycle v Generally provide detailed specification of tasks and steps in UI development v Examples: STUDIO and RESPECT

19. Requirements Analysis 8. 19 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Example Structured Approach v This diagram shows an overview of the STUDIO approach Bennett et al, 1999, adapted from Browne, 1994

20. Requirements Analysis 8. 20 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Ethnographic Approaches v “Ethnography” applies to a range of techniques in sociology / anthropology v A particular philosophy about scientific enquiry v Only by being part of a situation can you truly understand and interpret it v In HCI this means spending time with users immersed in everyday working life

21. Requirements Analysis 8. 21 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Ethnographic Approaches v Users interpret systems subjectively v HCI professional must understand this, not assume they can assess objectively v Only thus can real requirements be understood and documented v Xerox PARC has employed trained ethnographers for many years

22. Requirements Analysis 8. 22 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Scenario-Based Approaches v Scenario-based approach fits naturally with Use Case driven development –Less formal than structured approaches –More organised than ethnographic approaches –Similar to Use Case descriptions –Can show alternative realisations of a use case –Can also include “claims” – justification of design decisions

23. Requirements Analysis 8. 23 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Scenario-Based Approaches v Potential disadvantage: a large amount of textual documentation can be generated v Requires careful management and cross-referencing

24. Requirements Analysis 8. 24 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved Summary v Defined HCI v Explained why we consider HCI within Requirements Analysis v Introduced the main metaphors used in UI design v Overviewed 3 main types of approach to UI design

25. Requirements Analysis 8. 25 Storyboarding - 2005b508.ppt © Copyright De Montfort University 2000 All Rights Reserved References v Bennett, S., McRobb, S. & Farmer, R. (2002) “Object- Oriented Systems Analysis and Design using UML”, McGraw-Hill, Maidenhead. (Ch 14 & 16) v Jacobson, I., Booch, G. and Rumbaugh, J. (1999), The Unified Software Development Process, Addison Wesley, Reading Mass. (Ch 7) v Hoffer, J. A., George, J. F. and Valaich, J. S. (1998), Modern Systems Analysis & Design, Addison Wesley Longman, Reading Mass. (Ch 15)