Week 4 - Web Development and Multimedia Design Flashcards
What are web pages?
Visual representation of the information in the world wide web - usually uses some type of mark-up language
Contains text, images, video, animation
What is used to make modern web pages work?
HTML5 - Contains key content/links to key content
CSS - Formatting
JS - Interactivity
SVG, Dynamic tech(MySQL, PHP)
What is usability?
How well a website can be worked by the intended user
What is the Iterative design cycle?
Identify user needs -> design a solution -> prototype a solution -> evaluate with real users -> repeat
What is the interaction cycle?
Formulate goals and generate inputs -> data model changes -> updates display -> evaluates and understands display -> repeat
What are the two gulfs in a users understanding in the interactive cycle?
Gulf of evaluation and Gulf of execution
What is the gulf of evaluation?
User interprets what they see on screen and evaluate it to there ultimate goals - understanding the state of the system
Reasons for failure of gulf of evaluation?
Ergonomic - Text too small, Text has poor contrast
Design and layout - Items grouped ineffectively causing confusion in relationship
Critical information misplaced
Information may appear the same without emphasis
What is the gulf of execution?
When user does not know what sequence of event will accomplish the desired goal
Reasons for gulf of execution?
Operation of objects are not obvious
Inadequate feedback
What must you be consistent of when designing web sites?
Size, Colour, Location, Wording, Sequencing and order, Function
What should be done to avoid the human memory issue?
Users should not need to buffer information from one screen to the next
Avoid stacking, Design for task closure, Recognition rather than recall
Why should status indicators be used?
System should give feedback if a lengthy process is being performed
What are the design guidelines for general text formats?
Only use two levels of intensity
Use underlining, bold and inverse vide sparingly
Less than 3 different fonts
Capitalise normally
What are the design guidelines for colour?
No more than 4 colours on screen
No more than 7 in an application
Contrast text properly
Avoid blue text
