CS 235: User Interface Design October 15 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak mak.

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!