10 ux design hacks

17
10 UX Design Hacks Ross Chapman @skysoclear #DigiHants

Upload: skysoclear

Post on 22-Jan-2018

848 views

Category:

Design


0 download

TRANSCRIPT

Page 1: 10 UX Design Hacks

10 UX Design HacksRoss Chapman @skysoclear #DigiHants

Page 2: 10 UX Design Hacks

User Experience Design is an approach to design that takes into account all the aspects of a product or service with the user.

- John Amir-AbbassiSenior User Researcher at Dropbox

Page 3: 10 UX Design Hacks

Hack: 1. n. Originally, a quick job that produces what is needed, but not well.

http://www.catb.org/jargon/html/H/hack.html

Page 4: 10 UX Design Hacks

1. Start usability testing today

peek.usertesting.com

Usability Testing

Page 5: 10 UX Design Hacks

2. Prototype with PowerPoint?!?

powermockup.com

Prototyping

Page 6: 10 UX Design Hacks

3. Know thy user

xtensio.com/user-persona/

User Personas

Page 7: 10 UX Design Hacks

4. Print a planuxrecipe.github.io

uxchecklist.github.io

UX design process

Page 8: 10 UX Design Hacks

5. Automatic style guide goodness

stylifyme.com

Style Guide

Page 9: 10 UX Design Hacks

6. Plan without Post-its :prealtimeboard.com

User journeys, brainstorm etc.

Page 10: 10 UX Design Hacks

7. Use paperFor mobile and tablet devices

Page 11: 10 UX Design Hacks

8. Design with Data

● Add tracking code● Admin > Property Settings >

In-page● Get the Chrome extension Enhanced Link Attribution in Google Analytics

Page 12: 10 UX Design Hacks

9. Bootstrap a Pattern Library

getbootstrap.com

Design Guidelines

Page 13: 10 UX Design Hacks

10. Anyone is better than no-

oneGrab anyone and observe

● First impressions - just watch

● See if they follow your user journey

● Record the session - so much good stuff!

Page 14: 10 UX Design Hacks

For me UX design is so much more than just designing for a screen. The user experience is impacted by decisions made across an organisation from the boardroom to the way a developer codes for performance.

- Paul Boag UX Consultant of Boagworks

Page 15: 10 UX Design Hacks

Post-hack

Business

● Include design in business decisions

● Use your own product/service

● Start with the customer experience and work back

Designers

● Open up the process● Challenge everything● Build, Measure, Learn (and

Share)

Page 16: 10 UX Design Hacks

Get weekly insights!getrevue.co/profile/skysoclear

Page 17: 10 UX Design Hacks

Thank you!Ross Chapman @skysoclear #DigiHants