Notation for gestural interface systems that use input devices or gestural recognition for interpreting human body movement and other attribute recognition for input.

Notation for systems that use touch screen interfaces for input.

If you're looking for gifts for your team, Nick Finck has once again rounded up a massive list of gear for UX geeks. Thanks, Nick.

I made a minor update to the OmniGraffle UX Template. The grids were screwed up in the last update I made, so snapping wasn't working. Some guides were also pretty sloppy, so I cleaned those up as well to keep things nice and neat.

Using InstaCSS is a much easier way to look up CSS docs than Googling. Enter a CSS property in the search box in the right, and the panel below dynamically shows matching properties. Simple.

Theresa Neil's forthcoming O'Reilly book, Mobile Design Pattern Gallery is set to be released very soon. Theresa launched a site to go along with the book that includes a gallery of 70 user interface design patterns for mobile devices with 400+ supporting examples from iOS, Android, BlackBerry, WebOS, Windows Mobile, and Symbian applications.

Reframer is a collaborative web app for collecting and analyzing qualitative data. You start by capturing data into the app—things like customer feedback, free text responses in surveys, emails, interviews, and usability test data. The system then uses the aggregated information and provides a view reframed with quantitative values based on a significance rating that team members apply. These values can also be used to prioritize issues to assess feasibility. The metadata additionally allo

In case you haven't checked it out, the Interaction-Design.org Foundation is an outstanding project started by Mads Soegaard and Rikke Dam to create free and open educational materials for the HCI and IXD communities. The Encyclopedia of Human-Computer Interaction is the main project, where they've engaged professors and designers to contribute chapters that include HD video and commentary.

The collection of transitions is clustered into 6 different categories: Orientation, Spatial Extension, Awaking Controls (Awakening?), Highlight, Feedback, and Feedforward. His description of the effectiveness of each transition forms a pattern-like-library for motion in interface design. Each transition provides a short summary and abstract animation on the category overview. Be sure to click each item to view a detailed view that provides a description of the transition, explanation of when it

Sauce Labs provides browser testing services for front end development and quality assurance. Their Scout service lets you test your public or private web app in any browser via a VM that's run in the cloud. Enter a URL to test, select an OS and browser, and a virtual machine runs in the web page so you can test in that configuration on demand. Scout can record and save screenshots and video of every session, and they can can be shared, embedded etc. with a dev team, which is nice for bug repo

Usabilla is one of the remote, unmoderated usability test services I've reviewed and used in the past (full disclosure: they also now sponsor this site). They've added mobile testing to their remote, unmoderated testing service. The new feature lets users participate by using their smartphones or tablets to test the screenshots or urls you specify in each task or scenario.

animate.css is a stylesheet created by Dan Eden for doing common, cross-browser css3 animations for things like transitions for emphasis. To use them in your project, simply add add the stylesheet and link, add a class to an element, or call the animation yourself in your CSS file.

The Steedicons set by Kyle Steed contains 300+ hand drawn icons available as a font or in vector format (.ai, .eps, .csh) for Illustrator, Photoshop, or the wireframing tool of your choice. The bold, sketchy icons would would work perfectly in Balsamiq Mockups or alongside the Konigi Sketch stencils.

The Doodlekit Icons set contains 700+ hand-drawn icons for use in sketch-style wireframes. You can buy them in vector format to use in the design tool of your choice, or download the free set of 32 x 32 px PNGs.

The Doodlekit Icons set contains 700+ hand-drawn icons for use in sketch-style wireframes. You can buy them in vector format to use in the design tool of your choice, or download the free set of 32 x 32 px PNGs.