Usability Testing / Methods

Slides:



Advertisements
Similar presentations
How to begin. Step 1 Create a free account with weebly by logging in with Facebook, or using an and password you choose.
Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Conversion pages Get Set Up. The first impression ad is designed to peak your targets interest Your “cheese” is something that would benefit them so they.
3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.
Using Technology in Training November 24, 2006 Overview Today’s session will focus on using PowerPoint to develop training materials.
Level 2 IT Users Qualification – Unit 1 Improving Productivity Jordan Girling.
Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Build Your Own Website Review of week 3 Editing your header Editing your header Creating and navigating to hidden pages Creating and navigating to hidden.
Unit 1 – Improving Productivity. 1.1Why did you use a computer? What other systems / resources could you have used? I used a computer because it is easy.
Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Screencast-O-Matic.  Offers opportunities for Differentiated Instruction …Another way to differentiate content is simply to permit the apt student to.
Step One: Introduction. Welcome to Follow My Clients! Once you log in, on the home page is your dash board. Here you will find your quick access buttons.
Welcome to What is weebly.com? How does weebly.com work? What can I do with a weebly website? Contact Information: Marissa Sampson
By: Wesley Tedlock Digital Marketing: Blogging!. What’s the big deal about Blogs? Have an impact on different brands It’s a way to get your thoughts across.
Generation Nexters’ Financial Learning Environment Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre Knikki Crenshaw Hank Henry Nancy Rice.
Question 3 What have I learnt from our audience feedback? Film Title ‘Bruv’ Verity Keeley.
Presented by Karen Porter UM School of Business Administration & ImpactOnlineMarketing.com Adding Links & Multi-Media.
Section 2 Effective Groupwork Online. Contents Effective group work activity what is expected of you in this segment of the course: Read the articles.
An extension of who you are...
Making videos accessible – Mandatory guidelines
This template is not editable - make a copy for yourself
Hidden Slide for Instructor
County Website Content Management System
Multimedia Design.
Interact 2: Options for organising and presenting content
Codes & Conventions of a Website
Arisai Mauricio April 8, 2013 Period. 6
Carol Lacey Renee Cedarberg Metropolitan State University August, 2017
Business GROWTH With Marketing.
WWW – Why Work with Widgets
Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre.
A Successful Digital Marketing Strategy in 2017
CREATING WIKIS Eled 318.
Website Analysis.
In the message bar, click Enable Editing,
Support For ACSA Region Leaders
The Video About Me.
Create your Benner - intro
Year 7 E-Me Web design.
MAGAZINE PITCH.
Google Summit 2017 Creating Assessments with google forms
Introduction Position your online or offline business
Canvas Discussion Boards
Creating & Managing for Teaching Purposes
Web Programming– UFCFB Lecture-4
<Application Name>
Web Programming– UFCFB Lecture 3
Presentation Mastery Beyond Information to Insight
Canvas Discussion Boards
This is where your title of your presentation will typically go.
Show me the Moodle An orientation to the RETA Moodle
with Pearson’s MyITLab for Office 2013
Classroom Applications
Project Management and User Research Plan February 25, 2009
Generation Nexters’ Financial Learning Environment
with Pearson’s MyITLab for Office 2010
Important Resources These resources will help you be successful in US History Class. We’ve used some of them at school, but I’m also asking you to access.
Face to Face GMU classroom 19 – 20 years old
Tips on good web site Design
Creating Online Presentations
Focus Group #2 Conducted using Adobe Connect
How to promote a band well
Generation Nexters’ Financial Learning Environment
<Application Name>
Presentation transcript:

Usability Testing / Methods One-on-one testing Two rounds, two tests each Working from same script, questions and tasks Tracking Users :: eye tracking, talking out loud Talking Beyond the Question After we’d completed our focus groups and made our online work even more functional, we sat down as a group to figure out our Usability Testing. Nancy wrote a tremendous script. We each selected individual testers and went off into our corners, testing each of our users in person. The tests took about 30 minutes, and the testing spanned two weeks. We used the same script of about two dozen questions and a few, very specific tasks. Like: Find a tool related to buying a car In Facebook, How would you navigate back to the D&S website? Find a podcast Where would you click if you wanted to see a video on this topic?  

Usability Testing / Iterative Changes Live Chat Multimedia Icons Podcasts Video Images Content Images Color Coordinating More, More Video Our testers were brutally honest and critical. We learned quickly that honest criticism delivered plainly – w/o qualification – was the best criticism. Coming out of the focus groups we learned users wanted: Video More Video A chance to talk directly to Agora Financial advisors. Better organization of our right side – multimedia, resources and collaboration. A better way to organize the colors on the site – to help users see what goes w/ what. In Facebook, information that matters to us (the young users) Our tools and resources are going to be the primary reasons young users will come back to our website. The corrections we made to the site could solve this issue; our usability testing would tell us if we were successful.  

Usability – Second Level Page First, we created a prototype of what a Live Chat would look like. We put it in the top right of the inside pages for maximum visibility. Agora could deliver this in Ajax or Actionscript. We asked our users to simply hover over this area and the dialogue would begin. We wanted to make it clear: Agora says this, you say that. Our testers completed this easily enough. We had one tester in a focus group who asked for this function, saying if I’m on this site, I want to talk to someone. In my usability test, my user said he wouldn’t click on this. He understood the function, but said, why would I want to talk to a salesman? Let’s take a look at our Resources area. We put our Podcasts here and our video here. Our testers were able to accept our style easily enough: Click on the text links, and the delivery will come up in a new window. One tester wanted to click on the icon to see Multimedia. That was interesting. You’ll see here, clicking on podcasts leads to the iTunes channel. The video links lead to YouTube, where we have the opportunity to brand and market Dollars & Sense in another medium. For video, we used text AND image links, which really helped the users point to video delivery. In fact, the image gave us another art element. Now look over here. We’re already showing users our NEXT Dollars & Sense video. This is some pretty sweet stickiness. Back to our page. Our testers told us they needed more guidance on what we meant by Big Picture. Basically, it’s the key topic in each of our website areas. In our College area, it’s choosing the right major for today’s job market. We rebuilt the tabs to make it clearer which is which – Article vs. Big Picture. To reinforce that point, we put the specific title of the topic – in HTML – next to the tab. Within our rounds of iterative testing, we found it wasn’t clear enough. So we put the title right in there, right w/ the image in the tab. It did a lot better there. People got it. Of course, to be successful, we had to be consistent. Next slide, please.

Usability – Big Picture

Usability – More, Bigger Video Slide 5 Let’s take one more look at video. We tested video on the side, at the bottom. Big video, smaller video, more video. Basically, we asked the testers, what do you prefer. And our users said, yes. Agora should continue testing different video models. Back in our focus group, we had one tester say she preferred if the video read the content to her instead of her reading it. That’s fascinating. Our users said they understood that if our video said YouTube, that it was an embedded video. If they clicked Play, it would start playing right then and there. Different formats / looks for video

Usability – Facebook Information “chunked” Relevant Information Obama Clickable Visible URL Audio Relevant Information to this Audience Video / YouTube Slide 6 Let’s go to Facebook. Facebook is a tough layout. The right side goes to advertising, so it’s sometimes difficult to differentiate our content from “spam” ads. We improved the logo, and users said, yes, they could use it to back to our website. Testers also recognized our improved content in Facebook.