(A Better) User Interface Design Process

Transcript

1. UI Design Process (a  better)

2. 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

3. Do your research. Talk to stakeholders. Talk to users. Talk

   to your developers. Focus. Research, inform, ask 1 Mr.  Craig  Tweedy

4. 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

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

6. Now jump into <insert favourite tool> 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

7. patternry.com ui-­patterns.com

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

9. 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!)

10. It  doesn’t  need  to  be  made  out  of  leather.  

    But  it  should  at  least  make  sense.  

11. Happy users (i.e. customers) Happy clients. Happy developers. Happy you.

    Job’s a good’un. :) Happy people! 5

12. THAAAANKS! Any  questions?