504 - Design for Screen - The Design Process Lecture

Need to consider experience - emotion? narrative? feelings?
- rather than purely aesthetic - has to solve a problem

Not everyones process is the same, its the individual detailing which makes everyones practise unique.

1. Read the brief
2. Research & Insights into relevant web data
          Focus groups, SWOT Analysis, Questionnaires, Market Segmentation
- Who are you designing for? a specific TA? Not for you, not for the client
          Age? M/F appropriate? Nationality? Urban/Rural? Income? Occupation? 
- Why are they engaging? What is trying to be achieved? Is it time essential or a luxury?
3. Idea Generation - sketchbooks, mood boards, mind maps 
- don't focus on just one, need a range to impress clients

BY FRIDAY, a minimum of 2 completely different ideas that have been visualised
- sketches, wireframes, site-maps, prototypes, just quick idea communication

Once at this stage, we keep developing the concept
Test it in terms of feedback, does it solve the problem? Is it appropriate?

Wireframes

- A wireframe is a simple sketch of the key information that needs to go on each page of an interface. 

- It show the hierarchy of information and how much space it will require.

- It should focus on what information needs to be on each page and creates a visual hierarchy to indicate order of importance.

- They create the structure, they inform what and where the information should be before designing how it looks. 

- They ensure all the functions and information are included before the design phase begins.