Artefact 3 - Design principles and layouts

Artefact 3 is designed to test structure and if it affects the interaction within web applications. So to test this I looked into different design principles and did some background research on layouts.

The structural layouts I considered where the F and Z model.

The Constantine and Lockwood design principles:

The structure principle:

Your design should organize the user interface purposefully, in meaningful and useful ways based on clear, consistent models that are apparent and recognizable to users, putting related things together and separating unrelated things, differentiating dissimilar things and making similar things resemble one another.


The simplicity principle:

Your design should make simple, common tasks simple to do, communicating clearly and simply in the user’s own language, and providing good shortcuts that are meaningfully related to longer procedures.


The visibility principle:

Your design should keep all needed options and materials for a given task visible without distracting the user with extraneous or redundant information. Good designs don’t overwhelm users with too many alternatives or confuse them with unneeded information.


The feedback principle:

Your design should keep users informed of actions or interpretations,changes of state or condition, and errors or exceptions that are relevant and of interest to the user through clear, concise, and unambiguous language familiar to users.