HTML page that loads a screenshot for 5 seconds before removing it
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
index.html
test.html

README.md

5 Second Usability Test

HTML page that loads a screenshot for 5 seconds before removing it.

Method

From http://www.uie.com/articles/five_second_test/:

As the name suggests, the 5-Second Test involves showing users a single content page for a quick 5 seconds to gather their initial impressions. Five seconds may not seem like a lot of time, but users make important judgments in the first moments they visit a page. This technique unveils how those judgments turn out, giving the team insight into some essential information about the page. Using this technique, we've found the information we've gathered essential for making huge improvements to our clients' sites.

After setting users up with a scenario, they are shown a high or low fidelity prototype for 5 seconds. Afterwards have them write down everything they remember about the prototype and answer a couple key questions reflective of the problem you are trying to solve. Questions might be something like: "Who's website are you viewing?", "What section of the site are you viewing?" or "What is the most important thing on this page?"

Usage

Place an image named screenshot.png in the same directory as the HTML files. Open the index.html file in a web browser. When you're ready to take the test click the link. In 5 seconds the image will go away.