SlideShare une entreprise Scribd logo
Signifier: perceivable cues are signs
indicating what you can do
Affordance: is what a product/object can do
Note:
The perceivable part of an affordance is a signifier.
A "signifier" is, a sign that guide people to successfully interact with the design.
Signifiers are signals, communication devices.
These signs tell you about the possible actions; what to do, and where to do it
Handle (signifier)
1
This is a door.
The affordance of a door is that
you can open it.
You know it by your conceptual
model of how works a door.
But without signifier you don t
know where and how to open it
INTERACTION DESIGN
Massimo N. Marrazzo - 2017Frozen food Doors
INTERACTION DESIGN
Design should always disclosure the signifier
How can I open this door?
Is there an hidden handle or is it
an automatic door?What is wrong?
No signifier for these doors
Suggestion
Massimo N. Marrazzo - 2017Frozen food Doors
Handles or some colored sign
on the frame
2
INTERACTION DESIGN
The same supermarket decided to add classical handles
Good news
Massimo N. Marrazzo - 2017Frozen food Doors
Handles are glued
on the doors
3
March 2017 UPDATE
BEFORE
AFTER

Contenu connexe

Plus de Massimo N. Marrazzo - マッラッツォ ・ マッシモ

Induction cooktop bad design
Induction cooktop bad designInduction cooktop bad design
Washing machine usability
Washing machine usabilityWashing machine usability
Perspective 5 vanishing points: examples
Perspective 5 vanishing points: examplesPerspective 5 vanishing points: examples
Perspective 5 vanishing points: examples
Massimo N. Marrazzo - マッラッツォ ・ マッシモ
 
Curvilinear perspective of_a_cube_rotated_30-60_ degrees_massimo-marrazzo
Curvilinear perspective of_a_cube_rotated_30-60_ degrees_massimo-marrazzoCurvilinear perspective of_a_cube_rotated_30-60_ degrees_massimo-marrazzo
Curvilinear perspective of_a_cube_rotated_30-60_ degrees_massimo-marrazzo
Massimo N. Marrazzo - マッラッツォ ・ マッシモ
 
Curvilinear perspective of a cube rotated 45 degrees
Curvilinear perspective of a cube rotated 45 degreesCurvilinear perspective of a cube rotated 45 degrees
Curvilinear perspective of a cube rotated 45 degrees
Massimo N. Marrazzo - マッラッツォ ・ マッシモ
 
Foldable glasses
Foldable glassesFoldable glasses
Foldable World_update
Foldable World_updateFoldable World_update
Create cubic panorama
Create cubic panoramaCreate cubic panorama
Foldable World
Foldable WorldFoldable World
Foldable world
Foldable worldFoldable world
Create cubic panoramas
Create cubic panoramasCreate cubic panoramas
Curvilinear perspective how to draw and examples
Curvilinear perspective how to draw and examplesCurvilinear perspective how to draw and examples
Curvilinear perspective how to draw and examples
Massimo N. Marrazzo - マッラッツォ ・ マッシモ
 
Prospettiva ZeroSei - Perspective from 0 to 6 vanishing points - Slideshare
Prospettiva ZeroSei  - Perspective from 0 to 6 vanishing points - SlideshareProspettiva ZeroSei  - Perspective from 0 to 6 vanishing points - Slideshare
Prospettiva ZeroSei - Perspective from 0 to 6 vanishing points - Slideshare
Massimo N. Marrazzo - マッラッツォ ・ マッシモ
 

Plus de Massimo N. Marrazzo - マッラッツォ ・ マッシモ (14)

Induction cooktop bad design
Induction cooktop bad designInduction cooktop bad design
Induction cooktop bad design
 
Washing machine usability
Washing machine usabilityWashing machine usability
Washing machine usability
 
Perspective 5 vanishing points: examples
Perspective 5 vanishing points: examplesPerspective 5 vanishing points: examples
Perspective 5 vanishing points: examples
 
Curvilinear perspective of_a_cube_rotated_30-60_ degrees_massimo-marrazzo
Curvilinear perspective of_a_cube_rotated_30-60_ degrees_massimo-marrazzoCurvilinear perspective of_a_cube_rotated_30-60_ degrees_massimo-marrazzo
Curvilinear perspective of_a_cube_rotated_30-60_ degrees_massimo-marrazzo
 
Curvilinear perspective of a cube rotated 45 degrees
Curvilinear perspective of a cube rotated 45 degreesCurvilinear perspective of a cube rotated 45 degrees
Curvilinear perspective of a cube rotated 45 degrees
 
Lighting without a bulb - OLED_Massimo_Marrazzo
Lighting without a bulb - OLED_Massimo_MarrazzoLighting without a bulb - OLED_Massimo_Marrazzo
Lighting without a bulb - OLED_Massimo_Marrazzo
 
Foldable glasses
Foldable glassesFoldable glasses
Foldable glasses
 
Foldable World_update
Foldable World_updateFoldable World_update
Foldable World_update
 
Create cubic panorama
Create cubic panoramaCreate cubic panorama
Create cubic panorama
 
Foldable World
Foldable WorldFoldable World
Foldable World
 
Foldable world
Foldable worldFoldable world
Foldable world
 
Create cubic panoramas
Create cubic panoramasCreate cubic panoramas
Create cubic panoramas
 
Curvilinear perspective how to draw and examples
Curvilinear perspective how to draw and examplesCurvilinear perspective how to draw and examples
Curvilinear perspective how to draw and examples
 
Prospettiva ZeroSei - Perspective from 0 to 6 vanishing points - Slideshare
Prospettiva ZeroSei  - Perspective from 0 to 6 vanishing points - SlideshareProspettiva ZeroSei  - Perspective from 0 to 6 vanishing points - Slideshare
Prospettiva ZeroSei - Perspective from 0 to 6 vanishing points - Slideshare
 

Dernier

UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 

Dernier (20)

UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 

Frozen food doors affordance

  • 1. Signifier: perceivable cues are signs indicating what you can do Affordance: is what a product/object can do Note: The perceivable part of an affordance is a signifier. A "signifier" is, a sign that guide people to successfully interact with the design. Signifiers are signals, communication devices. These signs tell you about the possible actions; what to do, and where to do it Handle (signifier) 1 This is a door. The affordance of a door is that you can open it. You know it by your conceptual model of how works a door. But without signifier you don t know where and how to open it INTERACTION DESIGN Massimo N. Marrazzo - 2017Frozen food Doors
  • 2. INTERACTION DESIGN Design should always disclosure the signifier How can I open this door? Is there an hidden handle or is it an automatic door?What is wrong? No signifier for these doors Suggestion Massimo N. Marrazzo - 2017Frozen food Doors Handles or some colored sign on the frame 2
  • 3. INTERACTION DESIGN The same supermarket decided to add classical handles Good news Massimo N. Marrazzo - 2017Frozen food Doors Handles are glued on the doors 3 March 2017 UPDATE BEFORE AFTER