Joseph C Lawrence
•   What is User Experience (UX) design?
•   Why Wordpress?
•   First steps – Domain names and installation
•   Basic Usability
•   Copy/Text – the UX of reading
•   Images & galleries
•   Web Video – the future of TV
•   Maps – location, location, location
•   The social ‘layer’
•   Delight (the emotional icing on top)
What is
User Experience
(UX) design?
Why
Wordpress?
Turn this:

      [cuber_shortcode]


Into this:
Go Mobile
First steps
Domain names and
installation
Register your own domain. It costs
about R100 per year for the name,
and can be as cheap as R19 per
month for hosting.
Wordpress has a famous 5 minute
install. Easier on Hetzner with 1 click
install.
Basic
Usability
Links should look like links
The logo should be linked home
Navigation should be clear and
obvious
Copy/Text:
the UX of reading
Use plugins to paginate – good for
UX, good for ad impressions 


    http://wordpress.org/extend/plugins/wp-paginate/




    http://wordpress.org/extend/plugins/wp-pagenavi/
Use plugins to break up content into
tabs and accordions




    http://wordpress.org/extend/plugins/wp-pagenavi/
Use plugins to break up content into
tabs and accordions




    http://wordpress.org/extend/plugins/wp-pagenavi/
Lots of themes come with this stuff
pre-packaged, or use one of the
following plugins:




  http://wordpress.org/extend/plugins/thethe-tabs-and-accordions/


  http://wordpress.org/extend/plugins/j-shortcodes/
Images
& galleries
Easy FancyBox




http://wordpress.org/extend/plugins/easy-fancybox/
Lightbox Plus




http://wordpress.org/extend/plugins/lightbox-plus/
Galleria galleria




http://wordpress.org/extend/plugins/galleria-galleria/
Nextgen Gallery




http://wordpress.org/extend/plugins/nextgen-gallery/
Slickr Flickr




http://wordpress.org/extend/plugins/slickr-flickr/
Web Video
the future of TV
TubePress




   http://wordpress.org/extend/plugins/tubepress/
Maps
location, location,
location
MapPress




 http://wordpress.org/extend/plugins/mappress-google-maps-for-wordpress/
WP Geo




     http://wordpress.org/extend/plugins/wp-geo/
Wordpress Geo Mashup




      http://wordpress.org/extend/plugins/geo-mashup/
Wordpress Geo Mashup




      http://wordpress.org/extend/plugins/geo-mashup/
Wordpress Geo Mashup




      http://wordpress.org/extend/plugins/geo-mashup/
Wordpress Geo Mashup




      http://wordpress.org/extend/plugins/geo-mashup/
Wordpress Geo Mashup




      http://wordpress.org/extend/plugins/geo-mashup/
WooThemes Postcard




      http://www.woothemes.com/2010/01/postcard/
WooThemes Postcard




      http://www.woothemes.com/2010/01/postcard/
WooThemes City Guide




      http://www.woothemes.com/2010/03/cityguide/
The social ‘layer’
Digg Digg




http://wordpress.org/extend/plugins/digg-digg/
Facebook Comments




http://wordpress.org/extend/plugins/facebook-comments-plugin/
Simple Facebook Connect




http://wordpress.org/extend/plugins/simple-facebook-connect/
Simple Twitter Connect




   http://wordpress.org/extend/plugins/simple-twitter-connect/
Latest Twitter Sidebar Widget




   http://wordpress.org/extend/plugins/latest-twitter-sidebar-widget/
Delight
(the emotional icing
on top)
The best experiences are EMOTIONAL.
These are the ones that you remember.
That make you tell your friends.
That make you come back for more.
Check out http://travelogic.intios.com/
Check out http://travelogic.intios.com/
Check out http://blog.vtravelled.com/
Even Matador is Wordpress!
Remember:
Always, always
think about the
experience first
Finito!

          joe@clickshape.com

     @josephclawrence


…Questions?

Wordpress customisation for travel blogs