Workshop

Design A Web Page

Overview1. Introduction to user centred design

2. What is important to users of the site

3. Make your own user persona

4. Create wireframes

What is user centred design?

Focused on users

Who are your users?

The users of gov.uk service are everyone

Think about context

When?

When? Where?

When? Where? What?

When? Where? What? Why?

The practical bit

Collecting ideas

Some we’ve had submitted to Southbank Centre

Gather and think of ideas of what you would want from the Southbank Centre website

10 mins

Group them into common themes

Personas are ‘stand-ins’ for real usersCreate your own persona

What makes up a persona?

Checklist

Does your persona have:

• a name • age • location • how they use technology • things they like doing • aim or need when using the site • devices used to access the site • describe when they might use the service in a typical day

What would your persona want?

Pick a photo and a persona sheet and fill in as best you can

15-20 mins

What is a user story?

For example my persona wants to…

My persona wants to… find out what time an event is on

My persona wants to… find out where the toilets are

My persona wants to… understand what Southbank Centre is

Look back at your post-it ideas, do any of these match your persona needs?

10 mins

Using the sheet finish this sentence

My persona wants to…

10 mins

Time to wireframe

Parts of a page

Draw out basic elements of web page

30 mins

Sketch it, make notes, improve it

Example of a basic page

Putting together a wireframe

Show and tell with feedback

20 mins

More information and to download the session

http://digital.southbankcentre.co.uk/