Flashcards
Untitled
Cards in this deck (16)
- 11. What are the two website creation phases and what sort of tasks are completed in themDesign phase
• Analytical/creative
Development phase
• technical - 22. 3 Examples of bad site creationBad sites
• Unsuitable content
• Poor navigation
• Text-only content
• Distracting and/or interfering images
• Poor use of font and colour
• Poor performance - 33. 3 Example of good site creationGood sites
• Easy to navigate
• Intuitive design
• Suited to their audience
• Excellent use of a metaphor
• Unique or inspiring
• Achieve their purpose - 44. What are the 4 fundamental design aspects?Harmony
Balance
Simplicity
Consistency - 55. What do each of the 4 fundamental design aspects entailHarmony
• How the elements on the website fit together satisfyingly
Balance
• The symmetrical arrangement of information
• Related to “harmony”
Simplicity
• Creates clarity, sophistication, elegance and economy
• Do not add unnecessary content
Consistency
• Promotes intuitive behaviour
• Inconsistency leads to cognitive overload - 66. What tasks are completed in the first of the creation phasesNeeds analysis
Target audience analysis
Competitive analysis
Information gathering
Information architecture (interface design) - 77. What is the point of each of the tasks listed aboveNeeds analysis
• Establish the need for the product
Target audience analysis
• Determine who will be the user
Competitive analysis
• Find out what the “competition” is doing
Information gathering
• Collecting raw data
Information architecture (interface design)
• Methods and processes that plan how the information is going to presented - 88. What is the definition of information architecture?Definition: specific methods and processes for
Structuring and organising content on websites
• How content interacts with other content - 99. What are the two stages in the information architecture cycle?define
design - 1010. Name and explain all navigation typesNavigation types
• Global
o Accessible from all pages
o Global navigation consists of:
Primary pieces of navigation – menu links
• Primary pieces of navigation may be further divided into:
o Secondary pieces of navigation which can be divided even further into:
Tertiary navigation
• Local
o Contained within one section of a website
o Can have primary and secondary but never tertiary
• Footer
• In-text
• Utility
• External links - 1111. What are the different types of page layout?• Fixed
o Content is placed inside a fixed width container that does not move
o As the screen resolution changes, content remains fixed inside its parent container
• Flexible (or fluid)
o Content is placed inside columns and containers that are flexible
o As the screen resolution changes, content expands/contracts to accommodate varying screen widths
• Responsive
o Responds to and alters layouts and styles depending on browser resolution and device
All elements are flexible
o Responsive layout provides a custom optimised experience for whichever screen size it’s viewed on
• Adaptive
o Uses multiple fixed layouts that adapt to screen width
o As the screen resolution changes, a new layout is loaded at certain breakpoints
• Mobile only
o Design and development of a website is made specifically for a smaller device - 1212. What are the composition principles? Explain them.• Balance
o Webpage elements are treated to have an equal distribution of visual weight – symmetrical or asymmetrical
• Contrast
o Webpage elements are clearly separated by emphasising differences in size, colour, pattern and other characteristics
• Focus
o Focal point(s) create emphasis and guide the user to important content
• Harmony
o Elements on a page visually or conceptually appearing to belong together
• Motion
o Movement or flow can help create guidance to and from a focal point
• Simplicity
o A minimal, clean and clear visual appearance will enhance the other principles
• Space
o Each element in a composition needs to have its own space - 1313. Name and explain 3 different colour schemesMonochromatic
• Varying shades of a single colour
Analogous
• Colours next to each other
• About one quarter of the colour wheel
Complementary
• Colours that are directly opposite one another on the colour wheel
• When there is no variation in the brightness level between complementary colours, they can fight for dominance
o Uncomfortable vibration/distortion effect on edges
o Some worse than others
Triadic
• Three colours equally spaced from one another on the colour wheel - 1414. What is a typefaceTypeface = what I think font is (Arial, times new roman, Helvetica )
- 1515. What is a fontFont = typeface + size + weight(bold)
- 1616. What are the different parts of a typeface? Explain each.• x-height = the height of the lowercase letter x
• ascender = the part of the character that extends above the x-height
• baseline = the invisible line the letters sit on
• descender = the part of the character that extends below the baseline
Information
- Description
- Flashcards on Untitled, created by Andre Clark on 23/06/2019.
- Created by
- Andre Clark · Jun 2019
- Updated
- Jun 23, 2019
- Views
- 0
- Rating