BBBIT

What have they got in common?

BBBITBy the end of today’s lesson;• All of you will know what needs to

be in a basic graphical user interface (D-E)

• Most of you will describe the differences between a good and bad GUI (B-C)

• Some of you will analyse existing GUIs from websites and describe the positive and negative features of each (A*-A)

Learning outcomes

BBBITTop 10 things to look for.

1. Organise and group related parts of an interface

2. Keep all buttons the same size and style, and keep them grouped.

3. Use meaningful captions for your buttons

4. Use meaningful labels for each control

5. Keep a consistent margin

Good gui

BBBITTop 10 things to look for.

6. Only include graphics if necessary7. Keep font styles consistent8. Add colour only when necessary9. Always use dark text on a light

background10.A good user interface is one that

shouldn’t be noticed.

Good gui

BBBIT

On Jogle (F452 Topic 14) download and complete the GUI template document.• Using all good GUI design methods will

allow you to get up to the A/A* grades.• Make it as clear as possible• Use your feedback from the exam paper

to help

Once you have completed this, create a new forum post and upload it to there. You should explain in your post why good GUI design is important.

Your task

BBBITHave a look at the other forum posts

from your peers and give them some feedback in the WWW EBI format.Success Criteria;• Clear title at the top of the page• Input boxes for length, colour and where

spotted.• These input boxes should be radio

buttons/drop down/list boxes• Submit and reset buttons• Output for an image and text• Output should allow user to see multiple

responses.

Peer Assessment

What would you change in this GUI to improve it?

GUIBBBIT

By the end of today’s lesson;• All of you will know what needs to be in a basic

graphical user interface (D-E)• Most of you will describe the differences

between a good and bad GUI (B-C)• Some of you will analyse existing GUIs from

websites and describe the positive and negative features of each (A*-A)

Learning outcomesBBBIT

You will need to do some research to find some examples of good and not so good GUIs. You should include;• 2 examples of good GUIs (D/E)• 2 examples of bad GUIs (D/E)• Describe at least 5 points for each to explain

why they are good/bad (B/C)• You will use technical language throughout

(B/C)• For the bad GUIs you will need to compare it

to a similar good GUI and explain how you would improve it (A*/A)

Research TaskBBBIT