don't jump in to photoshop just yet! you must consider these things first!
DESCRIPTION
Designing in the browser - why never to design a home page first and mobile firstTRANSCRIPT
1
Before you dive into the design of a website there are things you must consider prior to jumping into PhotoShop.
View full video at www.webpayload.com
3
Much to do first
✓ Client goals, targets, aims, interviews
✓ Competitors
✓ User research
✓ Personas
✓ User competitor testing - (if you have the budget)
✓ Analysis / design research
✓ Wireframes
✓ Style TilesView full video at www.webpayload.com
4
Plan, plan
✓ So important!
✓ Jumping into a design package and start “designing” is irresponsible
✓ Good design starts way before PhotoShop.
✓ It can mean the difference between success and failure of your project
View full video at www.webpayload.com
5
Mobile First
✓ What is the most important things on the page?
✓ What can you exclude?
✓ If you are excluding on mobile then it’s likely you can exclude on desktop too
✓ Just about all markets should consider mobile first
✓ If you don’t have a high usage on mobile, it’s almost a certainty you will in the future
View full video at www.webpayload.com
6
The home page
✓ People are unlikely to come to your site to use the home page, they will use it as stepping stone to find what they are looking for.View full video at www.webpayload.com
7
The home page
✓ The home page is normally the page us designers start designing with.
✓ However:
✓ The inner pages will get a lot more traffic than the home page
✓ The inner pages are where most interaction is done
✓ The inner pages are where most selling is done
✓ Your home page is important but its not the be all and end all!
View full video at www.webpayload.com
8
The home page
✓ Allows you to focus on call to actions - hugely important parts of the site
✓ An style guide approach in which you focus on elements first then build up the pages from those elements
✓ Typography where the majority of people will view your site isn’t an after thought.
✓ Gets you to think really strongly about the users journey throughout the site
✓ From there work up the ladder - to a category and then maybe onto the home page
View full video at www.webpayload.com
9
Consider designing in the browsing
✓ It’s not for me because it restricts creativity and speed of creation of design elements but it’s an option
✓ As the other video alluded too - start with PhotoShop then go into the browsers when you are happy with the look and feel
View full video at www.webpayload.com
10
Summary
✓ Think mobile first - what’s really important?
✓ Don’t design the home page first!
✓ Consider designing in the browser
View full video at www.webpayload.com