SlideShare uma empresa Scribd logo
1 de 25
visual language, form, interaction design
=
I’m a
phone, retard!
but what now?
what’s the importance of form here?
how do you give form to it?
does it look like a phone?
does it have to look like a phone?
the look of an object as a carrier of it’s meaning
              used to make sense
form is no longer about what we understand
        but about what we can learn
and form is defined by content
the content is what defines the necessity for a
     persistent home button, for instance
“To the (limited) extend that interaction design
 has concerned itself with issues of form, the
 main input so far has come from graphic and
               industrial design”.

                                     Jonas Löwgren
the old approach to design: static and
             mechanical
Apple ©
the current approach to design is: time based,
         dynamic, based on content
this doesn’t mean more things on screen but
          an approach to form giving
  that doesn’t start on the physical aspects
        but on content and interaction.
notes on form in interaction design
meaningful behaviors                    eye candy

        pliability*               non responsive UI

consistent information            inconsistencies on
     architecture                     interaction

     (and it’s definitely not pixel pushing)

   *Tightly coupled user action and interface reaction with
                hints from the physical world.
“The feel of interaction, the hints of complexity
  unfolding as different options are explored (...);
 the sense of understanding and insight growing
over time, the (...) orchestration of the interaction
  from conflict to resolution - all of this is part of
the temporal and visuo-tactile properties of using
                 the digital artifact”.
                                         Jonas Löwgren
the end

Mais conteúdo relacionado

Destaque

Economia Colaborativa 2012 - São Paulo
Economia Colaborativa 2012 - São PauloEconomia Colaborativa 2012 - São Paulo
Economia Colaborativa 2012 - São PauloFabricio Dore
 
DMI Night Out 2012 - São Paulo
DMI Night Out 2012 - São PauloDMI Night Out 2012 - São Paulo
DMI Night Out 2012 - São PauloFabricio Dore
 
Move fast _ Workshop _ Laje Rio _ 2nd & 4th May 2016
Move fast _  Workshop _ Laje Rio _ 2nd & 4th May 2016Move fast _  Workshop _ Laje Rio _ 2nd & 4th May 2016
Move fast _ Workshop _ Laje Rio _ 2nd & 4th May 2016Fabricio Dore
 
Digital Revolution (in Portuguese) - Concept and Workshop
Digital Revolution (in Portuguese) - Concept and WorkshopDigital Revolution (in Portuguese) - Concept and Workshop
Digital Revolution (in Portuguese) - Concept and WorkshopFabricio Dore
 
Design Thinking @ Insper 2016
Design Thinking @ Insper 2016Design Thinking @ Insper 2016
Design Thinking @ Insper 2016Fabricio Dore
 
Storytelling Inspiration - Cubo - 2016
Storytelling Inspiration - Cubo - 2016Storytelling Inspiration - Cubo - 2016
Storytelling Inspiration - Cubo - 2016Fabricio Dore
 
Fintech: Design, UX, Innovation @ AIM Brasil 2016
Fintech: Design, UX, Innovation @ AIM Brasil 2016 Fintech: Design, UX, Innovation @ AIM Brasil 2016
Fintech: Design, UX, Innovation @ AIM Brasil 2016 Fabricio Dore
 

Destaque (7)

Economia Colaborativa 2012 - São Paulo
Economia Colaborativa 2012 - São PauloEconomia Colaborativa 2012 - São Paulo
Economia Colaborativa 2012 - São Paulo
 
DMI Night Out 2012 - São Paulo
DMI Night Out 2012 - São PauloDMI Night Out 2012 - São Paulo
DMI Night Out 2012 - São Paulo
 
Move fast _ Workshop _ Laje Rio _ 2nd & 4th May 2016
Move fast _  Workshop _ Laje Rio _ 2nd & 4th May 2016Move fast _  Workshop _ Laje Rio _ 2nd & 4th May 2016
Move fast _ Workshop _ Laje Rio _ 2nd & 4th May 2016
 
Digital Revolution (in Portuguese) - Concept and Workshop
Digital Revolution (in Portuguese) - Concept and WorkshopDigital Revolution (in Portuguese) - Concept and Workshop
Digital Revolution (in Portuguese) - Concept and Workshop
 
Design Thinking @ Insper 2016
Design Thinking @ Insper 2016Design Thinking @ Insper 2016
Design Thinking @ Insper 2016
 
Storytelling Inspiration - Cubo - 2016
Storytelling Inspiration - Cubo - 2016Storytelling Inspiration - Cubo - 2016
Storytelling Inspiration - Cubo - 2016
 
Fintech: Design, UX, Innovation @ AIM Brasil 2016
Fintech: Design, UX, Innovation @ AIM Brasil 2016 Fintech: Design, UX, Innovation @ AIM Brasil 2016
Fintech: Design, UX, Innovation @ AIM Brasil 2016
 

