SlideShare a Scribd company logo
1 of 16
Carolane Juanéda, MSc
HEC Montreal
Pierre-Majorique Léger, Ph.D.
Sylvain Sénécal, Ph.D.
Co-directors, Tech3Lab
HEC Montreal
Product Web Page Design:
A Psychophysiological
Investigation of the Influence of
Product Similarity, Visual
Proximity on Attention and
Performance
July 15th- 20th 2018, Las Vegas
HCI International 2018
It is your friend’s birthday.
Need to buy a birthday cake.
Go online.
2
Copyright Carolane Juanéda
Copyright Carolane Juanéda
Should you buy this cake for your friend ?
4
Copyright Carolane Juanéda
RESEARCH OBJECTIVE
Explore how stimuli affect individuals’
attention and decisions in an online
context.
Copyright Carolane Juanéda
GESTALT PRINCIPLES
The mind has an innate disposition to
structure the elements that the eye
perceives.
Copyright Carolane Juanéda
CATEGORIZATION PROCESS
Product category schemas are organized
prior knowledge structures stored in
memory where a product matches a
pattern.
Copyright Carolane Juanéda
DECISION-MAKING PERFORMANCE
Relates to rewards individuals obtained as a
consequence of their choice.
Copyright Carolane Juanéda
MEASURED VARIABLES
1. Attention: time spent on distractors was
assessed and the milliseconds of net dwell
time on distractors.
2. Online decision-making: response time and
accuracy of the answer given were
monitored.
Copyright Carolane Juanéda
METHODOLOGY
 2 (similarity between the focal product and
distractors: similar vs. non-similar) x 2
(proximity between the focal product and
distractors: close vs. far) within-subject design
 38 participants
 64 decisions
(2 online shopping tasks separated between
Scenario 1 and Scenario 2 )
 Products screen was displayed for 4 seconds
 Unlimited time to make a decision
 Total: 2,432 decisions were collected
Copyright Carolane Juanéda
EXPERIMENTAL DESIGN
Similar, Near Similar, Far
Non-Similar, Near Non-Similar, Far
11
Scenario 1
 Each slide (32 in total) included one focal
product and three distractors.
 96 distractors per participant
Scenario 2
 Each slide (32 in total) included one focal
product and four distractors.
 128 distractors per participant
Copyright Carolane Juanéda
SMI
(Model: RED 250,
SensoMotoric
Instruments GmbH,
Teltow, Germany)
INSTRUMENTS
Copyright Carolane Juanéda
The significant effect showed that participants spent more time on distractors that were near the
focal product.
Interaction: Similar distractors that are near the focal product generated more attention than non-
similar distractors that are far from the focal product
13
RESULTS
Copyright Carolane Juanéda
14
For Scenario 1, the answer is
more likely to be accurate with
similar stimuli rather than non-
similar distractors.
RESULTS
Copyright Carolane Juanéda
CONCLUSION
Attentional bias is more pronounced when
distractors are visually near the focal
product.
Implications for practice, findings can guide
developers and web page designers about
how far apart products should be to
capture and keep users’ attention.
Future research: How impulsivity affects
online attention and decisions in a
shopping context ?
Copyright Carolane Juanéda
Product Web Page Design: A Psychophysiological Investigation of the Influence of Product Similarity, Visual Proximity on Attention and Performance

More Related Content

More from Pierre-Majorique Léger

Comment réduire le cybermalaise de la réalité virtuelle ?
Comment réduire le cybermalaise de la réalité virtuelle ?Comment réduire le cybermalaise de la réalité virtuelle ?
Comment réduire le cybermalaise de la réalité virtuelle ?
Pierre-Majorique Léger
 
Impact of Information Technology Multitasking on Hedonic Experience
Impact of Information Technology Multitasking on Hedonic Experience Impact of Information Technology Multitasking on Hedonic Experience
Impact of Information Technology Multitasking on Hedonic Experience
Pierre-Majorique Léger
 

More from Pierre-Majorique Léger (20)

Eye-tracking for IS Research: A Literature Review
Eye-tracking for IS Research: A Literature Review Eye-tracking for IS Research: A Literature Review
Eye-tracking for IS Research: A Literature Review
 
Optimisez la formation en ligne des utilisateurs : une nouvelle approche basé...
Optimisez la formation en ligne des utilisateurs : une nouvelle approche basé...Optimisez la formation en ligne des utilisateurs : une nouvelle approche basé...
Optimisez la formation en ligne des utilisateurs : une nouvelle approche basé...
 
SFN 2019 Presentation : Method of and system for processing signals sensed fr...
SFN 2019 Presentation : Method of and system for processing signals sensed fr...SFN 2019 Presentation : Method of and system for processing signals sensed fr...
SFN 2019 Presentation : Method of and system for processing signals sensed fr...
 
User Test: How Many Users Are Needed to Find the Psychophysiological Pain Poi...
User Test: How Many Users Are Needed to Find the Psychophysiological Pain Poi...User Test: How Many Users Are Needed to Find the Psychophysiological Pain Poi...
User Test: How Many Users Are Needed to Find the Psychophysiological Pain Poi...
 
