| What is accessibility? | specifically concerned with the usability of digital products in relation to people with disabilities
May include
-captions/narrator
-alt text for images
-keyboard navigation
-saved login credentials and settings
-font enlarger and font changer |
| NA | NA |
| Elements and principles of design | elements are the building blocks of design where principles are how the elements are organised and arranged to form an effect |
| Elements of design | Line
Colour
Space
Value/shade
Shape
Colour
Texture
Space
Shadow |
| Principles of design | Contrast
Proportion
Repetition
Movement
Rhythm
Variety
Emphasis
Balance
Unity
Harmony
Hierarchy
Pattern
Scale |
| Colour theory | Analogous=are grouping of similar colours (red, orange and yellow)
Complementary=are opposing colours of the colour wheel used to provide contrast but still "compliment' each other
Triadic=3 opposing colours on the colour wheel that for an equilateral triangle
Split compliment=those adjacent to the direct complimentary colours
monochromatic=all hues of the same colour
Grayscale=hues of black and white |
| Compositional rules | Focal point and centre of interest
Framing
Leading lines
Reading gravity
Rule of thirds
Underlying geometric framework/eye flow
symmetry
Compositional grid |
| UI (the architect) | User interface refers to the way humans interact with the device or application
requires a user friendly interface and experience
its the human-computer relationship/interaction
many design elements can be used to apply this such as (icons, layout, design, branding, E&P of design, etc.) |
| UX (the engineer) | Refers to the users attitudes and emotions while using the product and service
customer research, user testing and prototyping
the available content and how easy/difficult it is to access
useability, accessibility and inclusivity |
| Hierarchies of information | Flat hierarchies=are simpler, clearer, faster, have better SEO rankings, are easier to maintain and often have better user engagement but may lack the ability to be scaled as they may become cluttered, have limited depth, suffer from content overload and also can lack navigational structure if not executed correctly
Deep hierarchies= allow for better organisation that is more specific, easier to be scaled, can help a user better follow a guided path, and can enhance advanced navigation but suffer from issues regarding complexity, load times, poor indexation and SEO rankings, harder management and also user frustration depending on the audience |
| What is usability? | ensures that users of a digital product can achieve their desired goals with minimal effort in as little time as possible and also to provide a smooth and seamless enjoyable user experience.
May include
-search bars
-simple and consistent design
-use of thumbnails
-use of icon based navigation |
| What is inclusivity? | ensures as many users from any background are able to access the website
May include
-language translator
-currency converter
-colour blind modes
-font enlarger/zoom |
| What is accessibility? | specifically concerned with the usability of digital products in relation to people with disabilities
May include
-captions/narrator
-alt text for images
-keyboard navigation
-saved login credentials and settings
-font enlarger and font changer |