Semelhante a Form in Interaction Design

Skeuomorphs in interaction design: ornament or affordance?
Skeuomorphs in interaction design: ornament or affordance?Skeuomorphs in interaction design: ornament or affordance?
Skeuomorphs in interaction design: ornament or affordance?nicolas nova
 
IxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsIxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsJayan Narayanan
 
Aesthetics of ixd
Aesthetics of ixdAesthetics of ixd
Aesthetics of ixdNika Stuard
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackonnajam gs
 
why I called " interaction design " is not "IXD" but "InD" Ind course
why I called " interaction design " is not "IXD" but "InD"  Ind coursewhy I called " interaction design " is not "IXD" but "InD"  Ind course
why I called " interaction design " is not "IXD" but "InD" Ind courseLuise 刘刚
 
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1Salvatore Iaconesi
 
UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?DariaPersell
 
How Print Design is the Future of Interaction
How Print Design is the Future of InteractionHow Print Design is the Future of Interaction
How Print Design is the Future of InteractionMike Kruzeniski
 
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav SharmaMultimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav SharmaAbhinav Sharma
 
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders: Collective Dream...
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders:  Collective Dream...David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders:  Collective Dream...
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders: Collective Dream...RSD Relating Systems Thinking and Design
 
MAB2014_DC_Final paper_Gonzalo_Reyero
MAB2014_DC_Final paper_Gonzalo_ReyeroMAB2014_DC_Final paper_Gonzalo_Reyero
MAB2014_DC_Final paper_Gonzalo_ReyeroGonzalo Reyero
 
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Everett McKay
 
User Experience and Visual Literacy – IVLA Conference 2014
User Experience and Visual Literacy – IVLA Conference 2014User Experience and Visual Literacy – IVLA Conference 2014
User Experience and Visual Literacy – IVLA Conference 2014Mike Osswald
 
426 lecture 7: Designing AR Interfaces
426 lecture 7: Designing AR Interfaces426 lecture 7: Designing AR Interfaces
426 lecture 7: Designing AR InterfacesMark Billinghurst
 

Semelhante a Form in Interaction Design (20)

Ana Amorim
Ana AmorimAna Amorim
Ana Amorim
 
Skeuomorphs in interaction design: ornament or affordance?
Skeuomorphs in interaction design: ornament or affordance?Skeuomorphs in interaction design: ornament or affordance?
Skeuomorphs in interaction design: ornament or affordance?
 
IxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsIxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital Interactions
 
Use Qualities
Use QualitiesUse Qualities
Use Qualities
 
Aesthetics of ixd
Aesthetics of ixdAesthetics of ixd
Aesthetics of ixd
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackon
 
why I called " interaction design " is not "IXD" but "InD" Ind course
why I called " interaction design " is not "IXD" but "InD"  Ind coursewhy I called " interaction design " is not "IXD" but "InD"  Ind course
why I called " interaction design " is not "IXD" but "InD" Ind course
 
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
 
UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?
 
How Print Design is the Future of Interaction
How Print Design is the Future of InteractionHow Print Design is the Future of Interaction
How Print Design is the Future of Interaction
 
TAT Dynamic UIs 250609
TAT Dynamic UIs 250609TAT Dynamic UIs 250609
TAT Dynamic UIs 250609
 
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav SharmaMultimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
 
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders: Collective Dream...
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders:  Collective Dream...David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders:  Collective Dream...
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders: Collective Dream...
 
MAB2014_DC_Final paper_Gonzalo_Reyero
MAB2014_DC_Final paper_Gonzalo_ReyeroMAB2014_DC_Final paper_Gonzalo_Reyero
MAB2014_DC_Final paper_Gonzalo_Reyero
 
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
 
User Experience and Visual Literacy – IVLA Conference 2014
User Experience and Visual Literacy – IVLA Conference 2014User Experience and Visual Literacy – IVLA Conference 2014
User Experience and Visual Literacy – IVLA Conference 2014
 
426 lecture 7: Designing AR Interfaces
426 lecture 7: Designing AR Interfaces426 lecture 7: Designing AR Interfaces
426 lecture 7: Designing AR Interfaces
 
IVC - Lesson 01
IVC - Lesson 01IVC - Lesson 01
IVC - Lesson 01
 
IVC - Lesson 01
IVC - Lesson 01IVC - Lesson 01
IVC - Lesson 01
 
IVC - Lesson 01
IVC - Lesson 01IVC - Lesson 01
IVC - Lesson 01
 

Mais de Fabricio Dore

Culture Hacking - Path Festival - São Paulo 2016
Culture Hacking - Path Festival - São Paulo 2016Culture Hacking - Path Festival - São Paulo 2016
Culture Hacking - Path Festival - São Paulo 2016Fabricio Dore
 
