Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 12 Next »

Concept designs for Floe

Overview

These are not reference designs for implementation.

The purpose of these designs is to illustrate some of the ideas and avenues Floe is headed toward. In particular:

  • Alternate/supplemental formats
    • For text, audio narration provisions in various languages, rates of speech, accents/intonation, etc.
    • For images, short and extended descriptions or interpretations, and the potential to replace the image entirely with text
    • For videos, captioning/subtitling and transcripts, and the potential to replace the video entirely with text
    • For audio, captioning/subtitling and transcripts, and the potential to replace the audio entirely with text
    • Alternate views of the same data
  • Demands service (i.e., ability for users to request alternate formats, interpretations, etc.)
  • Tweaking and adjustments of content presentation and interface (e.g., text, colour, layout, navigation, links, buttons, degree of content excess, etc.)
  • Platform-independence (e.g., exports to ebook formats, PDF, print; mobile versions; etc.)

Mockups

Animal Diversity Web is an existing online web resource (http://animaldiversity.ummz.umich.edu/site/index.html) providing encyclopaedic knowledge about the animal kingdom, and individual species within it. The mockups below are concept designs to illustrate how Floe's ideas can be integrated into OERs.

Animal Diversity Web main page

The main Animal Diversity Web page shows information about the overall Kingdom Animalia and consists of a mix of text, images, and video. The top bar consists of: 1) "Content preferences" (see Figure 7 for more details), which enables the user to customize content alternative preferences, and 2) "Display preferences" (see Figure 6 for more details), which enables the user to customize their interaction and content presentation.

Figure 1. Mockup of Animal Diversity Web main page for a basic text and visual user

Figure 2. Mockup of Animal Diversity Web main page for a captions and transcripts heavy user

Figure 3. Mockup of Animal Diversity Web main page for a high contrast and large type user

Figure 4. Mockup of Animal Diversity Web main page for non-preferenced user (default)

Figure 5. Mockup of Animal Diversity Web main page for non-preferenced user with content options enabled

Figure 6. Mockup of Animal Diversity Web main page for non-preferenced user with user interface options panel open

Figure 7. Mockup of Animal Diversity Web main page for non-preferenced user with content preferences panel open

Figure 8. Mockup of Animal Diversity Web main page for non-preferenced user with user interface options panel open


Figure 13. Mockup of Animal Diversity Web main page for the mobile user

Animal Diversity Web classification page

Figure 9. Mockup of Animal Diversity Web classifications page with list-oriented text-heavy representation

Figure 10. Mockup of Animal Diversity Web classifications page with list-oriented + images representation

Figure 11. Mockup of Animal Diversity Web classifications page with vector-node representation

Figure 12. Mockup of Animal Diversity Web classifications page with vector-node + images representation

On this page
  • No labels