• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
The Multi-Layered iPad
 

The Multi-Layered iPad

on

  • 3,815 views

 

Statistics

Views

Total Views
3,815
Views on SlideShare
2,709
Embed Views
1,106

Actions

Likes
4
Downloads
0
Comments
0

9 Embeds 1,106

http://www.capndesign.com 868
http://www.psfk.com 115
http://dj.riceweevil.com 56
http://hello.typepad.com 22
http://capndesign.com 18
https://nortonemedia.backpackit.com 9
http://translate.googleusercontent.com 8
http://www.slideshare.net 7
http://archive.psfk.com 3
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • * Hard to read <br /> * Not useful for studying <br /> * But random guy&#x2019;s notes might come in handy <br />
  • <br />
  • <br />
  • <br />
  • When you&#x2019;re designing for smaller spaces, you need to present information differently. <br />
  • When transporting study materials, you can&#x2019;t bring everything and you want it easily accessible <br />
  • <br />
  • <br />
  • Click on a word, the definition pops up. <br />
  • Add annotated text on top of an image <br />
  • But it hides when the image loses focus <br />
  • At djangobook.com, you can leave comments on a paragraph <br />
  • GMaps overlays streets, transit, etc. <br />
  • As we discussed before, you&#x2019;ll have to limit what you present on the screen. <br />
  • <br />
  • The joystick is a bit awkward to use; takes you out of the moment. <br />
  • So how can the iPad help us. Let&#x2019;s look at how my wife studies... <br /> book, notebook, flash cads, study guide, etc. <br /> EVERYTHING here, including the light, can be replaced by an iPad. <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

The Multi-Layered iPad The Multi-Layered iPad Presentation Transcript

  • The Multi-Layered iPad a tale by Matt Jacobs
  • What’s on the Table - Consuming media (text, mostly) - Where the problems lie - How the tablet can solve them
  • Where I’m Coming From - Work at Six Apart - Decablogger - I’m a tinkerer
  • A Story about Reading
  • My used text book
  • What We’ve Got - Content in disparate locations - Source text, your notes, footnotes, endnotes, sidenotes
  • What I Want - Content that is presented simply - Ancillary data at my fingertips
  • Our Challenges - Lots of space allows for lots of information - Not very portable - So we have to adjust
  • Design Differently 256x256 16x16 16x16 Upscaled
  • Organize and Limit
  • Layers of Data Printed Text Single layer, multiple objects Web Capable of multi-layer, but primarily single layer Multitouch Very well suited for multi- layer
  • The Web Brings Us Closer
  • Highlighted Definition
  • Annotated Images
  • Layer Hides on Blur
  • Contextual Comments
  • Map Overlays
  • TOOOOOO MUCH
  • It works, but... - Multi-layered data is possible, but is limited in most contexts - UI conventions are well-established and can be tough to break
  • The Kindle - Stores 1,000s of books - No Multi-touch - Only two data layers (definitions)
  • How Jori Studies
  • iPad Textbook The contents should first be presented as a clean slate.
  • iPad Textbook When you want to highlight something, select text and a modal dialogue appears.
  • iPad Textbook After highlighting, you see a notes view. Bubbles show additional notes.
  • iPad Textbook Clicking a bubble lets you edit. Selecting public lets classmates see your notes.
  • iPad Textbook You can view all public notes, with different markers based on the source of the content.
  • iPad Textbook For studying, there is a view of just notes. Clicking one takes you back to the relevant paragraph.
  • Further Examples
  • A Book Club - Discussion questions at relevant points - Notes from your book club members - Author’s Commentary
  • Movies - Tap on someone’s face for name and recent films - Discovery mode, where ancillary data appears at relevant moments - Choose from several commentaries
  • Tablets are the Best! - Single application means more focus - Touch interface enables modal dialogs
  • Tablets are the Best! - Don’t sacrifice accessibility for portability - Unlike eReaders, tablets do multimedia
  • Linkblog - iPad and Books http://craigmod.com/journal/ipad_and_books/ - iPad Application Design http://mattgemmell.com/2010/03/05/ipad-application-design - iPad UI Conventions http://www.flickr.com/photos/fraserspeirs/sets/72157623224262135/ - iPad PSD Elements http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/
  • Thanks! @capndesign capndesign.com CAPN DESIGN