Unit 23 - Herefordshire and Ludlow Collegewiki.hct.ac.uk/_media/computing/btec/level3/unit23... · P3 Design input and output HCIs to meet a given specification •For this task you

Unit 23

QCF Level 3 Extended Certificate

Unit 23

Human Computer Interaction

Previously for information

processing

• Last time we did -

1.HIP

2.GOMS

• That is pretty much it for the theory.

Now

• Adapting an interface for specialist need.

• So what does this mean.

Specialist needs

There are many reasons for creating specialist

interfaces for example, for people with major

disabilities.

These include, visual impairment or total blindness.

Deafness.

Loss of limbs

Learning difficulties etc

http://mehson-software-utilities.blogspot.co.uk/2011/12/m1-explain-

how-hci-could-be-adjusted.html

http://mehson-software-utilities.blogspot.co.uk/2011/12/m1-explain-how-hci-could-be-adjusted.html

Specialist needs

For people with these disabilities

• Can the design be used with ease?

• e.g. an interface must be speech-activated for

visually impaired people:

• think about the ease of use for people with lisps,

• will it understand differently,

• might it not work at all?

must be thought through before designing the

interface or else people will experience difficulties.




Specialist needs- Voice recognition

• a type of specialist HCI that allows a user to go

"hands free".

• works by recording words and converting them

into text.

• highly beneficial for users with disabilities.

• users that are deaf or hard of hearing can use

speech recognition to capture a conversation or

meeting and transform it into text.




Specialist needs - Activity

Explore the accessibility options on your PC.

Use headphones and see if you can operate your

computer using speech alone.

Try each accessibility option and list the benefits

and issues you find.

Specialist needs – voice recognition

Other uses

• for those who have problems while using their

hands, because of:

• Arthritis,

• Stress

• Depression.

• a high possibility that people who use keyboards

now, will suffer from Repetitive Strain Injury,

therefore the voice recognition market will open up.




Specialist needs- Text-to-Voice interface

allows someone to be able to hear the text instead

of reading it. Useful for someone who has :

• dyslexia,

• reading difficulties

• pronunciation difficulties

This could also be used:

• to learn a different language

• the way words are pronounced in different

languages/dialects (acting?).




Specialist needs- Text-to-Voice interface

Example: the google translator.

• can be used to translate other languages

• turn them into speech

• or simply turn any text into speech.




Specialist needs - Visual impairment

Visual impairment is a difficulty in seeing images

or texts clearly depending on their colours and size.

Therefore designers must adapt to these difficulties

by researching and developing their designs.

We covered much of this when learning about the

use of colour in perception.




Specialist needs

For web pages there are accessibility standards and

guidelines which state –

Web accessibility refers to the inclusive practice of

making websites usable by people of all abilities

and disabilities.

These standards are governed by –

www.w3c.org

http://en.wikipedia.org/wiki/Inclusion_(disability_rights)

http://en.wikipedia.org/wiki/Website

http://en.wikipedia.org/wiki/Disabilities


In a previous activity you created an interface with 9

buttons aligned in 3 rows with 3 columns.

Now change this interface to use image buttons

instead of the ones already used.

Continued on next slide


Add suitable images to the image buttons based

upon a theme of your choosing, e.g. dolphins, trees,

football etc.

Add speech to all of your buttons which clearly says

what it is, test using headsets.

You will need to research how to do this.

Also make sure your web page passes the web

accessibility tests using www.w3c.org

http://validator.w3.org/#validate_by_input


Specialist needs

Here is the web address to validate your page.

You only need to validate HTML pages.



A2 Understanding and

Designing HCI

P2 Explain the fundamental principles of HCI design

P3 Design input and output HCIs to meet a given specification

M1 Explain how an HCI could be adjusted for specialist need.

M2Explain the fundamental principles which have been applied

to the designs

P2 Explain the fundamental

principles of HCI design

• For this task, you need to write an illustrated

