RT Nagar Call Girls Service: đ 7737669865 đ High Profile Model Escorts | Bang...
Â
Design for the iPad
1. kicker KICKER. [KIK-er] noun. 1. One who kicks. 2. An unexpected twist. 3. In poker, a high-value card used as a
tie-breaker. 4. In football, the player who drills it though the uprights when the game is on the line. 5. In
extreme sports, a ramp used to launch oïŹ of. 6. In design, a brief phrase or sentence lead-in to a story or
chapter. 7. In product design, a consulting ïŹrm that smashes through convention.
1
2. kicker
Design for the iPad
Hacks/Hackers Unite, May 22, 2010
2
Hi, IÊŒm Jennifer Bove. IÊŒm a Founder and Principal at Kicker Studio.
WeÊŒre a product design studio specializing in design for emerging technologies, most notably touch screens and gestural interfaces.
3. 3
We recently ïŹnished a project close to home for this event, about storytelling on tablets. We collaborated with publishing group Bonnier to investigate the future of digital magazines, and how
to design for the deeper engagement levels possible on a touch-screen tablet.
5. traditional computing image
Old-School Computing
5
WeÊŒre used to sitting at desks, using keyboard, mouse (and the occasional command lines.)
6. Gestures can be read without traditional input devices like a mouse, stylus or physical button.
6
Now we can use our ïŹngers to directly manipulate objects on screen - who needs a mouse?
7. mediated experiences
7
The old-school mouse and keyboard provide mediated experiences.
8. 8
As our technologies have advanced, weÊŒve learned to use tools to express ourselves.
9. 9
These tools are controlled. Exact. And can require some serious skills.
13. Photo courtesy Scott Beale/Laughing
13
They provide a tactile, satisfying feeling.
14. 14
And technology-enabled gestures--- can feel like magic.
Gestural interactions are removing the artiïŹcially-mediated interactions we created to work with technology in the ïŹrst place. Our advances in technology have blown away the problems that
the mouse & keyboard were created to solve.
18. iPad != mini laptop
âą A mobile device thatâs a bit computer like
âą A smart object thatâs a blank slate, literally
âą Meant to be used out in the world
18
The iPad is less like a computer youâve liberated from the desktop and more like a device that can do some computer-like things. It has high-res, rich graphics, applications &
wiïŹ, but itâs singularly focused and GSM enabled like a mobile phone. Itâs a smart object - it knows where it is, how itâs itâs tilted and which end is up. Its form factor - literally a
blank slate - removes social barriers and barriers of use.
19. Photo courtesy Moka Pantages
19
Itâs portable, although most say itâs easiest to use with 2 hands, or propped up on a
lap.
21. Photo courtesy Moka Pantages
21
Itâs more social than either the laptop or the mobile phone. Sharing is as easy as handing it over.
22. Photo courtesy Matt Biddulph
22
Of course then thereÊŒs also this -- the iPad glow makes it a tricky thing to use outdoors.
23. iPad = leisure object
23
I see the iPad as a leisure object. ItÊŒs not as task driven as a cell phone, or designed for multitasking like a laptop. The larger screen and rich multi-media capabilities make it more akin to
print than web.
25. 25
And the apps that theyÊŒve designed for it. The iPadÊŒs size and affordances make it ideal for experiencing rich, immersive experiences, diving into books, magazines, newspapers, photos,
videos, etc.
26. 26
And the apps that are getting the most attention from consumers & media are also more immersive, leisurely experiences that reïŹect our ofïŹine behaviors a digital way.
ThereÊŒs convergence of the digital and physical that requires new thinking, incorporating metaphors and best practices from each.
28. Touch screen basics
âą One-handed, left-handed use
âą Fingers are less exact than cursors
âą Targets should be as close to user as possible
âą Touch targets donât have behavioral cues like mouse
over & hover states
âą Targets need to be of a reasonable size
28
Optimize for single hand use if possible. Beware of covering the screen with the hand. Targets need to look
touchable.
29. 25 mm 18 mm 13 mm 5 mm
Touch targets should be at least 10 mm
29
30. Screen orientation
âą Itâs a portable, physical object. Take advantage of that.
âą Very few interface cues on the form itself - feels natural both
horizontally and vertically.
âą How does the story shift in each orientation? Should the layout
be the same or diïŹerent?
30
Think about what makes sense in which view -- scrolling, width of the screen, depth of content.
32. Unmediated content
âą Rich canvas for story telling
âą Visuals as anchors, entry points into content
âą Use content as navigation wherever possible - donât crowd
interface with buttons and controls
âą Menus and contextual info in popups & overlays
32
Itâs the content that is the primary thing thatâs what makes it a video player vs a photo frame vs a newspaper vs a music player. The role of the device is to bring the content
closer to us.
35. Workflow
âą No multitasking - be prepared for interruption at any time
âą Users shouldnât lose work, get stuck mid-way through task, lose
place, start over
âą Consider the context & environment of use
35
The iPad can only run one app at a time (with a few exceptions). Work ïŹow needs to take this into account and allow for incremental feedback and results.
37. Connected
âą Large screen brings us closer to our stuïŹ
âą Sharing over oneâs shoulder, across the internet, based
on here and now
âą GPS, WiïŹ, GSM, compass â think of the possibilities
âą A new platform in an ecosystem of devices â not to be
designed in a vacuum
37
39. Interaction patterns
âą Itâs the wild west out there
âą Donât reinvent the wheel - it causes confusion
âą Top 3 usability problems - discoverability,
memorability, accidental activation
39
44. Survey Says:
Tap a photo to:
âą Enlarge the photo
âą Link to a more details page
âą Flip the image to reveal additional photos
âą Do nothing
44
Can anyone guess the right answer? Answer is, all of the above - depends on which app you use.
45. itâs just the beginning
of the story.
45
Design for touch devices, and the iPad in particular, is just getting started, and the possibilities are endless.
46. Thanks!
Kicker Studio
300 Brannan Street
Suite 207
San Francisco, CA 94107
ph. 415-796-3434
jennifer@kickerstudio.com
www.kickerstudio.com
@jenniferbove / @kickerstudio
46