USABILITY TESTING Amanda Ferry
Wednesday 14 September
CONCEPT !
Summary: Learning website for elementary school level kids. Focus on science
Audience Demographic
Age : 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
Wednesday 14 September
WIREFRAMES
Wednesday 14 September
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 buttons Play around with the scale of some of the elements Tweak the theme a little Wednesday 14 September
STYLE GUIDES Header -‐Noteworthy 30pt
Button States
Sub-header - Century Gothic 18pt.
Sub Header -Tahoma
Mouse up
Mouse over #A0F7FF
#c1d863
#3F7999
#FFF356
#FBAE21
Style Guide :Version 2
Home Page
]\\RP (\4\?[
R][? ]X
Wednesday 14 September
R][? b?Z
PHOTOSHOP DESIGN
Wednesday 14 September
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?
Wednesday 14 September
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
Wednesday 14 September
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
Wednesday 14 September
ALPHA TESTING
Wednesday 14 September
ALPHA TESTING Testing Session Functionality Interactive Elements Rollover states Expectations Design, 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?
Wednesday 14 September
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.
Wednesday 14 September
BETA TESTING
Wednesday 14 September
BETA TESTING Testing Session Is content appropriate? In type (text, images etc.) In presentation (formatting etc.) In language (reading levels, etc.) In cognitive terms?(Is it understandable?) Design Functionality Interactivity Revisions
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? Wednesday 14 September
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.
Wednesday 14 September