Embedded Files
The rollover pop-up opens on mouse-over of image hotspots. The text is in the form of layers as phrases and not exceeding 15 words per pop-up. Visuals in these types of pop-up are not acceptable. Minimum two and maximum ten pop-ups are allowed per screen. Pop-up information comprises only “need-to-know” information and is tested.
There are three types of rollover pop-ups:
Simple
Data
Complex
Simple Pop-Ups
Simple Pop-Ups
Simple pop-ups are chosen when the entire content can be depicted visually through an illustration. The layer information can be discrete components on the illustration. As the information in the pop-up layers is minimal, rollover interactivity is applied.
Example
Example
The following example demonstrates how to correctly design the screen with OST and simple pop-up layers; and specify appropriate user instruction of interactivity.
Input
Input
Most of the food chains have four levels starting with plant life and ending with an animal. Plants are called producers because they use light energy from sun to prepare their own food. Animals cannot prepare their own food and hence rely on other plants or animals for their food. They are called consumers. Animals that eat both plants and animals are called omnivores. The next level comprises the decomposers. Decomposers feed on decaying matter.
Output
Output
Most of the food chains have four levels starting with plant life and ending with an animal.
Point to each level on the image to learn more.
In this example, each list item identified for layering, has content. Also, each list item has a mouse-over of its information. When the mouse pointer is brought over to the list item “producers”, a pop-up with information regarding producers opens up. The pop-up content is not more than 15 words. Similar is the case with other list items.
Mock-up
Mock-up
This is how the above storyboard output would be integrated as an e-learning courseware screen.
Non-Example
The following non-example demonstrates how not to design the screen with OST and simple pop-up layers; and specify appropriate user instruction of interactivity.
Input
Most of the food chains have four levels starts with plant life and ends with an animal. Plants are called producers because they use light energy from sun to prepare their own food. Animals cannot prepare their own food and hence rely on other plants or animals for their food. They are called consumers. Animals that eat both plants and animals are called omnivores. The next level comprises the decomposers. Decomposers feed on decaying matter.
Output
Most of the food chains have four levels starts with plant life and ends with an animal.
Point to each level on the image to learn more.
In this non-example, a single content layer is used to present the pop-up content and no discrete content layers are used. The total content in this big pop-up is much more than 15 words. Also bullets should be avoided in roll-over pop-ups.
Data Pop-Ups
Data Pop-Ups
Data pop-ups are chosen when the entire content can be depicted visually through an illustration and the layer information is minimal. These pop-ups are used when the information in the layer is data.
Example
Example
The following example demonstrates how to correctly design the screen with OST and data pop-up layers; and specify appropriate user instruction of interactivity.
Input
Input
One of the goals set at United Nations Millennium Summit in 2000 aims at universal primary education by 2015. The latest statistics released in September on primary school enrollment rates were released. The net enrollment (NER) shown in Developed countries, Commonwealth of Independent States, Oceania and Eastern Asia are 96% male and 95.1% female, 89.7% of male and 89.4% of female, 86.8% male and 85.5% female, and 98.8 male and 98.4% female.
Output
Output
One of the goals set at United Nations Millennium Summit in 2000 aims at universal primary education by 2015. The latest statistics released in September on primary school enrollment rates can be viewed on the world map.
Point to each region on the map to learn more.
In this example, when the mouse pointer is pointed to different regions of the world map, the entire statistics of that particular area is revealed in discrete pop-ups.
Mock-up
Mock-up
This is how the above storyboard output would be integrated as an e-learning courseware screen.
Non-Example
Non-Example
The following non-example demonstrates how not to design the screen with OST and data pop-up layers; and specify appropriate user instruction of interactivity.
Input
One of the goals set at United Nations Millennium Summit in 2000 aims at universal primary education by 2015. The latest statistics released in September on primary school enrollment rates were released. The net enrollment (NER) shown in Developed countries, Commonwealth of Independent States, Oceania and Eastern Asia are 96% male and 95.1% female, 89.7% of male and 89.4% of female, 86.8% male and 85.5% female, and 98.8 male and 98.4% female.
Output
One of the goals set at United Nations Millennium Summit in 2000, aims at universal primary education by 2015. The latest statistics released in September on primary school enrollment rates can be viewed on the world map.
Point to each region on the map to learn more.
In this non-example, the statistical data is presented in tabular form in pop-up layer, which is unacceptable. And also the effect of getting region-wise pop-ups on the world map is lost.
Complex Pop-Ups
Complex Pop-Ups
Complex pop-ups are used when the entire content can be depicted visually through an illustration having discrete components indicating layer information. However, the pop-up content should be within 20 words.
Example
Example
The following example demonstrates how to correctly design the screen with OST and complex pop-up layers; and specify appropriate user instruction of interactivity.
Input
Input
Maslow's Hierarchy of Needs is a theory in psychology proposed by Abraham Maslow in 1943. His theory contended that as humans meet 'basic needs', they seek to satisfy successively 'higher needs' that occupy a set hierarchy. Maslow's hierarchy of needs is often depicted as a pyramid consisting of five levels.
Physiological needs: Need to breathe; need to drink water; need for sleep; need to eat
Safety needs: Security of employment; family security; security of health; safety from violence; security of personal property against crime
Love/Social needs: Friendship; supportive and communicative family
Self-esteem needs: Need to be respected; enjoy self-respect; feel accepted
Self-actualization: To make most of their abilities, to strive to be the best; to reach one’s fullest potential
Output
Output
Maslow's Hierarchy of Needs is a theory in psychology proposed by Abraham Maslow in 1943. His theory contended that as humans meet 'basic needs', they seek to satisfy successively 'higher needs' that occupy a set hierarchy.
Maslow's hierarchy of needs is often depicted as a pyramid consisting of five levels.
Point to each level to view the needs that fall under it.
Physiological needs >> Need to breathe; need to drink water; need for sleep; need to eat
Safety needs >> Security of employment; family security; security of health; safety from violence; security of personal property against crime
Love/ Social needs >> Friendship; supportive and communicative family
Self-esteem needs >> Need to be respected; enjoy self-respect; feel accepted
Self-actualization needs >> To make most of their abilities; to strive to be the best; to reach one’s fullest potential
In this example, when the mouse pointer is pointed to different levels in pyramid of Maslow’s hierarchy of needs, the information about each level is revealed in discrete pop-ups of not more than 20 words each.
Mock-up
Mock-up
This is how the above storyboard output would be integrated as an e-learning courseware screen.
Non-Example
Non-Example
The following non-example demonstrates how not to design the screen with OST and complex pop-up layers; and specify appropriate user instruction of interactivity.
Input
Input
Maslow's Hierarchy of Needs is a theory in psychology proposed by Abraham Maslow in 1943. His theory contended that as humans meet 'basic needs', they seek to satisfy successively 'higher needs' that occupy a set hierarchy. Maslow's hierarchy of needs is often depicted as a pyramid consisting of five levels.
Physiological needs: Need to breathe; need to drink water; need for sleep; need to eat
Safety needs: Security of employment; family security; security of health; safety from violence; security of personal property against crime
Love/Social needs: Friendship; supportive and communicative family
Self-esteem needs: Need to be respected; enjoy self-respect; feel accepted
Self-actualization: To make most of their abilities, to strive to be the best; to reach one’s fullest potential
Output
Output
Maslow's Hierarchy of Needs is a theory in psychology proposed by Abraham Maslow in 1943. His theory contended that as humans meet 'basic needs', they seek to satisfy successively 'higher needs' that occupy a set hierarchy.
Maslow's hierarchy of needs is often depicted as a pyramid consisting of five levels.
Point to each level to view the needs that fall under it.
Physiological needs:
Need to breathe
Need to drink water
Need for sleep
Need to eat
Safety needs:
Security of employment
Family security
Security of health
Safety from violence
Security of personal property against crime
Love/ Social needs:
Friendship
Supportive and communicative family
Self-esteem needs:
Need to be respected
Enjoy self-respect
Feel accepted
Self-actualization needs:
To make most of their abilities
To strive to be the best
To reach one’s fullest potential
In this non-example, the content in the pop-up layer is bulleted, which is unacceptable. The list items should be arranged horizontally and separated by semicolons.
Page updated
Google Sites
Report abuse