human computer interaction presentation

22
Generation Y, Web Design, & Eye Tracking Soussan Djamasbi, Marisa Siegel, Tom Tullis Taylor Seale, Iheanyi Ekechukwu, Romeo Kwihangana, Jake Flynt

Upload: iheanyi-ekechukwu

Post on 11-Nov-2014

398 views

Category:

Technology


5 download

DESCRIPTION

Presentation for Human Computer Interaction, focusing on Web Design and Generation Y.

TRANSCRIPT

Page 1: Human Computer Interaction Presentation

Generation Y, Web Design, & Eye Tracking

Soussan Djamasbi, Marisa Siegel, Tom Tullis

Taylor Seale, Iheanyi Ekechukwu, Romeo Kwihangana, Jake Flynt

Page 2: Human Computer Interaction Presentation

Who is Generation Y?

82,000,000 people spending $200 billion annually

That’s as much as HALF of the spending economy

Makes them a LARGE and economically POWERFUL generation

Individuals ranging from 18 to 31 years-old

1st generation with technology and internet since childhood

Page 3: Human Computer Interaction Presentation

What does Generation Y like?

- Main large image

- Celebrities

- Search feature

- Little text

Page 4: Human Computer Interaction Presentation

Why is visual appeal important?

“If it looks pleasant, I trust it.” - Generation Y User

More visual appeal More trust

More trust causes an INCREASE in returning users

Page 5: Human Computer Interaction Presentation

Two-Tiered Experiment Holistic interface evaluation through an online survey

For consistency, only looked at retail pages

Most popular sites then used with eye-tracking technology

Tracking data evaluates the effectiveness of a site’s elements

Page 6: Human Computer Interaction Presentation

Holistic Evaluation Setup50 sites randomly selected from top 100 on the Consumer Satisfaction Index

Each evaluated by experts, 1 point for each category Mean - 1.94 Median - 2.0

If:Score > Median – High Appeal Group

Score < Median – Low Appeal Group

Page 7: Human Computer Interaction Presentation

Holistic Evaluation Participants

98 internet-adept participants, from 18 to 31 years old

○ 55 male, 43 female○ Part college students, part Fortune 100 employees

Subjects participated via e-mail or an online forum

Page 8: Human Computer Interaction Presentation

Holistic Evaluation Procedure

Subjects shown 50 web pages, randomly ordered

Rated pages on visual appeal, used five-point Likert Scale

Ratings ranged, from “not at all appealing” to “very appealing”

not at all appealing

neither appealing nor unappealing

very appealing

Page 9: Human Computer Interaction Presentation

Holistic Evaluation Results

Pages in high appeal group earned a higher visual appeal rating than those in the low appeal group

Presence of ANY of the four characteristics INCREASED ratings

Page 10: Human Computer Interaction Presentation

Eye-Tracking Setup

Took top three most liked and disliked pages from holistic evaluation

Analyzed eye movement with unobtrusive eye-tracking software Example of a Tobii 1750 in use

Page 11: Human Computer Interaction Presentation

Eye-Tracking Participants

19 employees from a Fortune 100 company, 18 to 31 years old

All internet-adept from different company areas

Page 12: Human Computer Interaction Presentation

Eye-Tracking Procedure

Rate the six pages, using the same five-point Likert Scale

During rating, eye–tracking measured fixation and gaze path

Page 13: Human Computer Interaction Presentation

Eye-Tracking Results

After the eye-tracking experiment, the researchers:

1. Analyzed subjects’ fixation via heat maps

2. Performed an order analysis of fixation results

3. Analyzed the effects of visual appeal rating on fixation

Page 14: Human Computer Interaction Presentation

Heat Maps

Level of fixation represented by a heat map

Fixation is a gaze longer than 300 milliseconds

Page 15: Human Computer Interaction Presentation

Most Liked Heat Map

Page 16: Human Computer Interaction Presentation

Least Liked Heat Map

Page 17: Human Computer Interaction Presentation

Heat Map Insights

Faces and large images tended to induce fixation more

Celebrity faces present drew longer fixation○ Even a tiny face of Steve Jobs on Apple’s site

lengthened fixation

Text was only fixated upon if it was SHORT and SIMPLE

Page 18: Human Computer Interaction Presentation

Fixation Order Results

Afterwards, delineated heat maps into areas of interest

Areas were then labelled by their order of fixation

Page 19: Human Computer Interaction Presentation

Most Liked Fixation Order

Page 20: Human Computer Interaction Presentation

Least Liked Fixation Order

Page 21: Human Computer Interaction Presentation

Conclusion

The presence of distinct characteristics such as a large image, celebrity face, search box, and little text did indeed increase the visual appeal of websites with Generation Y users

Page 22: Human Computer Interaction Presentation

Questions?