...
The tutorial listing page has changed little since it's beginning. When doing paper prototyping, it was the clear winner over the alternative of simply displaying everything at once. We sacrificed some of the link affordance of the light blue buttons in exchange for the affordance of buttons, which we thought would be more universal and likely to be clicked on. One of the things that we did was eliminate the indentation on the tutorial buttons that was used to have after receiving several comments about it.
Wiki Markup |
---|
Tutorial !Screenshot from 2013-05-14 18:13:29.png|border=1! |
Easily the most complicated page, the tutorial page changed the most. Even after both rounds of paper prototyping, we realized we still weren't sure what it should look like. Still, the slide system had a lot of fans and our user testers really liked them as well. This takes advantage of chunking for a population that needs to absorb new things in small doses. The prereqs/related jumped from the top to the sidebar, because it seemed most people expected (read: consistency) them to appear there.
General Decisions
In general, most buttons on TechWizard are much bigger than normal, in accordance with Fitt's law and visibility assuming a generally older population. Each page is very minimalistic to prevent confusion. We tried to create categories that we thought would appeal to users based off what we gleamed from talking with them.
Implementation
Evaluation
We presented users with the following Briefing and tasks list, and also had the user explore the site afterwards.
...