CS 235: User Interface DesignOctober 15 Class Meeting
Department of Computer ScienceSan Jose State University
Fall 2014Instructor: Ron Mak
www.cs.sjsu.edu/~mak
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
2
How to Evaluate a User Experience (UX)
Usability testing
Assignment #3 Practice next week
Web analytics_
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
3
Web Analytics
Learn how users interact with your website or mobile app.
Automatically record aspects of users’ behavior.
Combine and transform the behavior into data that can be analyzed._
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
4
Web Analytics, cont’d
Complements usability testing.
Interviews Field observations etc.
Reveals how large groups of users engaged with your website.
Expand the quantifiable aspects of UX from small sample sizes to the entire universe of visitors.
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
5
What is Recorded
Which web pages that a user views.
When the user views each page and in what order.
How the user moves through a website.
How the user got to the website.
Search engine result Link from another website New or returning visitor
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
6
What is Recorded, cont’d
Demographic information about users.
Age Gender Geographic location Interests
Technology
Browser Operating system
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
7
Google Analytics
In widespread use.
Create an account: www.google.com/analytics
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
8
Google Analytics: Tracking Code
Page tagging:Add tracking codeto each page thatyou want to track.
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
9
Google Analytics: Overview
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
10
Google Analytics: Change Time Periods
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
11
Google Analytics: Compare Time Periods
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
12
Google Analytics: Three Key Areas
Audience
Who is visiting the website?
Acquisition
How did they get there?
Behavior
What are they doing?_
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
13
Google Analytics: Audience
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
14
Google Analytics: Audience, cont’d
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
15
Google Analytics: Audience, cont’d
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
16
Google Analytics: Audience, cont’d
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
17
Google Analytics: Acquisition
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
18
Google Analytics: Acquisition, cont’d
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
19
Google Analytics: Acquisition, cont’d
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
20
Google Analytics: Behavior
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
21
Google Analytics: Behavior, cont’d
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
22
Google Analytics: Behavior, cont’d
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
23
Google Analytics: Behavior, cont’d
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
24
Goals and Conversions
Conversion: An action that you want users to take on your website.
Example: Place an order.
Goal conversion rate: The portion of users who have taken a given action.
Goal completions: A count of how many times users took whatever action constitutes a goal.
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
25
Goals and Conversions, cont’d
Every website should have goals.
Measure at least one goal to determine how well the website is serving its users._
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
26
Google Analytics: Goals
Computer Science Dept.Fall 2014: October 15
CS 235: User Interface Design© R. Mak
27
Google Analytics
Live demo!