guide (i.e. include examples) of no less than

500 words explaining the fundamental

principles of HCI design. You will need to

clearly state the what (what it is) and why

(why it is used) of each principle.

• You must include: Perception, behaviour

models, information processing and designs

for specialist use as discussed in the unit.

P3 Design input and output HCIs to

meet a given specification

• For this task you must produce two designs

for the specifications given (see appendix).

You must include annotated storyboards for

each layer of your designs and clearly show

what the inputs and outputs are. Appropriate

flowcharts must be included.

Design 1 Specification

Appointment/Booking Form

• Design an interface to accept a booking/appointment from a

customer for a Veterinary practice.

• The interface must be web based and allow the user to use a

keyboard/mouse to enter the data and allow a confirmation page to

be printed.

• Please add an appropriate logo/title to the pages.

• The design must use HCI principles to make the interface

easy/intuitive and quick to use. Effective use of available controls

will be required in terms of position, size colour etc.



• The user will need to be able to enter/select the following data –

• Full name. (Mandatory)

• Name of Pet. (Mandatory)

• Type of pet. (Mandatory)

• Date of birth for pet (if known)

• Date appointment required. (Mandatory)

• Time appointment required. (Mandatory)

• General text relating to why the appointment is needed.

• All of this information will need to be shown on the confirmation page in a format that

can be viewed and printed.

• The confirmation page should show the age of the pet if the DOB was selected.

• The design must cater for specialist need, e.g. Partially sighted users, colour

blindness etc.



• Narrative.

• Once the user has entered the required data then they need to click

on a confirmation button.

• Clicking the confirmation button on page 1 will take the user to the

confirmation page which must be suitable for being printed as a

confirmation receipt. The page will be printed locally using the

browser print feature.

• The confirmation page will need a return button to take them back to

the data entry page, particularly if the user needs to change some

data.


BTEC Grades

• Overview.

• Design an interface to show your own BTEC grades.

• The interface must be web based and be targeted to devices (smart phones, tablets

etc.)

• Once you successfully login to the web interface on the device you then see a

summary page showing BTEC units completed/in progress.

• Selecting a unit will then show the grades achieved. This must be in graphical form.

• You can add a suitable logo to the page which could be the one you designed

previously.

• The design must use HCI principles to make the interface easy/intuitive and quick to

use. Effective use of available controls will be required in terms of position, size

colour etc.


BTEC Grades

• Specification.

• You need to enter credentials to reveal the summary page, if not you should be

prompted to request the credentials again.

• The credentials can be keyed in using the virtual keyboard or use a picture password

method.

• The summary page can only be displayed when correct credentials have been used,

these can be hard coded.

• The summary page should show the units you have studied; this must include an

overall grade graphically as Pass, Merit or Distinction. You need to hard code these

grades.


BTEC Grades

• Clicking on the overall grade will show a unit detail page with the entire unit

achieved grades, again graphically). You need to hard code your grades.

•

• The results shown graphically must also be spoken by the interface when

hovered over.

•

• You must be able to navigate to the preceding page within your web pages.

•

• The interface must adapt to the size of the device being used (Responsive

web design).

•

• The design must cater for specialist need, e.g. Partially sighted users,

colour blindness etc.

M1 Explain how an HCI could be

adjusted for specialist need.

• For this task you must extend both your

designs (for task 2) by explaining how each

caters for specialist needs. You must edit

your storyboards to show this as well as add

narrative as an explanation.

M2 Explain the fundamental principles

which have been applied to the designs

• For this task you must, for each of your

designs (either from task 2 or task 3), explain

the fundamental HCI principles you have

applied. Clearly annotate your storyboards

with notes of all the fundamental principles

used.

Documents

Unit 23 - Herefordshire and Ludlow Collegewiki.hct.ac.uk/_media/computing/btec/level3/unit23... · P3 Design input and output HCIs to meet a given specification •For this task you