graphical user interface
TRANSCRIPT
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