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:
- Type Scale — provides optimal sizing from a base scale.
- Animatron — powerful HTML5 tool for animation and interactive content
- The Ginger Project — Use to create "explainer video" for anyhting that needs explaining
- Duo — Web browser that lets users view both desktop and mobile versions of responsive websites
- Adaptive Backgrounds — jQuery plugin for extracting colors from images to apply to secondary layout
- Layrs Control — Free Photoshop extension that improves workflow
- Origami — Quartz Composer toolkit for interactive design, prototyping that doesn't require any advanced programming knowledge
- Social Kit — Photoshop plugin; create cover images for the likes of Facebook, Google, Twitter and YouTube.
- Readymag — A simple web publishing tool for any kind of storytelling from presentations to rich media magazines and microsites.
- Magnifier.js — A JavaScript library for creating a magnifying glass effect on your images.
- Pinegrow — An App for Windows and Mac for fast mock ups.
- 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.
- Min — A tiny (less than a kilobyte) CSS Framework that includes buttons and typography.
- The Pattern Library — A listing of a free set of patterns offered by leading designers.
- Scrollmagic — A jQuery plugin for creating advanced scroll interactions
- Flaticon — A huge listing of downloadable vector icons
- Mozilla's Appmaker — A drag and drop mobile app creator
- DiagnostiCSS — Makes it simple to detect inaccessible or invalid HTML markup.
- Raw — Open source web app that lets users crate vector-based visulaizations
- UsabilityHub — A suite of usability tools that makes it easier to test the effectiveness of website designs.



Comments