Digital DNA - Concept & Definition
Digital DNA - Concept & DefinitionDigital DNA - Concept & Definition
Digital DNA - Concept & DefinitionFabricio Dore
 
10 Lessons of Innovation in Large Companies (in Portuguese) - Chivas Evento 2...
10 Lessons of Innovation in Large Companies (in Portuguese) - Chivas Evento 2...10 Lessons of Innovation in Large Companies (in Portuguese) - Chivas Evento 2...
10 Lessons of Innovation in Large Companies (in Portuguese) - Chivas Evento 2...Fabricio Dore
 
Empreendedorismo em Corporações (?)
Empreendedorismo em Corporações (?) Empreendedorismo em Corporações (?)
Empreendedorismo em Corporações (?) Fabricio Dore
 
Sketching in Hardware 2009
Sketching in Hardware 2009Sketching in Hardware 2009
Sketching in Hardware 2009Fabricio Dore
 

Mais de Fabricio Dore (6)

Design + Startups
Design + StartupsDesign + Startups
Design + Startups
 
Culture Hacking - Path Festival - São Paulo 2016
Culture Hacking - Path Festival - São Paulo 2016Culture Hacking - Path Festival - São Paulo 2016
Culture Hacking - Path Festival - São Paulo 2016
 
Digital DNA - Concept & Definition
Digital DNA - Concept & DefinitionDigital DNA - Concept & Definition
Digital DNA - Concept & Definition
 
10 Lessons of Innovation in Large Companies (in Portuguese) - Chivas Evento 2...
10 Lessons of Innovation in Large Companies (in Portuguese) - Chivas Evento 2...10 Lessons of Innovation in Large Companies (in Portuguese) - Chivas Evento 2...
10 Lessons of Innovation in Large Companies (in Portuguese) - Chivas Evento 2...
 
Empreendedorismo em Corporações (?)
Empreendedorismo em Corporações (?) Empreendedorismo em Corporações (?)
Empreendedorismo em Corporações (?)
 
Sketching in Hardware 2009
Sketching in Hardware 2009Sketching in Hardware 2009
Sketching in Hardware 2009
 

Form in Interaction Design

  • 1. visual language, form, interaction design
  • 2. =
  • 3.
  • 6. what’s the importance of form here?
  • 7. how do you give form to it?
  • 8. does it look like a phone?
  • 9. does it have to look like a phone?
  • 10. the look of an object as a carrier of it’s meaning used to make sense
  • 11. form is no longer about what we understand but about what we can learn
  • 12. and form is defined by content
  • 13.
  • 14. the content is what defines the necessity for a persistent home button, for instance
  • 15. “To the (limited) extend that interaction design has concerned itself with issues of form, the main input so far has come from graphic and industrial design”. Jonas Löwgren
  • 16.
  • 17. the old approach to design: static and mechanical
  • 18.
  • 20. the current approach to design is: time based, dynamic, based on content
  • 21. this doesn’t mean more things on screen but an approach to form giving that doesn’t start on the physical aspects but on content and interaction.
  • 22. notes on form in interaction design
  • 23. meaningful behaviors eye candy pliability* non responsive UI consistent information inconsistencies on architecture interaction (and it’s definitely not pixel pushing) *Tightly coupled user action and interface reaction with hints from the physical world.
  • 24. “The feel of interaction, the hints of complexity unfolding as different options are explored (...); the sense of understanding and insight growing over time, the (...) orchestration of the interaction from conflict to resolution - all of this is part of the temporal and visuo-tactile properties of using the digital artifact”. Jonas Löwgren

Notas do Editor

  1. Visual Language is a message communicated by form. In this case the iMac is like a toy, it’s approachable and easy to use. Different from the existing computers at that time that were like office equipment beige boxes.
  2. A design language is the conscious use of visual languages in a way that helps the company communicate its messages.
  3. Product semantics is a field of thought based on the idea that a product's form should communicate its functions.
  4. On this phone you definitely need a home button because it’s content rich and it’s a way to switch between applications. A safe button that will bring you all the way up. It’s an agreement between industrial designers, interaction designers and software guys.
  5. As an example, this is the Helio cellphone just launched in the US. It does messaging, e-mail and it’s also a phone. As in most companies the solutions come from the traditional approach to design that relies on mechanisms and engineering.
  6. It doesn’t count with the expertise from interaction designers at their best.
  7. This is a huge interaction design challenge with things like a keyboard that wasn’t tried before. I think what’s most interesting on Interaction Design is actually coming from software companies like apple. It’s probably because they can break through the barriers of trying to do everything on hardware but finding the balance between and challenges of doing hardware and software.
  8. Form giving doesn’t start anymore on the hardware but the hardware is a consequence of interactions.
  9. It’s not on the pixel level, it’s abstract. It’s not graphic design on screen and it’s not just about inputs.