How to conduct scientific research with ERPsim
How to conduct scientific research with ERPsimHow to conduct scientific research with ERPsim
How to conduct scientific research with ERPsim
 
Task Switching and Visual Discrimination in Pedestrian Mobile Multitasking: I...
Task Switching and Visual Discrimination in Pedestrian Mobile Multitasking: I...Task Switching and Visual Discrimination in Pedestrian Mobile Multitasking: I...
Task Switching and Visual Discrimination in Pedestrian Mobile Multitasking: I...
 
How to plan and execute an ecologically valid NeuroIS study
How to plan and execute an ecologically valid NeuroIS studyHow to plan and execute an ecologically valid NeuroIS study
How to plan and execute an ecologically valid NeuroIS study
 
What is the real experience of your online customer? A NeuroIS approach at us...
What is the real experience of your online customer? A NeuroIS approach at us...What is the real experience of your online customer? A NeuroIS approach at us...
What is the real experience of your online customer? A NeuroIS approach at us...
 
Comment réduire le cybermalaise de la réalité virtuelle ?
Comment réduire le cybermalaise de la réalité virtuelle ?Comment réduire le cybermalaise de la réalité virtuelle ?
Comment réduire le cybermalaise de la réalité virtuelle ?
 
Connaissez-vous vraiment les émotions de vos utilisateurs?
Connaissez-vous vraiment les émotions de vos utilisateurs?Connaissez-vous vraiment les émotions de vos utilisateurs?
Connaissez-vous vraiment les émotions de vos utilisateurs?
 
Decoding what users really experience with NeuroIS
Decoding what users really experience with NeuroISDecoding what users really experience with NeuroIS
Decoding what users really experience with NeuroIS
 
Establishing and Operating a NeuroIS Lab
Establishing and Operating a NeuroIS LabEstablishing and Operating a NeuroIS Lab
Establishing and Operating a NeuroIS Lab
 
Impact of Information Technology Multitasking on Hedonic Experience
Impact of Information Technology Multitasking on Hedonic Experience Impact of Information Technology Multitasking on Hedonic Experience
Impact of Information Technology Multitasking on Hedonic Experience
 
UXC18 : Comment réduire le cybermalaise de la réalité virtuelle ?
UXC18 : Comment réduire le cybermalaise de la réalité virtuelle ?UXC18 : Comment réduire le cybermalaise de la réalité virtuelle ?
UXC18 : Comment réduire le cybermalaise de la réalité virtuelle ?
 
Conference UXC18 : La recherche au Tech3Lab
Conference UXC18 : La recherche au Tech3LabConference UXC18 : La recherche au Tech3Lab
Conference UXC18 : La recherche au Tech3Lab
 
Conference UXC 18 - Ouverture de la conférence
Conference UXC 18 - Ouverture de la conférenceConference UXC 18 - Ouverture de la conférence
Conference UXC 18 - Ouverture de la conférence
 
L’expérience réellement vécue par les utilisateurs : Vers de nouveaux outils ...
L’expérience réellement vécue par les utilisateurs : Vers de nouveaux outils ...L’expérience réellement vécue par les utilisateurs : Vers de nouveaux outils ...
L’expérience réellement vécue par les utilisateurs : Vers de nouveaux outils ...
 
L’utilisation des neurosciences pour mesurer l’engagement cognitif et émotion...
L’utilisation des neurosciences pour mesurer l’engagement cognitif et émotion...L’utilisation des neurosciences pour mesurer l’engagement cognitif et émotion...
L’utilisation des neurosciences pour mesurer l’engagement cognitif et émotion...
 
Est-ce que la richesse visuelle du média augmente l'engagement cognitif et ém...
Est-ce que la richesse visuelle du média augmente l'engagement cognitif et ém...Est-ce que la richesse visuelle du média augmente l'engagement cognitif et ém...
Est-ce que la richesse visuelle du média augmente l'engagement cognitif et ém...
 
NSERC-Prompt UX Chair 2017-2018 : Selected publications
NSERC-Prompt UX Chair 2017-2018 : Selected publicationsNSERC-Prompt UX Chair 2017-2018 : Selected publications
NSERC-Prompt UX Chair 2017-2018 : Selected publications
 

Recently uploaded

Recently uploaded (20)

Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 

