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

Form in Interaction Design

  • 1.
    visual language, form,interaction design
  • 2.
  • 4.
  • 5.
  • 6.
  • 7.
    how do yougive form to it?
  • 8.
    does it looklike a phone?
  • 9.
    does it haveto look like a phone?
  • 10.
    the look ofan object as a carrier of it’s meaning used to make sense
  • 11.
    form is nolonger about what we understand but about what we can learn
  • 12.
    and form isdefined by content
  • 14.
    the content iswhat 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
  • 17.
    the old approachto design: static and mechanical
  • 19.
  • 20.
    the current approachto design is: time based, dynamic, based on content
  • 21.
    this doesn’t meanmore 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 formin 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 ofinteraction, 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
  • 25.

Editor's Notes

  • #3 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.
  • #4 A design language is the conscious use of visual languages in a way that helps the company communicate its messages.
  • #5 Product semantics is a field of thought based on the idea that a product's form should communicate its functions.
  • #15 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.
  • #17 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.
  • #18 It doesn’t count with the expertise from interaction designers at their best.
  • #21 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.
  • #22 Form giving doesn’t start anymore on the hardware but the hardware is a consequence of interactions.
  • #24 It’s not on the pixel level, it’s abstract. It’s not graphic design on screen and it’s not just about inputs.