Result of a workshop held in my "Interactive systems usability design" at Politecnoco di Milano in 2015

2. p e r s o n a s
d e s c r i p t i o n o f 5 d i f f e r e n t
p o s s i b l e u s e r s a n d t h e i r
d i f f e r e n t n e e d s
t a s k s
d e s c r i p t i o n o f g e n e r a l
t a s k s a n d c o m p a r i n g i t w i t h
o u r 5 p e r s o n a s
c l i c k
a n a l y s i s o f t h e n u m b e r o f
c l i c k n e e d t o f i n d p r o d u c t s
o r i n f o r m a t i o n
p a r a m e t e r
a n a l y s i s o f p a r a m e t e r a n d
c o m p a r i s o n b e t w e e n o u r
w e b s i t e a n d c o m p e t i t o r s
s a n s h a
w h y w e d e c i d e t o a n a l y z e
t h i s w e b s i t e
s u g g e s t i o n
w h a t t h i s w e b s i t e n e e d t o
c h a n g e t o i m p r o v e
1 )
2 )
3 )
4 )
5 )
6 )
I N D E X

3. We analyzed the sector of companies selling dancewear
products in a international context. In particular we take a look on how they sell
ballet shoes
The website we think needs to be improved is:
www.sansha.com
We also used this reference of dancewear
companies websites:
- Coppelia (www.coppeliadancewear.com)
-Capezio (www.capezio.com)
- Bloch (uk.blochworld.com)
-Merlet (www.merletdance.com)
W H A T ?

4. S a n s h a i s a n E u r o p e a n c o m p a n y t h a t s e l l s d a n c e w e a r a r o u n d
a l l o v e r t h e w o r l d w i t h a t r a d i t i o n o f 5 0 y e a r s o f e u r o p e a n
p o i n t e
s h o e - m a k i n g t r a d i t i o n
W e a s s u m e t h a t S h a n s h a w e b s i t e d o e s n ’ t s h o w a g o o d i m a g e
o f t h e c o m p a n y . T h e r e i s n ’ t a n e x p l a n a t i o n o f S a n s h a q u a l i t y ,
t h e r e i s n o t a c o h e r e n t v i s u a l i d e n t i t y b e t w e e n t h e w e b s i t e s i n
d i f f e r e n t p a r t o f t h e w o r l d , t h e w e b s i t e d o e s n o t h a v e a g o o d
s t r u c t u r e .
S h a n s h a s e l l s g o o d q u a l i t y p r o d u c t s i t ’ s w e b s i t e c o u l d
c o m u n i c a t e i t m u c h b e t t e r a n d h a v e m o r e s u c c e s !
W H Y ?

5. p e r s o n a s

6. Gianna loves ballet, but she doesn’t know
so much about the dance wear so she de-
cides to open her pc and looking for whi-
ch are the best shoes for her niece Sara in
order to be prepared about the theme and
make her presents.
- i n f o r m a b o u t b a l l e t s h o e s - g e t i m a g e s - k n o w w h e r e t o b u y t h e m
Gianna,granny,74yearsold,reteired,Milan
G R A N D M O T H E R

7. Barbara teaches ballet in a private dance
school. She knows perfectly the world of
ballet, as she dances since she was a little
girl and she teaches for 25 years. She’s used
to order a lot of dance shoes for her students
who are children, young women and men.
- b u y a l o t o f b a l l e t s h o e s - fi n d e a s i l y a n d q u i c k l y a l l t h e
t e c h n i c a l i n f o r m a t i o n - k n o w h o w t o o r d e r t h e m
Barbara,danceteacher,40yearsold,Genoa
T E A C H E R

8. Yuri is a professional dancer from Russia,
who has just moved to Milan to join the
ballet company of Teatro alla Scala. He’s
always bought his ballet shoes in a little sto-
re, but now it’s too far. He changes shoes
very often since he uses them all day long,
and he often buys dance accessories.
- b u y o n l i n e b a l l e t s h o e s - t h e b a l l e t s h o e s m u s t a r r i v e q u i c k l y
- s e e a l l w h a t t h e s t o r e o f f e r - t e c h n i c a l d e t a i l s
Yuri,professionaldancer,22yearsold,Milan
P R O F E S S I O N A L D A N C E R