Product Web Page Design: A Psychophysiological Investigation of the Influence of Product Similarity, Visual Proximity on Attention and Performance

  • 1. Carolane Juanéda, MSc HEC Montreal Pierre-Majorique Léger, Ph.D. Sylvain Sénécal, Ph.D. Co-directors, Tech3Lab HEC Montreal Product Web Page Design: A Psychophysiological Investigation of the Influence of Product Similarity, Visual Proximity on Attention and Performance July 15th- 20th 2018, Las Vegas HCI International 2018
  • 2. It is your friend’s birthday. Need to buy a birthday cake. Go online. 2 Copyright Carolane Juanéda
  • 4. Should you buy this cake for your friend ? 4 Copyright Carolane Juanéda
  • 5. RESEARCH OBJECTIVE Explore how stimuli affect individuals’ attention and decisions in an online context. Copyright Carolane Juanéda
  • 6. GESTALT PRINCIPLES The mind has an innate disposition to structure the elements that the eye perceives. Copyright Carolane Juanéda
  • 7. CATEGORIZATION PROCESS Product category schemas are organized prior knowledge structures stored in memory where a product matches a pattern. Copyright Carolane Juanéda
  • 8. DECISION-MAKING PERFORMANCE Relates to rewards individuals obtained as a consequence of their choice. Copyright Carolane Juanéda
  • 9. MEASURED VARIABLES 1. Attention: time spent on distractors was assessed and the milliseconds of net dwell time on distractors. 2. Online decision-making: response time and accuracy of the answer given were monitored. Copyright Carolane Juanéda
  • 10. METHODOLOGY  2 (similarity between the focal product and distractors: similar vs. non-similar) x 2 (proximity between the focal product and distractors: close vs. far) within-subject design  38 participants  64 decisions (2 online shopping tasks separated between Scenario 1 and Scenario 2 )  Products screen was displayed for 4 seconds  Unlimited time to make a decision  Total: 2,432 decisions were collected Copyright Carolane Juanéda
  • 11. EXPERIMENTAL DESIGN Similar, Near Similar, Far Non-Similar, Near Non-Similar, Far 11 Scenario 1  Each slide (32 in total) included one focal product and three distractors.  96 distractors per participant Scenario 2  Each slide (32 in total) included one focal product and four distractors.  128 distractors per participant Copyright Carolane Juanéda
  • 12. SMI (Model: RED 250, SensoMotoric Instruments GmbH, Teltow, Germany) INSTRUMENTS Copyright Carolane Juanéda
  • 13. The significant effect showed that participants spent more time on distractors that were near the focal product. Interaction: Similar distractors that are near the focal product generated more attention than non- similar distractors that are far from the focal product 13 RESULTS Copyright Carolane Juanéda
  • 14. 14 For Scenario 1, the answer is more likely to be accurate with similar stimuli rather than non- similar distractors. RESULTS Copyright Carolane Juanéda
  • 15. CONCLUSION Attentional bias is more pronounced when distractors are visually near the focal product. Implications for practice, findings can guide developers and web page designers about how far apart products should be to capture and keep users’ attention. Future research: How impulsivity affects online attention and decisions in a shopping context ? Copyright Carolane Juanéda

Editor's Notes

  1. Good afternoon, My name is Carolane, and I’m here to present to you my research on Product Web Page Design.
  2. To start, I want you to close your eyes, and imagine that it is your friend’s birthday. Don’t have a lot of time
  3. Where did you guys looked ? Were you attracted by something else ? When shopping online, attention is directed to a myriad of stimuli. Since electronic commerce industry is highly competitive and continuously expanding, users expect a flawless online experience forcing firms to find new ways to attract consumers. In order to stay competitive, the scientific literature demonstrated that both the first impression of a webpage and its appearance are crucial in capturing users’ attention. The mechanism of attention has been the subject of many scientific studies, yet, to the best of our knowledge, online attention in a shopping context has not been investigated in depth.
  4. Is to understand More precisely: The research posits that individuals’ attention is greater towards distractors that are visually near and conceptually similar to the target stimulus, impacting online decision-making
  5. Distractors close to the target stimulus attract more attention than distractors farther from the target stimulus. One principle is the law of proximity, which suggests that individuals first group together the points closest to each other in such a way that they tend to perceive objects close to one another as a single group with a relationship, while objects that are farther apart are placed in different groups. Studies in e-commerce showed that the Gestalt principles strongly influence web page design.
  6. Distractors similar to the target stimulus attract more attention than distractors that are less similar to the target stimulus. Through the activation in memory of objects associated with the target stimulus, attention is drawn to similar stimuli by information held in the working memory.
  7. In the literature, the definition of decision-making performance. It was shown the stronger the activation of the attentional-control circuit, the better the decision (Laureiro-Martinez and al., 2015). During a search task, attention is directed to objects associated with the target stimulus based on external similarities (Soto et al., 2005). Therefore, in presence of similar stimuli, better should be the decision-making performance.
  8. To measure the allocation of attention, time spent on distractors was assessed and the milliseconds of net dwell time on distractors were used. As for decisions analysis performance, response time and accuracy of the answer given were monitored.
  9. On either of scenario, 4 possible group of products.
  10. Was able to measure the attention with time spent on each distractors, as well as the response time & accuracy of answers given each time they answered a question
  11. Hence, distractors that are similar to the focal product lead to accuracy of the answer. Brain imaging studies showed that food-related stimuli are strongly represented in the working memory, thereby, be easier to remember the focal product for the food industry.
  12. Analysing online attention is a cornerstone for executives considering that enhancing webpage design has the potential to grow business revenues. Therefore, there is a reason to pursue research on this topic.