Sei sulla pagina 1di 156

Thursday, January 12, 12

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
TIMEOUT

Thursday, January 12, 12


My website

Industry magazines

Long informative comics

Thursday, January 12, 12


What brings me here
today is my day job.

As I was having this


terrible experience with
the library I was just
starting in on my first

Thursday, January 12, 12


HTML

Thursday, January 12, 12


>
In order to have a successful digital
magazine it had to be better in some
way to its print counterpart.

Thursday, January 12, 12


If you look at digital music or books you
can make the argument that digital is
better because you can carry around
thousands of them with ease.
Thursday, January 12, 12
There were 2 things that we needed to
understand.

The first is we had to know the


differences bet ween these platforms
(iPad, Android, Windows Phone,
Blackberry)

The second is that we had to understand


how to make a great user experience
across platforms.

Thursday, January 12, 12


What is the secret to
creating a great
experience?

Thursday, January 12, 12


STEP 1
Find a book you're
interested in

Thursday, January 12, 12


STEP 1 STEP 2
Find a book you're
Add book to your cart
interested in

Thursday, January 12, 12


STEP 1 STEP 2 STEP 3
Find a book you're Login and Check out
Add book to your cart
interested in your book

Thursday, January 12, 12


STEP 4
Get a download link

Thursday, January 12, 12


STEP 4 STEP 5
Get a download link Boot up Windows

Thursday, January 12, 12


STEP 4 STEP 5 STEP 6
Download proprietary
Get a download link Boot up Windows
software

Thursday, January 12, 12


STEP 7
Install software

Thursday, January 12, 12


STEP 7 STEP 8
Install software Get cryptic error

Thursday, January 12, 12


STEP 7 STEP 8 STEP 9
Install software Get cryptic error Google cryptic error

Thursday, January 12, 12


STEP 10
Learn that you need an
updated security certificate

Thursday, January 12, 12


STEP 10 STEP 11
Learn that you need an Open Windows Media
updated security certificate Player

Thursday, January 12, 12


STEP 10 STEP 11 STEP 12
Learn that you need an Open Windows Media Download new security
updated security certificate Player certificate

Thursday, January 12, 12


STEP 13
Learn that you need to update
Windows Media Player

Thursday, January 12, 12


STEP 13 STEP 14
Learn that you need to update Download and Install
Windows Media Player update

Thursday, January 12, 12


STEP 13 STEP 14 STEP 15
Learn that you need to update Download and Install
Reboot Windows
Windows Media Player update

Thursday, January 12, 12


STEP 16
Start up Overdrive
Media Player

Thursday, January 12, 12


STEP 16 STEP 17
Start up Overdrive Get another cryptic
Media Player error message

Thursday, January 12, 12


STEP 16 STEP 17 STEP 18
Start up Overdrive Get another cryptic
Insert profanity
Media Player error message

Thursday, January 12, 12


STEP 19
Give up on stupid
library

Thursday, January 12, 12


STEP 19 STEP 20
Give up on stupid
Open Bit torrent site
library

Thursday, January 12, 12


STEP 19 STEP 20 STEP 21
Give up on stupid
Open Bit torrent site Click download
library

Thursday, January 12, 12


STEP 22
Enjoy your audio book

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
se·lect·list
[si-lekt-list]

Thursday, January 12, 12


se·lect·list
[si-lekt-list]

???
Thursday, January 12, 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.

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
I CLEVELAND

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
They don’t care

Thursday, January 12, 12


What is the secret to
creating a great
experience?

Thursday, January 12, 12


You have to care.

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 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>

Thursday, January 12, 12


Thursday, January 12, 12
Instapaper

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
iPad Motorola Xoom
Kindle Fire

1024 x 768 1280 x 800 1024 x 600

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Platform Characteristics
Interfacing with the Hardware
Interface Design Elements
Understand Design Patterns
Best Practices

Thursday, January 12, 12


tap double tap swipe

pinch tap and hold

Thursday, January 12, 12


Interfacing with the
Hardware

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
iPhone Android

Thursday, January 12, 12


iPhone Android

Thursday, January 12, 12


Thursday, January 12, 12
Interface design elements

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Design Patterns

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Best Practices

Thursday, January 12, 12


Don’t let the UI hinder the experience

Thursday, January 12, 12


Don’t let the UI hinder the experience

Thursday, January 12, 12


Elevate the content people care about

Thursday, January 12, 12


Elevate the content people care about

Thursday, January 12, 12


Elevate the content people care about

Thursday, January 12, 12


Know where you are

Thursday, January 12, 12


Seek ’n Spell

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Avoid forcing a user to rotate the device

Thursday, January 12, 12


Avoid forcing a user to rotate the device

Thursday, January 12, 12


Avoid creating new touch gestures

Report adult content to Apple

Thursday, January 12, 12


Avoid creating new touch gestures

Thursday, January 12, 12


Avoid help

Thursday, January 12, 12


Apple iOS
http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html

Android
http://developer.android.com/guide/practices/ui_guidelines/index.html

http://www.mutualmobile.com/2011/android-design-guidelines-version-1-1-honeycomb/

BlackBerry
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=

Windows Phone 7
http://go.microsoft.com/fwlink/?LinkID=183218

HP- Palm webOS


https://developer.palm.com/content/api/design/mojo/hi-guidelines.html

Thursday, January 12, 12


Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thursday, January 12, 12
Thank You
colbowdesign.com
@bradcolbow

Thursday, January 12, 12


Thank You
colbowdesign.com
@bradcolbow

Thursday, January 12, 12

Potrebbero piacerti anche