2. web marketing
web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
3. web marketing
I. yesterday and today
web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
4. web marketing
I. yesterday and today
II. usability vs. creativity
web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
5. web marketing
I. yesterday and today
II. usability vs. creativity
III. useful tools
web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
6. web marketing
I. yesterday and today
II. usability vs. creativity
III. useful tools
IV. build it up
web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
7. web marketing
I. yesterday and today
II. usability vs. creativity
III. useful tools
IV. build it up
V. see you in the future
web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
8. web marketing
I. yesterday and today
II. usability vs. creativity
III. useful tools
IV. build it up
V. see you in the future
web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
9. web marketing
II. usability vs. creativity
creativity
usability
webexp
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
11. web marketing
II. usability vs. creativity
USABILITY (DEFINITION)
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
12. web marketing
II. usability vs. creativity
USABILITY (DEFINITION)
In human-computer interaction and
computer science, usability usually refers
to the elegance and clarity with which
the interaction with a computer program
or a web site is designed.
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
13. web marketing
II. usability vs. creativity
USABILITY (DEFINITION)
In human-computer interaction and
computer science, usability usually refers
to the elegance and clarity with which
the interaction with a computer program
or a web site is designed.
first mouse by Douglas Enegrbart, 1968, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
15. web marketing
II. usability vs. creativity
USABILITY
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
16. web marketing
II. usability vs. creativity
USABILITY
More efficient to use—it takes less time to
accomplish a particular task
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
17. web marketing
II. usability vs. creativity
USABILITY
More efficient to use—it takes less time to
accomplish a particular task
Easier to learn—operation can be learned
by obser ving the object
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
18. web marketing
II. usability vs. creativity
USABILITY
More efficient to use—it takes less time to
accomplish a particular task
Easier to learn—operation can be learned
by obser ving the object
More satisfying to use
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
20. web marketing
II. usability vs. creativity
Mac paint interface, around 1983, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
21. web marketing
II. usability vs. creativity
Mac paint interface, around 1983, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
22. web marketing
II. usability vs. creativity
USER INTERFACE
Mac paint interface, around 1983, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
23. web marketing
II. usability vs. creativity
USER INTERFACE
Input, allowing the users to manipulate a
system
Mac paint interface, around 1983, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
24. web marketing
II. usability vs. creativity
USER INTERFACE
Input, allowing the users to manipulate a
system
Output, allowing the system to indicate
the effects of the users' manipulation.
Mac paint interface, around 1983, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
26. web marketing
II. usability vs. creativity
Susan Kare’s Mac Icons, around 1983, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
27. web marketing
II. usability vs. creativity
Susan Kare’s Mac Icons, around 1983, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
28. web marketing
II. usability vs. creativity
ICON DESIGN
Susan Kare’s Mac Icons, around 1983, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
29. web marketing
II. usability vs. creativity
ICON DESIGN
Icon design is the process of designing a
graphic symbol that represents a
program, function, data or collection of
data on a computer system..
Susan Kare’s Mac Icons, around 1983, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
32. web marketing
II. usability vs. creativity
KNOWLEDGE
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
33. web marketing
II. usability vs. creativity
KNOWLEDGE
Usability is influenced by users
aknolwdgement and experiences.
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
35. web marketing
II. usability vs. creativity
FIRST LAW
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
36. web marketing
II. usability vs. creativity
FIRST LAW
Don’t make me think!
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
37. web marketing
II. usability vs. creativity
FIRST LAW
Don’t make me think!
Steve Krug’s Don’t make me think, 2006, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
39. web marketing
II. usability vs. creativity
SECOND LAW
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
40. web marketing
II. usability vs. creativity
SECOND LAW
Evaluate!
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
41. web marketing
II. usability vs. creativity
SECOND LAW
Evaluate!
* Eye tracking, a fast and accurate
usability tool
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
42. web marketing
II. usability vs. creativity
SECOND LAW
Evaluate!
* Eye tracking, a fast and accurate
usability tool
* Multivariate testing, a statistical
testing of user responses
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
43. web marketing
II. usability vs. creativity
SECOND LAW
Evaluate!
* Eye tracking, a fast and accurate
usability tool
* Multivariate testing, a statistical
testing of user responses
Jakob Nielsen, 2006, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
45. web marketing
II. usability vs. creativity
CREATIVITY (definition)
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
46. web marketing
II. usability vs. creativity
CREATIVITY (definition)
a mental and social process involving the
generation of new ideas or concepts, or
new associations of the creative mind
bet ween existing ideas or concepts
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
47. web marketing
II. usability vs. creativity
CREATIVITY (definition)
a mental and social process involving the
generation of new ideas or concepts, or
new associations of the creative mind
bet ween existing ideas or concepts
Jackson Pollock, 1950’s, us
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
49. web marketing
II. usability vs. creativity
Web design: the origins
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
50. web marketing
II. usability vs. creativity
Web design: the origins
merging iper-text with internet: surf
trough medias
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
51. web marketing
II. usability vs. creativity
Web design: the origins
merging iper-text with internet: surf
trough medias
Tim Berner Lee’s first WWW site, 1991, ch
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
56. web marketing
II. usability vs. creativity
Web design: evolution
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
57. web marketing
II. usability vs. creativity
Web design: evolution
more visual less words
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
65. web marketing
II. usability vs. creativity
Web development
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009
66. web marketing
II. usability vs. creativity
Web development
web design + web technologies
workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009