67
web marketing

Webmarketing - usability vs. creativity

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Webmarketing - usability vs. creativity

web marketing

Page 2: Webmarketing - usability vs. creativity

web marketing

web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

Page 3: Webmarketing - usability vs. creativity

web marketing

web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

I. yesterday and today

Page 4: Webmarketing - usability vs. creativity

web marketing

web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

I. yesterday and today II. usability vs. creativity

Page 5: Webmarketing - usability vs. creativity

web marketing

web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

I. yesterday and today II. usability vs. creativity III. useful tools

Page 6: Webmarketing - usability vs. creativity

web marketing

web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

I. yesterday and today II. usability vs. creativity III. useful tools IV. build it up

Page 7: Webmarketing - usability vs. creativity

web marketing

web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

I. yesterday and today II. usability vs. creativity III. useful tools IV. build it up V. see you in the future

Page 8: Webmarketing - usability vs. creativity

web marketing

web marketing workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

I. yesterday and today II. usability vs. creativity III. useful tools IV. build it up V. see you in the future

Page 9: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

webexp

usability creativity

Page 10: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 11: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

USABILITY (DEFINITION)

Page 12: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

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.

Page 13: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

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

Page 14: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 15: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

USABILITY

Page 16: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

USABILITY

More efficient to use—it takes less time to accomplish a particular task

Page 17: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

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 observing the object

Page 18: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

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 observing the object

More satisfying to use

Page 19: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 20: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Mac paint interface, around 1983, us

Page 21: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Mac paint interface, around 1983, us

Page 22: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Mac paint interface, around 1983, us

USER INTERFACE

Page 23: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Mac paint interface, around 1983, us

USER INTERFACE

Input, allowing the users to manipulate a system

Page 24: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Mac paint interface, around 1983, us

USER INTERFACE

Input, allowing the users to manipulate a system

Output, allowing the system to indicate the effects of the users' manipulation.

Page 25: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 26: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Susan Kare’s Mac Icons, around 1983, us

Page 27: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Susan Kare’s Mac Icons, around 1983, us

Page 28: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Susan Kare’s Mac Icons, around 1983, us

ICON DESIGN

Page 29: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Susan Kare’s Mac Icons, around 1983, us

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..

Page 30: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 31: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 32: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

KNOWLEDGE

Page 33: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

KNOWLEDGE

Usability is influenced by users aknolwdgement and experiences.

Page 34: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 35: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

FIRST LAW

Page 36: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

FIRST LAW

Don’t make me think!

Page 37: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

FIRST LAW

Don’t make me think!

Steve Krug’s Don’t make me think, 2006, us

Page 38: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 39: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

SECOND LAW

Page 40: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

SECOND LAW

Evaluate!

Page 41: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

SECOND LAW

Evaluate!

* Eye tracking, a fast and accurate usability tool

Page 42: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

SECOND LAW

Evaluate!

* Eye tracking, a fast and accurate usability tool * Multivariate testing, a statistical testing of user responses

Page 43: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

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

Page 44: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 45: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

CREATIVITY (definition)

Page 46: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

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 between existing ideas or concepts

Page 47: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

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 between existing ideas or concepts

Jackson Pollock, 1950’s, us

Page 48: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 49: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: the origins

Page 50: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: the origins

merging iper-text with internet: surf trough medias

Page 51: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

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

Page 52: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 53: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: evolution

Page 54: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: evolution

prebuilded templates

Page 55: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 56: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: evolution

Page 57: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: evolution

more visual less words

Page 58: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 59: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: evolution

Page 60: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: evolution

virtual

Page 61: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 62: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: evolution

Page 63: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web design: evolution

interactive

Page 64: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Page 65: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web development

Page 66: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity

Web development

web design + web technologies

Page 67: Webmarketing - usability vs. creativity

web marketing

workshop by dino lupelli - I.E.D. MILANO - FCOMM III - 2009

II. usability vs. creativity