1. Enhancing
TIPS ON: internal search
Designing product detail
pages
The checkout process
Improving SEO - codewise
Kevin Murphy
Interaction / Frontend Designer
MEDIAFRONT
A PART OF MCCANN WORLDGROUP

2. Enhancing internal search
• Use your internal search log
• Use input hints and prompts example
• Auto suggest example
• Location of search field
• Submit button
• Clear logic on results page
• Sort results
MEDIAFRONT
A PART OF MCCANN WORLDGROUP

3. Product Detail Page
• Provide as much relevant information
possible
• Use bullets and paragraph form example
• Write your own copy
example
• Provide ratings and recommendations
• Participate
MEDIAFRONT
A PART OF MCCANN WORLDGROUP

4. Checkout Process
• Few steps as possible
• Eliminate distractions
• Don’t require registration to shop
• dissappoint
Be clear about availability - don’t
example
• Be clear about hidden costs
• Make it easy to modify the order
MEDIAFRONT
A PART OF MCCANN WORLDGROUP

5. Checkout Process
• Provide access to help/assistance
• Provide a progress bar
• Allow review of order
• Don’t take customer out of the checkout
process
• Be clear about hidden costs
• Thank them + send confirmation email
MEDIAFRONT
A PART OF MCCANN WORLDGROUP

6. SEO - codewise
• Keep file size down
• Good content to code ratio
• Relevant content
• Lots of links - without spamming
• Make your code readable
• Write semantic code
• Practice Progressive Enhancement
MEDIAFRONT
A PART OF MCCANN WORLDGROUP

7. SEO - codewise
• HTML5 + CSS3 for smaller file size
• Accessibility
• Reachable from at least one static link
MEDIAFRONT
A PART OF MCCANN WORLDGROUP

8. Finally
“Attractive things work better”
Donald Norman, Emotional Design
“Users trust web sites that are well
designed”
(and ones that appear at the top of search
Peter Morville, Ambient Findability
results!)
Thank you!
MEDIAFRONT
A PART OF MCCANN WORLDGROUP