Web Design: Tools to improve usability & interaction

WebsiteMagazine.com's April 2014 issue has an article that lists the top 20 tools that you can use to increase usability and interaction on your website: Here they are:

  1. Type Scale — provides optimal sizing from a base scale.
  2. Animatron — powerful HTML5 tool for animation and interactive content
  3. The Ginger Project — Use to create "explainer video" for anyhting that needs explaining
  4. Duo — Web browser that lets users view both desktop and mobile versions of responsive websites
  5. Adaptive Backgrounds — jQuery plugin for extracting colors from images to apply to secondary layout
  6. Layrs Control — Free Photoshop extension that improves workflow
  7. Origami — Quartz Composer toolkit for interactive design, prototyping that doesn't require any advanced programming knowledge
  8. Social Kit — Photoshop plugin; create cover images for the likes of Facebook, Google, Twitter and YouTube.
  9. Readymag — A simple web publishing tool for any kind of storytelling from presentations to rich media magazines and microsites.
  10. Magnifier.js — A JavaScript library for creating a magnifying glass effect on your images.
  11. Pinegrow — An App for Windows and Mac for fast mock ups.
  12. The Titon Toolkit — A collection of UI components for creating responsive, mobile and modern websites, including tools for HTML5, CSS3, Sass, JavaScript, jQuery and more.
  13. Min — A tiny (less than a kilobyte) CSS Framework that includes buttons and typography.
  14. The Pattern Library — A listing of a free set of patterns offered by leading designers.
  15. Scrollmagic — A jQuery plugin for creating advanced scroll interactions
  16. Flaticon — A huge listing of downloadable vector icons
  17. Mozilla's Appmaker — A drag and drop mobile app  creator
  18. DiagnostiCSS — Makes it simple to detect inaccessible or invalid HTML markup.
  19. Raw — Open source web app that lets users crate vector-based visulaizations
  20. UsabilityHub — A suite of usability tools that makes it easier to test the effectiveness of website designs.
If you want to know what these all are — go to the article.

Comments

Popular Posts