OUGD504 - Screen Based Design

Google and Apple both have information and software you can download to help with design for screen.

• Apple Design
• Material Design on Google
• SPAN
• Google Design

UX Design:
User experience - what, when, why, where, how, a person uses the product.
Everything that affects a users interaction with a product.

HCI - Human Computer Interaction: The ways that people interact with digital systems.
Usability = ease and efficiency by which a user operates a system. Interaction design = construction of interactive elements.

UX = ways that the user experiences using the product.
UX Design = informed manipulation and development of the factors that influence the users experience. Informs visual interface design. Sets out criteria by which the designer will operate.

Analyse: business research/ user research/ data analysis and conceptualisation
Design: Creating concepts/ interaction behaviours/ look and feel
Prototypes: Realising design alternatives
Evaluate: Verifying and refining
ITERATION

User research:
Seeks to gain a better understanding of the needs of the user.
Focus groups
Interviews
Observations
Identifying and conceptualising user needs, task flows, etc.

1. Personas
What characteristics are included in personas varies depending on the project:

• Reflect data found in user research
• Focus on the present
• Be realistic not idealistic
• Describe a challenging target user
• Provide insight to the users context, behaviours, attitudes, needs, challenges/pain points, goals and motivations

2. Task Flows/ User Flows
Work flows visualise (flow chart) the stages involved in completing certain tasks (task flow) or the journey a user takes through the system (user flow).

3. Wireframes
The first step towards putting all the user research, personas, workflows, etc. into a visual format.
The aim of wireframes is to experiment and test hierarchies and informed layout strategies. UX designers will always refer back...