UI Design Process (a  better) 

A bit of background... I’m Lauren Thompson UI/UX Designer at hedgehog lab Front-end developer Moonlight freelancer All over the Twitters (@lrnn) www.iliketheuniverse.co.uk 

Do your research. Talk to stakeholders. Talk to users. Talk to your developers. Focus. Research, inform, ask 1 Mr.  Craig  Tweedy 

Get away from your screen. Start on paper. Don’t restrict yourself. It doesn’t have to be ‘pretty’ Get creative. Sketch, scribble, throw away 2 

Balsamiq  –  rapid  fire  prototyping Pencil,  paper,  coloured  pencils!   

Now jump into Pin down key interactions. Perfect your layouts. Create solid foundations for your design. You don’t have to reinvent the wheel. Refine the details 3 

patternry.com ui-­patterns.com 

KeynoteKungF u  -­  www.keynotekungfu.com Photoshop  (great  for  pixel  pushing) 

You’ve got solid foundations, now make it ‘shine’ Choose colours wisely. Get inspired * Don’t overcompensate for shitty UX with overdone design. Be intuitive – do what feels and looks good. Polish the pixels. 4 * (that doesn’t mean stealing trendy ideas from dribbble!) 

It  doesn’t  need  to  be  made  out  of  leather.   But  it  should  at  least  make  sense.   

Happy users (i.e. customers) Happy clients. Happy developers. Happy you. Job’s a good’un. :) Happy people! 5 

THAAAANKS! Any  questions?