9. Amanda likes painting, play ball and
move.This year she is starting a new dance
class and she will need to wear ballet sho-
es. She doesn’t know much about them,
so she’s looking up some websites to find
information and inspiration. Then she will
beg on her mum to buy ballet stuff.
- i n f o r m a b o u t b a l l e t s h o e s - s e e e v e r y k i n d o f b a l l e t g a d g e t
- m a k e h e r m o t h e r s e e t h e w e b s i t e
Amanda,student,9yearsold,Sydney
C H I L D

10. - i n f o r m a b o u t b a l l e t s h o e s - i n f o r m a b o u t p r i c e - k n o w - b u y o n l i n e
Mark,engineeringstudent,26yearsold,Boston
Mark is looking for a present for his girl-
friend’s birthday. He remember she really
likes dancing ballet, so he googles Ballet
and he enters in the world of ballet shoes.
He gets interest in knowing the prices and
buy online the best shoes for his lover.
B O Y F R I E N D

11. e t a s k s

12. - i n f o r m a t i o n a b o u t b a l l e t s h o e s
- i m a g e s o f b a l l e t s h o e s
- s t o r e l o c a t i o n
- b u y m o r e t h a n o n e p a i r
- t e c h n i c a l i n f o r m a t i o n
- w a n t t o b u y o n l i n e
- o t h e r d a n c e a c c e s s o r i e s
- p r i c e d e t a i l s
- n e w c o l l e c t i o n

13. x
x
x
x x
x
x
x
x
x
x
x
x
x
x
x x
x
x
x
x
x
x
x
˜ ˜
˜
maybe interested
x interested
˜
C O M P A R I N G T A S K S A N D P E R S O N A S

14. c o m p e t i t o r s

15. - f u n t o u s e - o n l i n e s t o r e
- v a r i e t y o f m a t e r i a l s , - g r a p h i c i d e n t i t y
m o d e l s , s i z e
- u p d a t e d i t e m s - s o c i a l v i s i b i l i t y
B L O C H

16. - o l d l a y o u t - p r o d u c t s s h o w n i n a c a t a l o u g e
- n o f i r s t r e s u l t o n g o o g l e - n o o n l i n e s t o r e
C O P P E L I A

17. - c l e a r w e b s i t e - u p d a t e d i t e m s
- v a r i e t y o f m a t e r i a l s , - n o o n l i n e s t o r e
m o d e l s , s i z e
- c o n t a c t w i t h b a l l e t s c h o o l s
M E R L E T

18. p a r a m e t e r s a n a l y s i s

19. fun to use
speed to open
easy access to info
graphic identity
bloch
easy access to buying
fun to use
speed to open
easy access to info
graphic identity
sansha
easy access to buying
fun to use
speed to open
easy access to info
graphic identity
merlet
easy access to buying
fun to use
speed to open
easy access to info
graphic identity
coppelia
easy access to buying
fun to use
speed to open
easy access to infoff
graphic identity
bloch
easy access to buying
fun to use
speed to open
easy access to infoff
graphic identity
sansha
easy access to buying
fun to use
speed to open
easy access to infoff
graphic identity
easy access to buying
fun to use
speed to open
easy access to infoff
graphic identity
easy access to buying
merlet coppelia

20. fun to use
speed to open
easy access to info
graphic identity
easy access to buying
10
0
sansha
bloch
coppelia
merlet
CO MP ARING PA RAME TERSC O M P A R I N G P A R A M E T E R S

21. c l i c k a n a l y s i s

22. B U Y O N L I N E
You can’t buy online on this website
You can’t buy online on this website
c o p p e l i a
m e r l e t

23. G E T I M A G E S
1) Select what product you want to
see (ex: FOOTWEAR)
2)Images of different collections; if you
click on it you can choose different items
3) Images of different items 4) Zoom of the image
1) Select DANCE 2) Choose one of the product you want
(ex: BALLET)
3)Images of all the ballet shoes 4) Zoom of the image
s a n s h a
b l o c h

24. G E T I M A G E S
1) Select CATALOGUE 2) In the catalogue you find images of all
the products
1) Select BALLROOM SHOES 2) Choose one of the product
(ex: BALLET SHOES)
3)Images of different kind of ballet shoes 4) Zoom of the image you select
c o p p e l i a
m e r l e t

