Wireframes and evaluation methods

Education templateFor windows 8.1

Guidelines

• Readability

• Structure consistency

• Immersive & responsive functions

• Content focused

Specifications

• Display: 10.6” (1024x768) 120dpi

• Orientation: Landscape

• Minimum width: 500px

Prototypes

Mockups 2.

Mockups 3.

Main Screen

Scroll right

Scroll right

Search

Seen video

Scroll down

Features

• Playlist under video panel (or on the app bar)

• Navigation focus on video

Evaluation Methods

Qualitative & Quantitative

1.Focus Group2.Cognitive walkthrough

Focus Group

• Users age: 25-50

• Qualitative methods: -Surveys-group discussions-interviews-observation

Personas

• Users age: 25-50

Cognitive Walkthrough

• Usability inspection method / usability testing: -Scenarios (perform a list of tasks while observer takes notes)-A/B testing or Multivariate testing-expert review-pre-post test questionnaires

First Click testing

• A participant who clicks down the right path on the first click will complete their task successfully 87% of the time.

• A participant who clicks down the wrong-path on the first click, tends to only successfully complete their task 46% of the time.

(Jeff Sauro of Measuring Usability cites research supporting the importance of First Click Testing)