home search Contact
Lmarsden is a non-profit information site

Week 19: Data-driven problems, programming and solutions

Class Task and Information

  • Monday L4:
      • Students to continue work on IA1 requirements and performance standards: DS - IA1

      • Completed:
        • Context Statement for your assignment.
        • Research for other data sources and websites.
        • Mind Map
        • Prescribed and Self Determined Criteria
      • Adobe XD Tools
      • Annotation of low-fidelity designs

    • Transition week at MFAC - Working on 2022 Timetable.

    • Students are to present their context statements and identify the key elements of:

    • Adobe XD tools
      • Developing and utilising Asset Packs:
        • Adobe XD - Web Asset Pack - Wires - Web (right click and save link as)

      • Design Templates + Components + Guides - iPhone: Download Asset Files (right click and save link as)

    • Building Blocks of Visual Hierarchy
      • Size – Users notice larger elements more easily.
      • Colour – Bright colours typically attract more attention than muted ones.
      • Contrast – Dramatically contrasted colours are more eye-catching.
      • Alignment – Out-of-alignment elements stand out over aligned ones.
      • Repetition – Repeating styles can suggest content is related.
      • Proximity – Closely placed elements seem related.
      • White space – More space around elements draws the eye towards them.
      • Texture and Style – Richer textures stand out over flat ones.
      • The Gestalt principles – These cater to the human eye. Use them to help users group visual elements, notice what’s important on each page and build trust with your brand.
      • Consistency Familiar icons, menu hierarchy, colours, etc. are vital aids for users.
      • Typography and style – Elaborate fonts are more appropriate in some industries, but ornate text and special effects (e.g., embossed, washed-out text) might distract users, and even slight distractions reduce usability.
      • Understand users priorities – You want to guide users with a sense of ranked information – so, it’s self-defeating to emphasize everything on a screen. Simultaneously, it’s vital that you know which elements users need to appreciate as being equally important (e.g., dials on some dashboards).
      • Remember the purpose of each page/screen’s problem-solving function throughout the users’ interaction. For example, customer journey maps are particularly helpful to keep sight of what’s important and when. As you determine the order of importance per screen, you’ll likely notice some superfluous elements which you can leave out.

      • Resources:

    • Low Fidelity Pages:
      • Low Fidelity designs Do Not Have Colours.
      • Low Fidelity designs Do Not Have Images.
      • Low Fidelity designs Have Containers.
      • Low Fidelity designs Have Titles (H1, H2, H3, H4...)
      • Low Fidelity designs Have Call to actions
      • Low Fidelity designs Have Image placement
      • Low Fidelity designs Have Text placement

  • Tuesday L5:
      • Students to continue work on IA1 requirements and performance standards: DS - IA1

    • Low Fidelity Examples: (Pro-Tip: Apply Usability and Visual Hierarchy principles)

    • Low Fidelity Example apply F-reading pattern

    • Low Fidelity Examples:

    • Annotations require:
      • Name of the object
      • The type of object - Text Field, Labels, Picture box etc.
      • The Outlet name - Variable name / data type
      • The function call if it is an action.
      • Attributes including Font, Size, Colour, viability etc
      • Event information - click inside etc
      • Animations and other aspects
      • Remember this design is to give the UI developers as much information as possible before the coders take over.

  • Wednesday L2:
      • Students to continue work on IA1 requirements and performance standards: DS - IA1

      • Final lesson.

      • Questions about the assignment.
      • Time line for success.
      • Setting personal mile-stones

      • Class discussion on 2021 - The year that was.

  • Thursday L3:
      • Lesson Lost - Graduation

Readings / Homework
  • Students to continue work on IA1 requirements and performance standards: DS - IA1





Focus Point