25. T E C H N I C A L I N F O R M A T I O N
1) Select what product you want to
see (ex: FOOTWEAR)
2) Select one of the collection 3) Select one of the product 4) Select INFORMATION
1) Select DANCE 2) Choose one of the product you
want (ex: POINTE SHOES)
3)Select one of the product 4) Select HELP WITH SIZES
5) Table of all the information
4) Techinical information
s a n s h a
b l o c h

26. T E C H N I C A L I N F O R M A T I O N
1) Select CATALOGUE 2) In the catalogue you can find all the
information
1) Select BALLROOM SHOES 2) Choose one of the product
(ex: BALLET SHOES)
3)Select the item you want 4) Zoom of the information about the
product you have chosen
5) Technical information about the
product you have chosen
c o p p e l i a
m e r l e t

27. Sansha Coppelia Porselli Bloch Capezio Merlet
Inform about
ballet shoes
4 click 3 click 2 click 3 click 2 clicks 3 clicks
Images from
website
6 click 3 click 4 click 5 click 3 clicks 3 clicks
Store location 2 click 1 click and then
you have to
send an email
Online store, no
location
2 click 3 clicks Not possible
Buy more than
one pair of
ballet shoes
4 click No possibility to
buy online,you
need to go to
the store
3 click 7 clicks 2 clicks
Technical
information
5 click 1 click to see
the catalogue
2 click 3 click 3 clicks Not possible
Buy online 7 click, you
need to sign
in to other link
Not possible 4 click to add
bag
5 click,
you need to
sign in
7 clicks Not available
Other item 3 click 1 click to see
the catalogue
2 click 2 click 2 clicks Not available
Cost 5 click to
external link
Not available 2 click 3 click 1 clicks Not available
New collection Not available Not available 1 click 3 click 1 clicks Not available
C O M P A R I N G T A S K S A N D C L I C K S

28. s u g g e s t i o n

29. - c r e a t e a g r a p h i c i d e n t i t y t h a t h a s t o b e t h e
s a m e f o r e v e r y l a n g u a g e
- c r e a t e a s i m p l e a n d e a s y - t o - u s e l a y o u t
- p u t i n t h e h e a d o f t h e p a g e a m e n ù b a r
w h e r e y o u c a n f i n d e a s i l y e v e r y i n f o r m a t i o n
a n d s t u f f t h a t a r e i n t h e w e b s i t e
- i f y o u w a n t t o z o o m o n a n i m a g e , y o u d o n ’ t
h a v e t o o p e n a n o t h e r p a g e
- p u t a n u m b e r / e m a i l t h a t y o u c a n c a l l / w r i t e
i n c a s e o f p r o b l e m s
- e a s i e r a c c e s s t o b u y o n l i n e

30. Events
Women Men Children
The logo should
link to the home
page
LOGO, it
should always
have the same
graphic
Contacts
Only one significant image, to give a better impact
to the page. Many images may confuse a fast reader
Slide windows can
open a detailed and
organized menu
Smaller space for commercials
Different images
can slide, they can
link to other pages,
but they should stop
once the custumer
moves his cursor on
the
Language menu, a
with the flags of
different countries
can drop. It’s not
needed to occupy a
lot of space like in
the original
pagemenu can drop
Space for website essential informations
Newsletter

31. Filter bars
Our favorites For beginners Best seller
A more precise table makes the page less confusing and the filter bar ables the custumer to find easily
what he is looking for

32. Colours
Whidth
Size
Buy online
Quantity
store
Text
Technical Infos
whidth gideSize guidesew and tie
It opens you a window that tells you
where to find that product in the nearesst
shop
It opens you the window where to put
your payment datas and your delivering
addrees
pic of the
product
Particular 3
This page should not open in another window but it should be
kept in the original one, otherwise there would be a window for
each product that the custumer wants to look at
Possibility to pull the text
up or down if this is to long
Particular 2
Particular 1

33. g r o u p 9
- E l i s a B o n o m i - F r a n c e s c a B r u s c h i - B e a t r i c e F r i g o - M o h i t T h a d a
Interactive systems usability
Roberto Dadda
I semestre 2015
corso:
docente:
anno: