Refresh Detroit - 9/19/12

Wednesday, September 19, 12

TIMEOUT Wednesday, September 19, 12

> Wednesday, September 19, 12

What is the secret to creating a great experience? Wednesday,
September 19, 12

S T E P 1 Find a book you're interested
in Wednesday, September 19, 12

S T E P 1 S T E P 2
Find a book you're interested in Add book to your cart Wednesday, September 19, 12

S T E P 1 S T E P 2
S T E P 3 Find a book you're interested in Add book to your cart Login and Check out your book Wednesday, September 19, 12

S T E P 4 Get a download link Wednesday,
September 19, 12

S T E P 4 S T E P 5
Get a download link Boot up Windows Wednesday, September 19, 12

S T E P 4 S T E P 5
S T E P 6 Get a download link Boot up Windows Download proprietary software Wednesday, September 19, 12

S T E P 7 Install software Wednesday, September 19,
12

S T E P 7 S T E P 8
Install software Get cryptic error Wednesday, September 19, 12

S T E P 7 S T E P 8
S T E P 9 Install software Get cryptic error Google cryptic error Wednesday, September 19, 12

S T E P 1 0 Learn that you need
an updated security certiﬁcate Wednesday, September 19, 12

S T E P 1 0 S T E P
1 1 Learn that you need an updated security certiﬁcate Open Windows Media Player Wednesday, September 19, 12

S T E P 1 0 S T E P
1 1 S T E P 1 2 Download new security certiﬁcate Learn that you need an updated security certiﬁcate Open Windows Media Player Wednesday, September 19, 12

S T E P 1 3 Learn that you need
to update Windows Media Player Wednesday, September 19, 12

S T E P 1 3 S T E P
1 4 Learn that you need to update Windows Media Player Download and Install update Wednesday, September 19, 12

S T E P 1 3 S T E P
1 4 S T E P 1 5 Learn that you need to update Windows Media Player Download and Install update Reboot Windows Wednesday, September 19, 12

S T E P 1 6 Start up Overdrive Media
Player Wednesday, September 19, 12

S T E P 1 6 S T E P
1 7 Get another cryptic error message Start up Overdrive Media Player Wednesday, September 19, 12

S T E P 1 6 S T E P
1 7 S T E P 1 8 Get another cryptic error message Insert profanity Start up Overdrive Media Player Wednesday, September 19, 12

S T E P 1 9 Give up on stupid
library Wednesday, September 19, 12

S T E P 1 9 S T E P
2 0 Give up on stupid library Open Bit torrent site Wednesday, September 19, 12

S T E P 1 9 S T E P
2 0 Give up on stupid library Open Bit torrent site S T E P 2 1 Click download Wednesday, September 19, 12

S T E P 2 2 Enjoy your audio book

se·lect·list [si-lekt-list] Wednesday, September 19, 12

se·lect·list [si-lekt-list] ??? Wednesday, September 19, 12

Nit-picking [nit-pi-king] Nitpicking is the act of removing nits (the
eggs of lice, generally head lice) from the host's hair. Wednesday, September 19, 12

I CLEVELAND Wednesday, September 19, 12

They don’t care Wednesday, September 19, 12

What is the secret to creating a great experience? Wednesday,
September 19, 12

You have to care. Wednesday, September 19, 12

<fieldset> <label for="login">Username or Email</label> <input autocapitalize="off" autocorrect="off" class="text-input" id="login"
name="login" tabindex="1" type="text" value="" /> </fieldset> Wednesday, September 19, 12

Instapaper Wednesday, September 19, 12

2048 x 1536 1280 x 800 1024 x 600 iPad
Galaxy Tab 10.1 Kindle Fire (1024 x 768) Wednesday, September 19, 12

Platform Characteristics Interfacing with the Hardware Interface Design Elements Understand
Design Patterns Best Practices Wednesday, September 19, 12

tap double tap swipe pinch tap and hold Wednesday, September
19, 12

Interfacing with the Hardware Wednesday, September 19, 12

iPhone Android Wednesday, September 19, 12

Interface design elements Wednesday, September 19, 12

Design Patterns Wednesday, September 19, 12

an accent like a simple one-pixel stroke may look terrific
on Android devices with a high resolution, “then we pull out a handful of older devices and it just looks bad.” Hipmunk generates its Android assets at three resolutions: 1x for older devices, 2x for high-resolution devices, and an awkward 1.5x resolution for other devices — a necessity to avoid “weird artifacting,” as Campos puts it. But some developers may skip this high level of support for outlier devices, leading to blurry, jaggy visuals for an unlucky few. http://www.wired.com/gadgetlab/2012/04/easier-design-apps-ios/ Wednesday, September 19, 12

Best Practices Wednesday, September 19, 12

Don’t let the UI hinder the experience Wednesday, September 19,
12

Elevate the content people care about Wednesday, September 19, 12

Know where you are Wednesday, September 19, 12

Seek ’n Spell Wednesday, September 19, 12

Avoid forcing a user to rotate the device Wednesday, September
19, 12

Avoid creating new touch gestures Report adult content to Apple

Avoid creating new touch gestures Wednesday, September 19, 12

Avoid help Wednesday, September 19, 12

http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html Apple iOS http://developer.android.com/guide/practices/ui_guidelines/index.html http://developer.android.com/design/index.html Android http://docs.blackberry.com/en/developers/deliverables/17965/index.jsp?name=UI+Guidelines+-+BlackBerry +Smartphones6.0&language=English&userType=21&category=Java+Development+Guidelines&subCategory= BlackBerry http://msdn.microsoft.com/en-us/library/hh202915(v=VS.92).aspx
Windows Phone 7 Wednesday, September 19, 12

Thank You colbowdesign.com @bradcolbow Wednesday, September 19, 12

speakerdeck.com/u/bcolbow colbowdesign.com @bradcolbow Wednesday, September 19, 12

Refresh Detroit - 9/19/12

Refresh Detroit - 9/19/12

More Decks by Brad Colbow

Other Decks in Design

Featured

Transcript