the process of building a website
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