the process of building a website

Post on 27-Jan-2015

104 Views

Category:

Design

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

In this interactive session Frank will be talking through the process of building a website from conception through to deployment. We will be looking at how UX can be used during each phase of the build and how we can create better relationships with everyone involved in the process. Learn to use UX in new ways, work closer with project teams and identify new ways of selling UX to your client and your boss. You'll be playing the role of UX professionals, users and the client as I take you on a journey to a more enjoyable experience.

TRANSCRIPT

@frankjwest

Let's build a website together, live!

The process of building a website

WF

@britehire

Frank West

CEO and Founder

the less we do when we're ready to do it!

The more we do before we do anything

It’s all in the planning

Photographer

Project Manager

SEO

Server Administrator

Strategist

Testers

UsersUsers

UX Consultant

Videographer

Account Manager

Backend Developer

Boss

Business Analyst

Client

Copywriter

Database AdministratorDatabase Administrator

Designer

Frontend Developer

Marketing

Meet the team!

What do we need to build a website?

Application

Blogs

Brochure

eCommerce

News

Social network

The brief

Accessibility

Brand awareness

Newsletter sign ups

Money

Reduce call centre volume

Return visits

SEOSEO

Traffic

The goals

Target audience

@frankjwest

Exercise 1

Features

WF

The whole team – 30 minutes

Not about detail

Not about looking good

Scamping

@frankjwest

Exercise 2

Draw the website

WF

To mix experience with imagination and toavoid corruption

Why did we do this?

Direct competitors (Local/Global)

Similar concept, different market

Similar style but different concept

Wouldn't it be nice to change the world

Competitor research

...Do you love your partner?

Do you love your job?

Changing the world

@frankjwest

Exercise 3

Key features

WF

We've seen the competitors

We've got an idea of functionality

We've seen other peoples ideas

Let's do it again

Scamping 2.0

@frankjwest

Exercise 4

Draw the website again

WF

Recreate the best ideas for the client.

Take them on the journey.

Don't just show them what you did.

Bring them on board!

Client time

How long

How important

Grading 1 – 5

Understanding the scope

@frankjwest

Exercise 5

Rate that feature

WF

Sitemap

Agile

Copy

Use annotations for requirements

Interactive wireframes

@frankjwest

Exercise 6

Wireframes

WF

Explain the purpose of the site

Set the user tasks

User testing

Bring them on board

Client time

Design

Client time

Do not explain the purpose of the site

What do they think the website is for?

What stands out?

User testing

Flat builds

Testing

Development

More testing

User testing

Sprint

Ready to launch?

What went well?

What went badly?

How can we make the next sprint more effective?

Review the sprint

Flat builds

Testing

Development

More testing

User testing

Sprint

@frankjwest@britehire

Thank you

WF

top related