slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
First steps to usability and User-Centred Design PowerPoint Presentation
Download Presentation
First steps to usability and User-Centred Design

Loading in 2 Seconds...

play fullscreen
1 / 42

First steps to usability and User-Centred Design - PowerPoint PPT Presentation


  • 153 Views
  • Uploaded on

Gemma Richardson November 2008. First steps to usability and User-Centred Design. Some familiar (and unfamiliar) terms. Usability User Experience (UX) Customer Experience (CX) User-Centred Design (UCD) Human-Computer Interaction (HCI) Computer-Human Interaction (CHI).

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'First steps to usability and User-Centred Design' - babu


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
some familiar and unfamiliar terms
Some familiar (and unfamiliar) terms
  • Usability
  • User Experience (UX)
  • Customer Experience (CX)
  • User-Centred Design (UCD)
  • Human-Computer Interaction (HCI)
  • Computer-Human Interaction (CHI)
usefulness vs usability
Usefulness vs Usability
  • USEFULNESS – The value of the system or service (over existing methods)
  • USABILITY – How easy the system or service is to use

Source: Expero Inc.

development layers
Development layers

Source: based on model from Expero Inc.

audience needs goals1
Original bid

“There will be six study packages. It is planned that they will cover the following areas:

The creation of the welfare state 1942-51

De-colonisation in Africa 1954-75

The special relationship with the United States during the mid-Cold War crisis 1959-63

Economic crisis, the unions and government 1919-39

Cabinet and the prosecution of global war 1914-18, 1939-45

The permissive society: social change and government 1964-75

Each package will include a selection of up to 60 documents to highlight key issues, themes and arguments for teachers of history organising taught graduate, undergraduate and A level courses or modules.”

Audience needs & goals

Study Packages SoR

  • “The requirement is to create a guide to the Cabinet papers for A level, undergraduate and graduate students of history and politics.
  • This will be done in three distinct ways
  • Two A-level study packages linked to specific topics covered by the national curriculum are built around a selection of Cabinet papers. These will be linked to other resources to explain government’s role in defining and implementing policies.
  • HE students benefit from a broad overview of the government’s role within 100 separate packages linked to selected Cabinet papers. Search keywords linked to each section guide them towards productive searches of the full collection.
  • A separate resource section provides additional guides to assist students search the collection effectively. The resources can be browsed independently as well as providing contextual links within study packages.”
functionality usefulness
Functionality & Usefulness
  • Translate user need into system requirements
  • Be imaginative – what is your USP

Source: www.useit.com

content terminology
Content & Terminology
  • Be succinct
  • Write for scannability
  • Use hypertext
  • Be appropriate to the audience, but remember Plain English!

Source: www.useit.com

content terminology1
Content & Terminology
  • British Governance in the 20th Century: Cabinet Papers 1916 - 1976
  • Cabinet Papers 1916 - 1976
visual design
Visual design

Source: ‘The Glass Wall’ - BBC

visual design1
Visual design

Source: ‘The Glass Wall’ - BBC

what is evaluation
What is evaluation?
  • Tests the usability, functionality and acceptability of an interactive system
  • Laboratory vs Field
  • Expert vs User
  • Occurs throughout the design lifecycle
goals of evaluation
Goals of evaluation
  • Assess the extent and accessibility of the system’s functionality
  • Assess users’ experience of the interaction
  • Identify specific problems with the system
expert reviews
Expert reviews
  • Expert reviews are quick and cheap
  • Can be used early, on incomplete designs and prototypes as well as on complete systems
  • Does not replace user testing!
types of expert review
Types of expert review
  • Cognitive Walkthroughs
  • Heuristic evaluation
heuristics
Heuristics
  • A commonsense rule (or set of rules) intended to increase the probability of solving some problem. A rule of thumb.
what you need to start
What you need to start
  • A system or prototype
  • A scenario of use
  • Information about the users, their knowledge and experience
heuristic list
Heuristic list
  • Visibility of system status
  • Match between system and the real world appear in a natural and logical order.
  • User control and freedom
  • Consistency and standards
  • Error prevention

Source: Nielsen’s 10 Heuristics – useit.com

heuristic list1
Heuristic list
  • Recognition rather than recall
  • Flexibility and efficiency of use
  • Aesthetic and minimalist design
  • Help users recognize, diagnose, and recover from errors
  • Help and documentation

Source: Nielsen’s 10 Heuristics – useit.com

cognition
Cognition
  • The mental process of knowing, including aspects such as awareness, perception, reasoning, and judgment

Walkthrough

  • A detailed review of a sequence of actions
what you need to start1
What you need to start
  • A system or prototype
  • A description of the task
  • A complete, list of the actions needed to complete the task successfully
  • A corresponding list of the system display or response for each action
  • Information about the users, their knowledge and experience
methodology
Methodology
  • Step through each action in the sequence
  • At each action ask four questions
  • Be the user not the expert!
question one
Question one

Does the action match the user’s goal at that point?

  • For example, if the effect of the action is to save a document, is ‘saving a document’ what the user wants to do?
question two
Question two

Will the user see that the action is available?

  • Is the button or menu item visible, or is unobvious or hidden?
question three
Question three

Will the user recognise the action is the one they need?

  • Not to be confused with whether the action is visible. For example, a help button may be visible but labelled with a ? – the user may see it but not recognise it as help
question four
Question four

Will the user understand the feedback they receive?

  • In order to successfully complete an action the user must get sufficient feedback. For example, the page may change or a ‘waiting’ signal may appear.
example
Example

Programming a video recorder by remote control

Left: handset in normal use

Right: handset after the timed record button has been pressed

Source: Dix et al – Human Computer Interaction

action sequence
Action sequence

UA1: Press the ‘timed record button’

SD1: Display moves to timer mode. Flashing cursor moves to

‘start’

UA2: Press digits 1 8 0 0

SD2: Each digit is displayed as typed and flashing cursor

moves to next position

UA3: Press the ‘timed record’ button

SD3: Flashing cursor moves to end

Source: Dix et al – Human Computer Interaction

four questions for ua1 sd1
Four questions for UA1 & SD1

UA1: Press the ‘timed record button’Is the effect of the action the same as the user’s goal at that point?

YES.The timed record button initiates timer programming. We can assume that the user would be doing this as their first goal.

four questions for ua1 sd11
Four questions for UA1 & SD1

UA1: Press the ‘timed record button’Will the user see the action is available?

YES. The timed record button is visible on the handset

four questions for ua1 sd12
Four questions for UA1 & SD1

UA1: Press the ‘timed record button’Once the user has found the correct action, will they know it is the one they need?

NO. It is not clear which button is the ‘timed record’ button. There is one that looks a bit like a clock but this could change the time rather than be related to recording.

four questions for ua1 sd13
Four questions for UA1 & SD1

SD1: Display moves to timer mode. Flashing cursor moves to ‘start’After the action is taken will the user understand the feedback?

YES. We can assume that the user would recognise the change in display as an indication of the successful completion of the first action.

so what have we learned about the handset design
So what have we learned about the handset design?

NB. This is a potential problem. Further testing with the user group may show that they are able to identify the right button easily