README.md

10 Drupal UX Powerups

• 1. LOGIN/REGISTRATION

  • LOOK AT http://useronboard.com
  • USE https://www.drupal.org/project/logintoboggan
  • TRY https://www.drupal.org/project/email_registration , https://www.drupal.org/project/remember_me , https://www.drupal.org/project/hybridauth

• 2. FORM VALIDATION

  • LOOK AT www.rosenfeldmedia.com/books/web-form-design/
  • USE https://www.drupal.org/project/ife , https://www.drupal.org/project/clientside_validation (with caution), email, date etc (+ https://www.drupal.org/project/entity_form or https://www.drupal.org/project/webform )
  • TRY: https://www.drupal.org/project/tipsy, https://www.drupal.org/project/stringoverrides , https://www.drupal.org/project/beauty_tips

• 3. ERROR MESSAGES

  • LOOK AT www.voiceandtone.com
  • USE https://www.drupal.org/project/disable_messages (with caution!) TRY: https://www.drupal.org/project/stringoverrides, https://www.drupal.org/project/customerror (pay attention to your 404s!), https://www.drupal.org/project/logintoboggan, https://www.drupal.org/project/styleguide, https://www.drupal.org/project/pathauto

• 4. SOCIAL INFORMATION

  • LOOK AT twitterm and FB validators
  • USE https://www.drupal.org/project/seo, https://www.drupal.org/project/metatag

• 5. COMMENTS

  • USE Settings to remove title + amend theme: or Disqus/Livefyre (e.g. https://www.drupal.org/project/disqus ): https://www.drupal.org/project/mollom is good, https://www.drupal.org/project/honeypot

• 6. MENUS & NAVIGATION

  • LOOK AT www.patterntap.com
  • USE https://www.drupal.org/project/taxonomy_menu / https://www.drupal.org/project/menu_block / https://www.drupal.org/project/menu_trail_by_path / https://www.drupal.org/project/pathauto . And https://www.drupal.org/project/site_map!
  • TRY https://www.drupal.org/project/superfish, https://www.drupal.org/project/up_to_top

• 7. EMAIL MESSAGING

  • LOOK AT www.reallygoodemails.com
  • USE https://www.drupal.org/project/mimemail + https://www.drupal.org/project/mailsystem, https://www.drupal.org/project/htmlmail, info in system emails, sender.
  • TRY Mailchimp , sendgrid

• 8. SORTING & FILTERING

  • LOOK AT www.patterntap.com
  • USE https://www.drupal.org/project/better_exposed_filters (and views)

• 9. USER PROFILE

  • USE https://www.drupal.org/project/profile2, Views, Logintoboggan/ https://www.drupal.org/project/login_destination

• 10. READABILITY

• USE WSYWIG with style, https://www.drupal.org/project/glossary, https://www.drupal.org/project/tipsy , https://www.drupal.org/project/beautytips

Honorable mentions

• Block titles: https://www.drupal.org/project/block_title
• Search: https://www.drupal.org/project/search_api + https://www.drupal.org/project/facet_api (though needs solr)
• Making pages for print: https://www.drupal.org/project/print
• Connecting things with each other: https://www.drupal.org/project/entity_reference
• Form actions: https://www.drupal.org/project/workflow / https://www.drupal.org/project/workbench
• Performance: https://www.drupal.org/project/memcache / https://www.drupal.org/project/varnish

Wider UX considerations

• Usability testing
  • www.techsmith.com/morae.html
  • www.silverbackapp.com
  • www.airsquirrels.com/reflector/
  • www.whatusersdo.com
  • www.usertesting.com
  • www.gotomeeting.com
• Device testing
  • http://www.browserstack.com/
• Setting the foundation
  • www.axure.com
  • www.omnigroup.com/omnigraffle
• Optimising and A/B testing
  • www.vwo.com
  • http://www.optimalworkshop.com/
  • www.google.com/analytics
  • www.cooper.com/prototyping-tools
  • www.optimizely.com
  • www.clicktale.com/
  • www.acquia.com/products-services/website-personalization
  • www.amazon.com/Designing-Obama-Scott-Thomas

##BONUS: GIFS!