I am looking for my next challenge. Check out my CV and Get in Touch

UX / UI Tools – Everything you’ll ever need

TLDR: A UX designers guide to enhance their skills. How to conduct a content audit using user personas , how to create experience maps that explore user behaviour and emotions and finally a downloadable toolkit containing essential UX tools like mobile interface templates, icon templates, and wireframing tools.

Sharpen your toolbox

To provide a quality UX service  for companies small and (very) large you need to supply yourself without the right kit. Once you’ve gone beyond the usual suspects (MacBook, dual screens, sketchbook, etc) there come the need for a current and useable digital toolbox.

Here I have attached the necessary downloads to get you moving. This includes, by far, the most popular tools you’ll need:

As with all edge cases, you may be asked to design an interface for the next generation Smart TV, that is unusual and isn’t included here. This is for you thousands of UI designers of iOS and Android apps and mobile web interfaces. You know, the ones for the masses.

Mobile GUI PSD

The first of the big two

There is a difference between Froyo, Gingerbread and the 4.2 Jelly Bean. At the moment this Jelly Bean PSD is my favourite. Download here: 37.8Mb many layers

Android_FroyoGingerbread_GUI_PSD2

Your slice of Apple pie

I don’t claim credit for this, please thank Teehan + Lax. These guys are genius and have provided the best GUI PSD. See for the originals:

Downloads | Teehan+Lax

www.teehanlax.com/downloads/
Android_FroyoGingerbread_GUI_PSD
iPad Retina GUI PSD
 

The 9 slice rule

The professional wireframers choice

Icon Templates

iconTemplate

 

This is very so useful.

If you find yourself spending hours ‘pushing pixels’ about while trying to downscale and upscale icons for various screen sizes and platform, then you’ll love this. Standardise your icon palette from the largest (256px) to the smallest (32px). With this template you can design once and simply Save for web by halving the pixels each time i.e. 128px, 96px, 64px, 32px and finually 16px (I wouldn’t go smaller). It like playing darts, you can’t throw an out-show from an odd numbers. Same for Icon Design, you can’t half a pixel, so keep you designs tight and within this template

Icon-Template-124px.psd

RussellWebbDesign: Get your fill of UX trends, case studies and best practice