3 usability and homepage key success factors [day1 module3]

886 views

Published on

JITOA Workshop - Part 3

Website Promotion - Tourism

Published in: Travel, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
886
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • e.g. for a dive resort, or a culinary experience, or a canopy walk, or a jungle trekking adventure travel agent compare for example: http://www.balidiving.com/, and http://www.prodivebali.com/ And how not to….: http://www.palawandg.clara.net/index.html
  • 3 usability and homepage key success factors [day1 module3]

    1. 1. Usability and Homepage key success factors <ul><li>Website Promotion Workshop </li></ul><ul><li>:: Tourism sector </li></ul><ul><li>January, 2012 </li></ul><ul><li>:: Alfons van Duijvenbode </li></ul>
    2. 2. <ul><li>Usability key factors </li></ul><ul><ul><ul><ul><li>Good practices & bad practices </li></ul></ul></ul></ul><ul><li>Homepage key factors </li></ul><ul><ul><ul><ul><li>Good practices & bad practices </li></ul></ul></ul></ul><ul><li>Assignment </li></ul>Agenda
    3. 3. Definitions of usability <ul><li>... the ease with which people can employ a tool in order to achieve a particular goal ... </li></ul><ul><li>...the perception of a target user of the effectiveness (fit for purpose) and efficiency (time required to use) of the interface </li></ul><ul><li>... the ease to learn by observing and doing intuitively ... </li></ul>
    4. 5. Usability factors <ul><li>Browser compatibility </li></ul><ul><li>Navigation </li></ul><ul><ul><ul><ul><li>On every page </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Always offer a ‘home’ .. … </li></ul></ul></ul></ul><ul><ul><ul><ul><li>… .and keyword search </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Main menu < 9 buttons </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Most important service after home </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Submenu (1 level down), in main menu or left panel </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Bread crumbs… </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Fat footer </li></ul></ul></ul></ul>show show show show show show show
    5. 13. A good practice… menu
    6. 14. Submenu
    7. 15. Submenu Mega menu
    8. 16. Submenu Mega menu
    9. 19. Usability factors <ul><li>Prioritization of space, use of prime property </li></ul><ul><li>“… above the fold” (60% does not scroll…) </li></ul><ul><li>Readability (font type, size, clutter and contrast) </li></ul><ul><li>Predictable (underlined, link or download..?) </li></ul><ul><li>Resolution (1024 x 768) </li></ul>show show show show
    10. 25. >> Too wide…. Horizontal scrolling
    11. 26. Too narrow…. 800x600
    12. 27. The homepage secret…. <ul><li>Customer focused </li></ul><ul><ul><ul><ul><li>Match the profile and need, language, search </li></ul></ul></ul></ul><ul><li>Leading to completion of your goals! </li></ul><ul><ul><ul><ul><li>Calls to action! </li></ul></ul></ul></ul><ul><li>Engage, excite, convince and convert your visitor into a customer (AIDAS) </li></ul><ul><ul><ul><ul><li>Image (slider), value proposition, tagline, your main offer, social media (video), interaction </li></ul></ul></ul></ul><ul><li>Build trust and pull them deeper into your site, in less than 8 seconds… </li></ul><ul><ul><ul><ul><li>Testimonials, tripadvisor widget, member of… </li></ul></ul></ul></ul>
    13. 28. A good practice…
    14. 29. Another good practice… AIDAS Customer focus Customer focus Conversion
    15. 30. Another good practice… Conversion Engagement Interaction AIDAS Action Customer focused AIDAS Engagement Action Customer focused Video Product offer!
    16. 31. … . Use of pictures
    17. 32. … . Use of pictures
    18. 34. <ul><li>Why important? </li></ul><ul><li>Images draw the attention of your visitors! </li></ul><ul><li>Good quality & appealing pictures  create a desire to experience </li></ul><ul><li>Tips / suggestions </li></ul><ul><li>Use pictures that reinforce the message </li></ul><ul><li>Relate to your objectives and target groups </li></ul><ul><ul><li>show the product (detail) and the people </li></ul></ul><ul><ul><li>show the experience / action / emotion </li></ul></ul>Images / tips Centre for the Promotion of Imports from developing countries | April, 2011 show show
    19. 35. <ul><ul><li>Image rotator (slider) for the Home </li></ul></ul><ul><ul><li>Faces draw more attention </li></ul></ul><ul><ul><li>Smart images (people follow the eyes of person) </li></ul></ul><ul><ul><li>Heat maps: http://www.feng-gui.com/ </li></ul></ul><ul><ul><li>Popular photo sharing sites: e.g. www.flickr.com </li></ul></ul><ul><ul><li>Mind copy rights / gain permission </li></ul></ul><ul><ul><li>Mind the file size and resolution: 72 PPI </li></ul></ul><ul><ul><li>Maximum of 2 to 3 standardized image sizes, e.g: </li></ul></ul><ul><ul><ul><li>Thumbnail: 150x150 </li></ul></ul></ul><ul><ul><ul><li>Medium: 300x200 </li></ul></ul></ul><ul><ul><ul><li>Large: 600x400 </li></ul></ul></ul>Images / tips Centre for the Promotion of Imports from developing countries | April, 2011 show Next >
    20. 41. What draws your attention? Smart imaging
    21. 42. What draws your attention? Smart imaging
    22. 43. What draws your attention now? Smart imaging
    23. 44. What draws your attention now? Smart imaging
    24. 45. … and a bad practice
    25. 46. … and another bad practice
    26. 47. … . Use of pictures
    27. 48. Assignment

    ×