Improving the digital reading experience

333 views
242 views

Published on

Improving the digital reading experience

Published in: Internet, Education, Sports
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
333
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • This template can be used as a starter file for presenting training materials in a group setting.

    Sections
    Right-click on a slide to add sections. Sections can help to organize your slides or facilitate collaboration between multiple authors.

    Notes
    Use the Notes section for delivery notes or to provide additional details for the audience. View these notes in Presentation View during your presentation.
    Keep in mind the font size (important for accessibility, visibility, videotaping, and online production)

    Coordinated colors
    Pay particular attention to the graphs, charts, and text boxes.
    Consider that attendees will print in black and white or grayscale. Run a test print to make sure your colors work when printed in pure black and white and grayscale.

    Graphics, tables, and graphs
    Keep it simple: If possible, use consistent, non-distracting styles and colors.
    Label all graphs and tables.


  • Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important.
    Introduce each of the major topics.
    To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
  • Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important.
    Introduce each of the major topics.
    To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
  • Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important.
    Introduce each of the major topics.
    To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
  • Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important.
    Introduce each of the major topics.
    To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
  • Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important.
    Introduce each of the major topics.
    To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
  • Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important.
    Introduce each of the major topics.
    To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
  • Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important.
    Introduce each of the major topics.
    To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
  • Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important.
    Introduce each of the major topics.
    To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
  • Microsoft Confidential
  • Microsoft Confidential
  • Improving the digital reading experience

    1. 1. IMPROVING THE DIGITAL READING EXPERIENCE Presenter By: Faisal Imran Article By: OLIVER REICHENSTEIN
    2. 2. Improving the Digital Reading Experience • The computer is an extension of our mind • To design better software we need to build interfaces as extensions of our mental processes • Building better reading interfaces requires that we closely observe and rethink the way we read • While we need to find ways to navigate long texts on tablets.
    3. 3. The humane function of computers • The hammer is an extension of the hand • Glasses are an extension of the eye • the radio an extension of the ear • As long as our tools are recognizable as analogies of our body Steve Jobs claimed the computer should be “a bicycle for our mind.” To design better software we need to build programs as extensions of our mental processes
    4. 4. Digital vs analog reading Reading in a browser • Online reading descend you multiple levels to reach the text • Number of frames of reference that you need to enter • reader gets constantly distracted by links, related content, navigation, blinking elements, and jumping icons in the dock
    5. 5. Digital vs analog reading Reading a printed book • Printed text is embedded in different invisible frames • Ways to embed text in a book • dust jacket • Back cover • Table of contents • Index • Transitions between the different levels or frames are clearly separated with empty pages • Once you are in the text, you reach a state of continuity
    6. 6. How to design better digital products • To design a better reading experience, bring digital reading into a form of continuity Information Architecture  Print and digital text neither share the same mental model  A printed text defines a pretty good spatial landscape to remember where in the book you read something
    7. 7. How to design better digital products Information Architecture Digital Text • Easy to find a particular sentence • How much time you spent with it, and how much time is left • Hard to remember text location • Adapt to your personal needs and taste
    8. 8. How to design better digital products Interaction Design • Main interaction models for digital reading are still flipping or scrolling • Better navigation model for long texts needed
    9. 9. How to design better digital products Surface Design • Type size, line height, leading, measure, contrast, and even font choice are left to the user • Typographic algorithms can improve the reading experience • Instead of embedding 20 fonts in 20 sizes into an e-book, one suitable font at one size for each orientation is enough.
    10. 10. Resources • http://ia.net
    11. 11. QUESTIONS?

    ×