What have they got in common?

BBBIT

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

Top 10 things to look for.1. Organise and group related parts of an

interface2. Keep all buttons the same size and

style, and keep them grouped.3. Use meaningful captions for your

buttons4. Use meaningful labels for each control5. Keep a consistent margin

Good GUIBBBIT

Top 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 GUIBBBIT

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 taskBBBIT

Have 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 AssessmentBBBIT

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