Please enable JavaScript.

Coggle requires JavaScript to display documents.

IA1: Further Breakdown of the Task - Coggle Diagram

- - - - Cars
      - Fuel station locations pointer
      - Stars
      - Directions Arrows
    - - Shape
        
        Geometric and abstract shapes, symbols and images have been placed within the design. Utilising universal symbols to help convey clear messages to the user and create interest. Such as the petrol station locations, stars for the ratings and direction arrows. To more clearly convey meaning and to create interest.
      - Proportion
        
        Proportion has been implemented with constant spacing on the home page, consistent sizing for buttons on each page, larger headings and smaller information, and correctly sized images. Ensuring a visual hierarchy and focus is communicated to the users.
      - Colour
        
        Few colours have been used throughout, therefore the proposed solution does not generate emotion, define visual importance, or create interest through the use of colour. However, this can be refined in later versions and prototypes of the solution. However, an effective use of colour can be seen when representing the different prices of petrol on the fuel map page. The use of universally accepted colours helps to ensure learnability, accessibility and efficiency.
      - Scale
        
        An appropriate scale has been used throughout the proposed solution. Ensuring the relative size of each objects is correct, helping to enforce importance and hierarchy.
      - Space
        
        White space and effective spacing of elements has been used to show the different importance of elements, communicate a hierarchy between elements and prevent overcrowding on the page.
      - Line
        
        Lines have been effectively used within the maps to successfully convey directions and roads. Creating clear and effective directions for the user.
      - Texture
        
        Texture has not been clearly used throughout the solution. Resulting in a lack of depth and visual interest that could have been create with the use of texture. However, this can be refined in future prototypes.
      - Form
        
        Form has not been clearly used throughout the solution. Resulting in a lack of depth and visual interest that could have been create with the use of form. However, this can be refined in future prototypes.
    - - Repetition
        
        Repetition of button placement has been used on the home page. To create a cohesive design that promotes learnability and functionality.
      - Proximity
        
        Proximity has been used to visually show what elements are related. Such as on the service station information page and the average fuel prices of a certain area all costs, ratings and little bits of general information can be seen spaced closely to the top right however more information can be seen spaced away to the bottom left. To increase viewer comprehension and show relationships in information.
      - Balance
        
        Symmetrical balance has mostly been used throughout the proposed design. Helping to ensure cohesion and visual satisfaction throughout.
      - Alignments
        
        Proper alignment has been used through the solution such as when listing the directions or ratings. Or when aligning the home page to the centre of the page, rather than to the left. To emphasise a difference in importance, because that is the main page will all of the options available located on it.
      - Contrast
        
        Clear contrasting colours have been used throughout to ensure users can easily read information and understand the focal point of the design. Contrast has also been used on maps to create interest and understanding.
      - Hierarchy
        
        The clear layout of titles at the top, information underneath and buttons at the bottom, gives the page structure. Which allows for clear organisation and comprehension of the information. Therefore, this structure was repeated throughout the prototypes.
      - Harmony
        
        To create a visually satisfying digital solution whitespace to prevent visual clutter, hierarchy to emphasize important information, and a readable font have been implemented into the design to help to create a unified experience throughout.
- - - - Directions
      - Ratings
    - - Directions
      - Rattings
    - - Further information