Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (10)
Andere mochten auch
Andere mochten auch (15)
Ähnlich wie The Multi-Layered iPad
Ähnlich wie The Multi-Layered iPad (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
The Multi-Layered iPad
- 1. The Multi-Layered iPad a tale by Matt Jacobs
- 2. What’s on the Table - Consuming media (text, mostly) - Where the problems lie - How the tablet can solve them
- 3. Where I’m Coming From - Work at Six Apart - Decablogger - I’m a tinkerer
- 4. A Story about Reading
- 5. My used text book
- 6. What We’ve Got - Content in disparate locations - Source text, your notes, footnotes, endnotes, sidenotes
- 7. What I Want - Content that is presented simply - Ancillary data at my fingertips
- 8. Our Challenges - Lots of space allows for lots of information - Not very portable - So we have to adjust
- 9. Design Differently 256x256 16x16 16x16 Upscaled
- 11. 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
- 12. The Web Brings Us Closer
- 14. Annotated Images
- 15. Layer Hides on Blur
- 17. Map Overlays
- 18. TOOOOOO MUCH
- 19. 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
- 20. The Kindle - Stores 1,000s of books - No Multi-touch - Only two data layers (definitions)
- 21. How Jori Studies
- 22. iPad Textbook The contents should first be presented as a clean slate.
- 23. iPad Textbook When you want to highlight something, select text and a modal dialogue appears.
- 24. iPad Textbook After highlighting, you see a notes view. Bubbles show additional notes.
- 25. iPad Textbook Clicking a bubble lets you edit. Selecting public lets classmates see your notes.
- 26. iPad Textbook You can view all public notes, with different markers based on the source of the content.
- 27. iPad Textbook For studying, there is a view of just notes. Clicking one takes you back to the relevant paragraph.
- 28. Further Examples
- 29. A Book Club - Discussion questions at relevant points - Notes from your book club members - Author’s Commentary
- 30. Movies - Tap on someone’s face for name and recent films - Discovery mode, where ancillary data appears at relevant moments - Choose from several commentaries
- 31. Tablets are the Best! - Single application means more focus - Touch interface enables modal dialogs
- 32. Tablets are the Best! - Don’t sacrifice accessibility for portability - Unlike eReaders, tablets do multimedia
- 33. 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/
- 34. Thanks! @capndesign capndesign.com CAPN DESIGN
Hinweis der Redaktion
- * Hard to read * Not useful for studying * But random guy’s notes might come in handy
- When you’re designing for smaller spaces, you need to present information differently.
- When transporting study materials, you can’t bring everything and you want it easily accessible
- Click on a word, the definition pops up.
- Add annotated text on top of an image
- But it hides when the image loses focus
- At djangobook.com, you can leave comments on a paragraph
- GMaps overlays streets, transit, etc.
- As we discussed before, you’ll have to limit what you present on the screen.
- The joystick is a bit awkward to use; takes you out of the moment.
- So how can the iPad help us. Let’s look at how my wife studies... book, notebook, flash cads, study guide, etc. EVERYTHING here, including the light, can be replaced by an iPad.