16
Graceful hacks Martin Belam Guardian Hack Day - July 2009

"Graceful Hacks" - UX, IA and interaction design tips for hack days

Embed Size (px)

DESCRIPTION

Putting a working hack together in just 24 hours is hard graft, and the emphasis on getting it to work may mean that user experience is not your primary concern. Especially when there is also usually the distraction of beer, pizza and Rock Band. We can't all be born beautiful and graceful, so here are some tips about how to avoid your hack looking like a hack.

Citation preview

Page 1: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Graceful hacksMartin BelamGuardian Hack Day - July 2009

Page 2: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Not everybody can be born naturally graceful

Page 3: "Graceful Hacks" - UX, IA and interaction design tips for hack days

The Yahoo! Design Pattern library is your friend

Page 4: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Peter Morville has a great collection of search designs

Page 5: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Drawing attention to changes...

<div id="my_brilliant_hack">       <blink>             ....        </blink></div>

Page 6: "Graceful Hacks" - UX, IA and interaction design tips for hack days

There are a limited number of article 'slots'

Page 7: "Graceful Hacks" - UX, IA and interaction design tips for hack days

This is the Google Adsense heat map

Page 8: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Think widescreen...

Page 9: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Think small screen...

Page 10: "Graceful Hacks" - UX, IA and interaction design tips for hack days

CSS frameworks might save you time

Page 11: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Labels are important to users

Page 12: "Graceful Hacks" - UX, IA and interaction design tips for hack days

We have a style guide

Page 13: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Smashing Magazine has lots of design resources

Page 14: "Graceful Hacks" - UX, IA and interaction design tips for hack days

The FamFamFam Silk icon set covers everything

Page 15: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Come and ask me...

delicious.com/currybet/#ghack2

Page 16: "Graceful Hacks" - UX, IA and interaction design tips for hack days

Graceful [email protected]: @currybet