usability-presentation-ferry

USABILITY TESTINGAmanda Ferry

Wednesday 14 September

! Summary:Learning website for elementary school level kids. Focus on science

Audience DemographicAge : 11 to 12 year olds

Gender: female Education/Reading Levels : 5th Grade

Technological Literacy : children at these ages will know how to use computers. Access to technology : probably have access to a family computer

Region : all regions

CONCEPT


WIREFRAMES


Testing Summary:What did you learn about your concept?The most important features should be the instructor character and the lessons. The user profile is less important for the purposes of the website.

What did you learn about your paper-based designs?I found that as they evolved I began evaluating which elements are most important and creating the new design around that discovery. The theme evolved as well as I worked through the different designs.

What design was liked the most? why?The third design was liked the most because the instructor and lessons were given importance by making them larger. Having the instructor be an important feature would get the kids involved and stress the female role. The third was also the most highly themed design with a game-like interface which fit the age range.

What aspects of the winning design were the lease favorable?Wether or not the content module should look like monitors or to use another approach.The navigation could be reworked.The topics are not available from the main interface.

What changes will be made to your winning design?Get rid of the search bar.Re-think the navigation buttonsPlay around with the scale of some of the elementsTweak the theme a little

WIREFRAMES


STYLE GUIDESSub Header -Tahoma

Button States

Style Guide :Version 2

Mouse over

Mouse up

#c1d863

#3F7999

#A0F7FF

#FFF356

#FBAE21

Header -‐Noteworthy 30ptSub-header - Century Gothic 18pt.

Home Page


PHOTOSHOP DESIGN


Testing Session

- How do you feel about the color choices. Are they age appropriate? Do they appeal to

target audience?

- How do you feel about the typographical choices? Are they "fun" enough?

- Does the layout feel easy to navigate visually?

- Is it apparent which elements are interactive and which are not?

- Is there an overall continuity to the design? Why?

- How do you feel about the thematic treatment? Does is appeal to target audience?

- How do you feel about the character design?

- Are the menu items appropriate? Any suggestions?

PHOTOSHOP DESIGN


Lamar- liked color choices, typography, theme, character- may be confusing which elements are interactive- profile placement could be confusing - maybe move character to right side

Scott - liked character- age appropriate

Devon- didn't like color choice for top menu, maybe green- name is okay, but can change

Matt- appeal to audience- easy to navigate- possibly change name

PHOTOSHOP DESIGN


Summary :Everyone liked the thematic treatments, typography, color choices, character design. Some concerns were about which elements would be interactive, the placement of the user profile and the name of the site.

Revision Plan :- Edit table image- color block for profile- faq button line up w/ left side of page- change page buttons to next & previous

PHOTOSHOP DESIGN


ALPHA TESTING


ALPHA TESTINGTesting SessionFunctionalityInteractive ElementsRollover statesExpectationsDesign, Layout, etc.

1. Is the page navigation easy to find and understand? Why?

2. Are the mouse over treatments effective? Why?

3. Are they easy to select and is it clear which element is in focus?

4. Is the lesson module easy to interact with?

5. Would you prefer to be able to use a mouse scroll than dragging the scroll bar?

6. Are there elements on the page which you expected to be interactive but were not?

7. Are there elements on the page which you would like to see interactive?


ALPHA TESTING

Summary :Everyone seemed to rather have the ability to use their mouse to scroll through the lessons. The interactive elements were obvious and easy to use.

Revision Plan :Build lesson module with javascript instead of flash to gain mouse scroll functionality. Give character it’s functionality. Begin working on additional pages.


BETA TESTING


BETA TESTINGTesting Session Is content appropriate? In type (text, images etc.) In presentation (formatting etc.) In language (reading levels, etc.) In cognitive terms?(Is it understandable?)DesignFunctionalityInteractivityRevisions

1. Is the character's introduction easy to understand and age appropriate?2. Does the content within the lesson seem readable by the audience?3. How helpful are the definition tips?4. Do you think the lesson would still be understandable without the definitions? Why?5. Does the presentation of the content help or harm readability?6. Could the presentation of the content be better suited for the audience?7. Are the definition/tooltip subjects easily recognized as interactive elements?8. Can you easily recognize when a new tip is being presented by the character?9. How do you feel about the solution for the FAQ button?10. Are the next and previous buttons apparent or could they be easily overlooked?


BETA TESTING

Summary :The content within the lessons seemed readable and age appropriate. The character’s quote bubble which provided definitions for keywords and tips are helpful and engaging.

Revision Plan :Continue with content development.


usability-presentation-ferry

Documents

Transcript of usability-presentation-ferry