2. Learning outcomes
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)
3. Good GUI
Top 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
4. Good GUI
Top 10 things to look for.
6. Only include graphics if necessary
7. Keep font styles consistent
8. Add colour only when necessary
9. Always use dark text on a light
background
10.A good user interface is one that
shouldn’t be noticed.
5. Your task
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.
6. Peer Assessment
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.
8. Learning outcomes
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)
9. Research Task
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)