Top Banner
The Impact of the Arrangement of User Interface Elements on Customer Satisfaction in the Configuration Process Paul Blazek, Klaus Pilsl MCPC 2014
17
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: Combeenation MCPC2014

The Impact of the Arrangement of User Interface Elements on Customer Satisfaction in the Configuration Process

Paul Blazek, Klaus PilslMCPC 2014

Page 2: Combeenation MCPC2014

Background

Different configurators

Different user interfaces

Different ways to find the right product

A user interface of web-based configurators is a key success criterion for the customer’s satisfaction.

Guiding the user through the labyrinth of possible choices

Page 3: Combeenation MCPC2014

,

Research Aims

Whether or not standards concerning the structure of a

configurator as the position of web elements (e.g. toolbox, product

image, process navigation bar etc.) have any influence on the

user’s process satisfaction.

• Handling: Is the structure of the configurator clear and easy to use?

• Orientation: Is the user able to find everything necessary in order to complete the task?

• Duration: How long does the user need to fulfill the task with each configurator?

• Ranking: Which of the configurators is considered to be the easiest to use? Which configurator is preferred in terms of joy in handling?

Page 4: Combeenation MCPC2014

,

Method & Setting

Task: “Create a polo T-shirt in size medium with an

image of an ice and your name on it.”

• Qualitative Analysis with 6 test users

• 4 user interface structures of T-shirt configurators

• ‘Thinking Aloud’-Approach

• Configurators presented in a different order

Page 5: Combeenation MCPC2014
Page 6: Combeenation MCPC2014

Structure of the T-Shirt Configurators

User Interface 1 Fixed step-by-sep process navigation with labeled horizontal steps and toolboxes on the right side

User Interface 2Flexible process navigation with toolboxes as accordion on the left side

Page 7: Combeenation MCPC2014

Structure of the T-Shirt Configurators

User Interface 3Flexible process navigation with opened toolboxes on the right side and at the bottom

User Interface 4Fixed step-by-step process navigation with unlabeled tabs and toolboxes at the bottom

Page 8: Combeenation MCPC2014

“The steps are helpful in the

process.”

“It is clear what to expect, because

the steps are labeled.”

“Switching back and forth is easy.”

“ The product is in the centre of the configurator and

presented big enough.”

“It is annoying to run to all steps

again when changing one

step.”

Page 9: Combeenation MCPC2014

“The accordion should stay opened.”

“All tools can be apply directly.”

“ The product is always in the

centre.”

“Structure is good, because all

toolboxes are on one side of the configurator.”

“Images of models are too small.”

Page 10: Combeenation MCPC2014

“Good, that all toolboxes are

opened.”“Everything is configurable

simultaneously.”

“Good overview of all options.”

“Everything looks a little narrow.”

“Images of models are too small.”

Page 11: Combeenation MCPC2014

“It is inconvenient to switch back and

forth.”

“Lack of overview.”

“It is not clear which steps exist as they are not

labeled.”

“The separated steps limit creativity

and experimental joy .”

“Add to basket button on the right side is irritating.”

Page 12: Combeenation MCPC2014

Duration of Fulfilling the Given Task

Duration of completing the given task with the four user interfaces

Learning Effects: The duration of the configuration got shorter, no matter what configurator has been presented first.

User 1 User 2 User 3 User 4 User 5 User 60

10

20

30

40

50

60

70

80

90

100

Page 13: Combeenation MCPC2014

Duration of Fulfilling the Given Task

Average duration of completing the given task per user interface

Duration difference between the user interfaces is marginal

UI 1 UI 2 UI 3 UI 40

10

20

30

40

50

60

Page 14: Combeenation MCPC2014

Ranking

Which UI did the test users like the most?

1 (best) 3 (bad)

2 (good) 4 (worst)

Page 15: Combeenation MCPC2014

How Combeenation works

Powerful Product Designer

1. Create account2. Consctruct product3. Define rules & graphics4. Build form5. Embed in website

Impressive Shop

Users can immediately: inform about the product, buy the product, and share it via social media

Page 16: Combeenation MCPC2014

System for any type of products

Page 17: Combeenation MCPC2014

Contact

www.combeenation.com

@combeenationfacebook.com/[email protected]