Please enable JavaScript.
Coggle requires JavaScript to display documents.
Discovery Model (Single Reveal Family A narrow topic of information…
Discovery Model
Single Reveal Family
- A narrow topic of information presented as one collection of related items
- One layer deep
Graphical buttons
Analog object themes
Mimics real-world objects for the buttons.
The modal window might still be the stock design.
The background might still be a generic slide BG.
-
-
-
-
-
-
-
-
-
-
-
-
Generic buttons
-
Custom shape buttons
(circle, star, polygon)
Environment themes
A tighter, more well-rounded design concept.
Mimics a real-world scene, with fully-designed objects & backgrounds, optional SFX.Blurred vs focusse BG photosExamples:
- Office space/desk
- Garage/tools
- Medical room
- Factory floor
- Restaurant kitchen
- Medical / tools
-
-
Timeline
-
Vertical, horizontal, custom path
Vertical lists
-
Accordion
aka Expandable, FAQ
-
-
-
-
-
-
-
One-by-one build (press a button to to get a small block of content appearing onscreen, x times, building a layout)
Button exposer (button has a "cover", press to remove and expose content)
-
-
Hotspot
Image with hotspot buttons
(circles, pins, plus icons)
-
Content rotators
- Show only one item on screen at a time
- Typically modeless, can be modal
- User views, then goes to the next item
- User can restart at the end
Carousel
A series of images w/ content to cycle thru)
Back/Forward buttons, and/or nav dotts
Stacked (deck) of cards
You press to view card #1, then close and move on to card #2, etc.
Template properties
-
-
-
Max item limit: Ex, 4 tabs
Reusability factor
"Template integration feasibility" ?
- Some templates cannot be reused in a new project. They must be recreated due to the nature of their design, the content and layout, etc.
- If a template can be reused, it has a "template integration" effort.
Content type: This may be based on template's design,
Text, image, audio, video
Content restrictions: Ex, no video in tabs
-
Visited state
-
Color change
- Alt color
- Same color, faded
Empty space (circle),
filled with color
Modular Reveal Family
- A wider topic of information presented as multiple collections of items
- Hierarchical, 2-3 layers deep
Nested group reveal, 1:x
Each button represents a group, which shows its grouping of related items. Each individual items' content appears in a modal
-
Progressive reveal, 1:1
1 btn with intro content appearing on the same screen, then detailed content in a modal
Ex: Tabs progressive info
- Press tab to see intro content with a "view more" button
- Press button to see add'l info in a modal window
-
-
-
Modeless Reveals
Content is shown without a modal, which doesn't cover the layout.
Modal Reveals
Content is shown in modal windows, which covers the main layout & uses a close button.
-