Enhancing
TIPS ON:  internal search
Designing product detail
pages
The checkout process
Improving SEO - codewise
Kevin Mur...
Enhancing internal search
•   Use your internal search log
•   Use input hints and prompts    example

•   Auto suggest ex...
Product Detail Page
•   Provide as much relevant information
    possible
•   Use bullets and paragraph form example
•   W...
Checkout Process
•   Few steps as possible
•   Eliminate distractions
•   Don’t require registration to shop
•   dissappoi...
Checkout Process
• Provide access to help/assistance
• Provide a progress bar
• Allow review of order
• Don’t take custome...
SEO - codewise
•   Keep file size down
•   Good content to code ratio
•   Relevant content
•   Lots of links - without spam...
SEO - codewise
• HTML5 + CSS3 for smaller file size
• Accessibility
• Reachable from at least one static link




MEDIAFRON...
Finally

 “Attractive things work better”
Donald Norman, Emotional Design
 “Users trust web sites that are well
 designed”...
Upcoming SlideShare
Loading in...5
×

Tips and good practices for the buying process and SEO

817

Published on

Published in: Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
817
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Tips and good practices for the buying process and SEO

  1. 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. 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. 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. 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. 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. 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. 7. SEO - codewise • HTML5 + CSS3 for smaller file size • Accessibility • Reachable from at least one static link MEDIAFRONT A PART OF MCCANN WORLDGROUP
  8. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×