Top Banner
CS 235: User Interface Design October 15 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak www.cs.sjsu.edu/~mak
27

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

Jan 12, 2016

Download

Documents

Shawn Chambers
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 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

Page 2: CS 235: User Interface Design October 15 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak 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_

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

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._

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

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.

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

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

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

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

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

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

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

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.

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

9

Google Analytics: Overview

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

10

Google Analytics: Change Time Periods

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

11

Google Analytics: Compare Time Periods

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

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?_

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

13

Google Analytics: Audience

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

14

Google Analytics: Audience, cont’d

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

15

Google Analytics: Audience, cont’d

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

16

Google Analytics: Audience, cont’d

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

17

Google Analytics: Acquisition

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

18

Google Analytics: Acquisition, cont’d

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

19

Google Analytics: Acquisition, cont’d

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

20

Google Analytics: Behavior

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

21

Google Analytics: Behavior, cont’d

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

22

Google Analytics: Behavior, cont’d

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

23

Google Analytics: Behavior, cont’d

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

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.

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

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._

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

26

Google Analytics: Goals

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

Computer Science Dept.Fall 2014: October 15

CS 235: User Interface Design© R. Mak

27

Google Analytics

Live demo!