Concept designs for Floe

Overview

The purpose of these designs is to illustrate some of the ideas and avenues Floe is headed toward. These are not reference designs for implementation. In particular:

Mockups


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 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


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