SlideShare a Scribd company logo
1 of 43
Download to read offline
ink from the center. Design for the edge.




        Andrei Michael Herasimchuk

            @trenti    #foi11
What is art?
e personal expression of ideas
What is graphic design?
The communication from a designer to their audience
Logos


                  Speech
Speaker                           Audience


          Ethos              Pathos
Useful


            Object



Desirable               Usable
Useful/Logos


                  Object/Speech
Designer                            Customer


Desirable/Ethos              Usable/Pathos
What is interface design?
e conversation between a person and a product
Information


                Interface
Product                           User


      Graphic               Interaction
Content         Logos / Useful / Information




                                                                  Speech / Object

Speaker / Designer           Product                  Interface                               User               Audience




            Ethos / Desirable / Graphic   Aesthetic                     Behavior           Pathos / Usable / Interaction
How can we use this?
Currently, one might design a desktop application
en repurpose their work to create a web application version of it
Or one might create a rich internet application
en nd a way to cram as much of that existing design onto a cell phone
Or one might design only a mobile version
While ignoring all other platforms
Often wherever one starts the design process becomes
       the core de nition of the product itself
And in so doing, one designs themselves into a corner
How do you break that cycle?
4
2+2          Four

          4
Quattro        IV
e interface of any software product is
     an expression of its code
Content         Logos / Useful / Information




                                                                  Speech / Object

Speaker / Designer           Product                  Interface                               User               Audience




            Ethos / Desirable / Graphic   Aesthetic                     Behavior           Pathos / Usable / Interaction
Content




Aesthetic             Behavior
Content
<sta                    Mo
              ed_at> 5833346</id>                                            e!              SRg
   < creat            391                                       Grea t venu owal.la/c/4s
    <id>8   274256                                 erac tion.        http:/
                                                                             /g                         ce>
                                    rs o    f Int         ion  2011                         </a> </sour
    <text>            f F  rontie              In teract                         ">G owalla
          D ay 1 o Frontiers Of                                      ="no follow
          #foi1   1 @                                   .com /" rel
                                           //g  owalla
     </  text>            ref=   "h t t p : t e d >
                e><a h se</trunca
      <sourc ed>fal                              ed>
                at
      <trunc ed>false</f               avorit
                                             />
       <f avorit to_status_id
                     y_
       <i  n_repl to_user_id/> />
                   ly_                      ame
        < in_rep _to_screen_n et_count>
                  ply                      twe
        <in_re _count>1</re eeted>                                                  int>
         <ret  weet             se</   retw                              geo rss:po
                   et  ed>fal                               3111 1827</
         <retwe                                4306  21 11.
          <ge  o>              int  >43.76                                           int>
               < geo  rss:po                                              geo rss:po
                                                              3111 1827</
           </geo> ates>                           306 21 11.
           <co  ordin            int>   43.764
                <geo   rss:po
                                s>
                      dinate
            </coor                                    id>
                       >
             <place 21b6f591c4b              3ce8</                        me>
                  <id>   5              e</na   me>          ce</f ull_na                      json</
                                                                                                      url>
                                  enc                    ren                              ce8.
                  <nam   e>Flor lorence, Flo pe>                               6f5 91c4b3
                            na  me>F                a ce_ty           i d/521b
                   <full_ ype>city</pl r.com/1/geo/
                             _t                     te
                   <place p://api.twit
                             tt
                    <url>h tes/>
                              bu                                                     984
                    <attri g_box>                                         88  11.339 4
                     <b oundin :polygon>                      4 43 .72595 11.149650
                          <ge  orss               11. 149650 3.8354579
                               43.7   259588 1.339984 4
                                                  1
                                43.8  354579 n>
                                               ygo
                             /geor   ss:pol                          ry>
Behavior
Aesthetic
In order to design digital products across
 multiple devices successfully, one must
      de ne these core pieces rst

  Behavior
                                  Content
  Aesthetic
Behavior
            Content
Aesthetic




                 Desktop
Mobile

  Behavior
                        Content
  Aesthetic




                             Desktop


              Browser
Internet Appliance


Mobile                                       in Client

  Behavior
                                   Content
  Aesthetic




                                        Desktop


                   Browser
Internet Appliance


Mobile                                       in Client

  Behavior
                                   Content
  Aesthetic




Kiosk                                   Desktop


                   Browser
ere will be more devices – not fewer – in the
near future, and they will have larger surface areas
 while requiring more contexts to design within
e problems we will solve with product design will
become richer and more complex as our customers use
 multiple devices for the same products and services
e solutions of the future will require us to
master how to design with this approach
ink from the center. Design for the edge.



               Grazie
                 £

More Related Content

Similar to Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011

Dev and Ops Collaboration and Awareness at Etsy and Flickr
Dev and Ops Collaboration and Awareness at Etsy and FlickrDev and Ops Collaboration and Awareness at Etsy and Flickr
Dev and Ops Collaboration and Awareness at Etsy and FlickrJohn Allspaw
 
Strategies to foster OER and OER initiatives in developing regions
Strategies to foster OER and OER initiatives in developing regionsStrategies to foster OER and OER initiatives in developing regions
Strategies to foster OER and OER initiatives in developing regions@cristobalcobo
 
Plan4business Customer Workshop in London
Plan4business Customer Workshop in LondonPlan4business Customer Workshop in London
Plan4business Customer Workshop in Londonplan4business
 
Faster! Faster! Accelerate your business with blazing prototypes
Faster! Faster! Accelerate your business with blazing prototypesFaster! Faster! Accelerate your business with blazing prototypes
Faster! Faster! Accelerate your business with blazing prototypesOSCON Byrum
 
Measures for Growth with Firebase Remote Config & Unit Testing Using RxSwift
Measures for Growth with Firebase Remote Config & Unit Testing Using RxSwiftMeasures for Growth with Firebase Remote Config & Unit Testing Using RxSwift
Measures for Growth with Firebase Remote Config & Unit Testing Using RxSwiftFumiya Sakai
 
Optimizing apps for better performance extended
Optimizing apps for better performance extended Optimizing apps for better performance extended
Optimizing apps for better performance extended Elif Boncuk
 
Movable Type Seminar 2011
Movable Type Seminar 2011Movable Type Seminar 2011
Movable Type Seminar 2011Six Apart KK
 
스마트폰의 춘추전국시대, 개발자의 선택은(1)
스마트폰의 춘추전국시대, 개발자의 선택은(1)스마트폰의 춘추전국시대, 개발자의 선택은(1)
스마트폰의 춘추전국시대, 개발자의 선택은(1)mosaicnet
 
The State of Drupal 8
The State of Drupal 8The State of Drupal 8
The State of Drupal 8nyccamp
 
Semantic Web, an introduction for bioscientists
Semantic Web, an introduction for bioscientistsSemantic Web, an introduction for bioscientists
Semantic Web, an introduction for bioscientistsEmanuele Della Valle
 
Introduction to AngularJS
Introduction to AngularJSIntroduction to AngularJS
Introduction to AngularJSPat Cito
 
EFT Quickstart
EFT QuickstartEFT Quickstart
EFT Quickstartgailmae11
 
Goodle Developer Days Munich 2008 - Open Social Update
Goodle Developer Days Munich 2008 - Open Social UpdateGoodle Developer Days Munich 2008 - Open Social Update
Goodle Developer Days Munich 2008 - Open Social UpdatePatrick Chanezon
 
Use Web Skills To Build Mobile Apps
Use Web Skills To Build Mobile AppsUse Web Skills To Build Mobile Apps
Use Web Skills To Build Mobile AppsNathan Smith
 
MyMobileWeb: Open Source Framework for Adaptive Mobile Web Applications
MyMobileWeb: Open Source Framework for Adaptive Mobile Web ApplicationsMyMobileWeb: Open Source Framework for Adaptive Mobile Web Applications
MyMobileWeb: Open Source Framework for Adaptive Mobile Web Applicationscrdlc
 
Introducing Intelligence Into Your Malware Analysis
Introducing Intelligence Into Your Malware AnalysisIntroducing Intelligence Into Your Malware Analysis
Introducing Intelligence Into Your Malware AnalysisBrian Baskin
 

Similar to Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011 (20)

Dev and Ops Collaboration and Awareness at Etsy and Flickr
Dev and Ops Collaboration and Awareness at Etsy and FlickrDev and Ops Collaboration and Awareness at Etsy and Flickr
Dev and Ops Collaboration and Awareness at Etsy and Flickr
 
Hardcore HTML
Hardcore HTMLHardcore HTML
Hardcore HTML
 
Real World F# - SDD 2015
Real World F# -  SDD 2015Real World F# -  SDD 2015
Real World F# - SDD 2015
 
Strategies to foster OER and OER initiatives in developing regions
Strategies to foster OER and OER initiatives in developing regionsStrategies to foster OER and OER initiatives in developing regions
Strategies to foster OER and OER initiatives in developing regions
 
Plan4business Customer Workshop in London
Plan4business Customer Workshop in LondonPlan4business Customer Workshop in London
Plan4business Customer Workshop in London
 
Faster! Faster! Accelerate your business with blazing prototypes
Faster! Faster! Accelerate your business with blazing prototypesFaster! Faster! Accelerate your business with blazing prototypes
Faster! Faster! Accelerate your business with blazing prototypes
 
Measures for Growth with Firebase Remote Config & Unit Testing Using RxSwift
Measures for Growth with Firebase Remote Config & Unit Testing Using RxSwiftMeasures for Growth with Firebase Remote Config & Unit Testing Using RxSwift
Measures for Growth with Firebase Remote Config & Unit Testing Using RxSwift
 
Optimizing apps for better performance extended
Optimizing apps for better performance extended Optimizing apps for better performance extended
Optimizing apps for better performance extended
 
Movable Type Seminar 2011
Movable Type Seminar 2011Movable Type Seminar 2011
Movable Type Seminar 2011
 
스마트폰의 춘추전국시대, 개발자의 선택은(1)
스마트폰의 춘추전국시대, 개발자의 선택은(1)스마트폰의 춘추전국시대, 개발자의 선택은(1)
스마트폰의 춘추전국시대, 개발자의 선택은(1)
 
The State of Drupal 8
The State of Drupal 8The State of Drupal 8
The State of Drupal 8
 
Semantic Web, an introduction for bioscientists
Semantic Web, an introduction for bioscientistsSemantic Web, an introduction for bioscientists
Semantic Web, an introduction for bioscientists
 
Introduction to AngularJS
Introduction to AngularJSIntroduction to AngularJS
Introduction to AngularJS
 
EFT Quickstart
EFT QuickstartEFT Quickstart
EFT Quickstart
 
Goodle Developer Days Munich 2008 - Open Social Update
Goodle Developer Days Munich 2008 - Open Social UpdateGoodle Developer Days Munich 2008 - Open Social Update
Goodle Developer Days Munich 2008 - Open Social Update
 
Use Web Skills To Build Mobile Apps
Use Web Skills To Build Mobile AppsUse Web Skills To Build Mobile Apps
Use Web Skills To Build Mobile Apps
 
HTML5: 5 Quick Wins
HTML5:  5 Quick WinsHTML5:  5 Quick Wins
HTML5: 5 Quick Wins
 
HTML5 for all
HTML5 for allHTML5 for all
HTML5 for all
 
MyMobileWeb: Open Source Framework for Adaptive Mobile Web Applications
MyMobileWeb: Open Source Framework for Adaptive Mobile Web ApplicationsMyMobileWeb: Open Source Framework for Adaptive Mobile Web Applications
MyMobileWeb: Open Source Framework for Adaptive Mobile Web Applications
 
Introducing Intelligence Into Your Malware Analysis
Introducing Intelligence Into Your Malware AnalysisIntroducing Intelligence Into Your Malware Analysis
Introducing Intelligence Into Your Malware Analysis
 

More from Frontiers of Interaction

How to build a Hypernatural Object, Massimo Scognamiglio @ Frontiers of Inter...
How to build a Hypernatural Object, Massimo Scognamiglio @ Frontiers of Inter...How to build a Hypernatural Object, Massimo Scognamiglio @ Frontiers of Inter...
How to build a Hypernatural Object, Massimo Scognamiglio @ Frontiers of Inter...Frontiers of Interaction
 
Gamification in action, Christopher Cunningham @ Frontiers of Intercation 2011
Gamification in action, Christopher Cunningham @ Frontiers of Intercation 2011Gamification in action, Christopher Cunningham @ Frontiers of Intercation 2011
Gamification in action, Christopher Cunningham @ Frontiers of Intercation 2011Frontiers of Interaction
 
"Food for geek thought. Artichokes and philosophy of technology", Paolo Gugli...
"Food for geek thought. Artichokes and philosophy of technology", Paolo Gugli..."Food for geek thought. Artichokes and philosophy of technology", Paolo Gugli...
"Food for geek thought. Artichokes and philosophy of technology", Paolo Gugli...Frontiers of Interaction
 
"Social shopping: Moving beyond group buying to delight and incentive", Lynn ...
"Social shopping: Moving beyond group buying to delight and incentive", Lynn ..."Social shopping: Moving beyond group buying to delight and incentive", Lynn ...
"Social shopping: Moving beyond group buying to delight and incentive", Lynn ...Frontiers of Interaction
 
Comunicato stampa design contest Foi11 ACDI
Comunicato stampa design contest  Foi11  ACDIComunicato stampa design contest  Foi11  ACDI
Comunicato stampa design contest Foi11 ACDIFrontiers of Interaction
 
Wired Italia e Frontiers of Interaction 2010 insieme per dare spazio alle ide...
Wired Italia e Frontiers of Interaction 2010 insieme per dare spazio alle ide...Wired Italia e Frontiers of Interaction 2010 insieme per dare spazio alle ide...
Wired Italia e Frontiers of Interaction 2010 insieme per dare spazio alle ide...Frontiers of Interaction
 
Press Release - Frontiers of Interaction 2010
Press Release -  Frontiers of Interaction 2010Press Release -  Frontiers of Interaction 2010
Press Release - Frontiers of Interaction 2010Frontiers of Interaction
 
Frontiers of Interaction 2010 Social Workshop
Frontiers of Interaction 2010 Social WorkshopFrontiers of Interaction 2010 Social Workshop
Frontiers of Interaction 2010 Social WorkshopFrontiers of Interaction
 

More from Frontiers of Interaction (13)

How to build a Hypernatural Object, Massimo Scognamiglio @ Frontiers of Inter...
How to build a Hypernatural Object, Massimo Scognamiglio @ Frontiers of Inter...How to build a Hypernatural Object, Massimo Scognamiglio @ Frontiers of Inter...
How to build a Hypernatural Object, Massimo Scognamiglio @ Frontiers of Inter...
 
Gamification in action, Christopher Cunningham @ Frontiers of Intercation 2011
Gamification in action, Christopher Cunningham @ Frontiers of Intercation 2011Gamification in action, Christopher Cunningham @ Frontiers of Intercation 2011
Gamification in action, Christopher Cunningham @ Frontiers of Intercation 2011
 
"Food for geek thought. Artichokes and philosophy of technology", Paolo Gugli...
"Food for geek thought. Artichokes and philosophy of technology", Paolo Gugli..."Food for geek thought. Artichokes and philosophy of technology", Paolo Gugli...
"Food for geek thought. Artichokes and philosophy of technology", Paolo Gugli...
 
"Social shopping: Moving beyond group buying to delight and incentive", Lynn ...
"Social shopping: Moving beyond group buying to delight and incentive", Lynn ..."Social shopping: Moving beyond group buying to delight and incentive", Lynn ...
"Social shopping: Moving beyond group buying to delight and incentive", Lynn ...
 
Rassegna stampa nuovo sito
Rassegna stampa nuovo sitoRassegna stampa nuovo sito
Rassegna stampa nuovo sito
 
Rassegna stampa contest Adci
Rassegna stampa contest AdciRassegna stampa contest Adci
Rassegna stampa contest Adci
 
Comunicato stampa design contest Foi11 ACDI
Comunicato stampa design contest  Foi11  ACDIComunicato stampa design contest  Foi11  ACDI
Comunicato stampa design contest Foi11 ACDI
 
Comunicato stampa foi 2011
Comunicato stampa foi 2011Comunicato stampa foi 2011
Comunicato stampa foi 2011
 
Preview_foi11
Preview_foi11Preview_foi11
Preview_foi11
 
Wired Italia e Frontiers of Interaction 2010 insieme per dare spazio alle ide...
Wired Italia e Frontiers of Interaction 2010 insieme per dare spazio alle ide...Wired Italia e Frontiers of Interaction 2010 insieme per dare spazio alle ide...
Wired Italia e Frontiers of Interaction 2010 insieme per dare spazio alle ide...
 
Program - Frontiers of Interaction 2010
Program - Frontiers of Interaction 2010Program - Frontiers of Interaction 2010
Program - Frontiers of Interaction 2010
 
Press Release - Frontiers of Interaction 2010
Press Release -  Frontiers of Interaction 2010Press Release -  Frontiers of Interaction 2010
Press Release - Frontiers of Interaction 2010
 
Frontiers of Interaction 2010 Social Workshop
Frontiers of Interaction 2010 Social WorkshopFrontiers of Interaction 2010 Social Workshop
Frontiers of Interaction 2010 Social Workshop
 

Recently uploaded

Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...Pranav Subramanian
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVAAnastasiya Kudinova
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
How Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives citiesHow Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives citiesThomas Schielke
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioAlinaLau2
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Pranav Subramanian
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONPORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONAnastasiya Kudinova
 
City Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptxCity Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptxYaminiDabbara
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Yantram Animation Studio Corporation
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...Pranav Subramanian
 
Understanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersUnderstanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersCre8iveskill
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 

Recently uploaded (20)

Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVA
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
How Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives citiesHow Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives cities
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering Portfolio
 
ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONPORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
 
City Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptxCity Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptx
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
 
Understanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersUnderstanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's Matters
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 

Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011

  • 1. ink from the center. Design for the edge. Andrei Michael Herasimchuk @trenti #foi11
  • 2. What is art? e personal expression of ideas
  • 3. What is graphic design? The communication from a designer to their audience
  • 4. Logos Speech Speaker Audience Ethos Pathos
  • 5. Useful Object Desirable Usable
  • 6. Useful/Logos Object/Speech Designer Customer Desirable/Ethos Usable/Pathos
  • 7. What is interface design? e conversation between a person and a product
  • 8. Information Interface Product User Graphic Interaction
  • 9. Content Logos / Useful / Information Speech / Object Speaker / Designer Product Interface User Audience Ethos / Desirable / Graphic Aesthetic Behavior Pathos / Usable / Interaction
  • 10. How can we use this?
  • 11. Currently, one might design a desktop application
  • 12. en repurpose their work to create a web application version of it
  • 13. Or one might create a rich internet application
  • 14. en nd a way to cram as much of that existing design onto a cell phone
  • 15. Or one might design only a mobile version
  • 16. While ignoring all other platforms
  • 17. Often wherever one starts the design process becomes the core de nition of the product itself
  • 18. And in so doing, one designs themselves into a corner
  • 19. How do you break that cycle?
  • 20. 4
  • 21. 2+2 Four 4 Quattro IV
  • 22. e interface of any software product is an expression of its code
  • 23. Content Logos / Useful / Information Speech / Object Speaker / Designer Product Interface User Audience Ethos / Desirable / Graphic Aesthetic Behavior Pathos / Usable / Interaction
  • 24. Content Aesthetic Behavior
  • 25.
  • 26.
  • 28. <sta Mo ed_at> 5833346</id> e! SRg < creat 391 Grea t venu owal.la/c/4s <id>8 274256 erac tion. http:/ /g ce> rs o f Int ion 2011 </a> </sour <text> f F rontie In teract ">G owalla D ay 1 o Frontiers Of ="no follow #foi1 1 @ .com /" rel //g owalla </ text> ref= "h t t p : t e d > e><a h se</trunca <sourc ed>fal ed> at <trunc ed>false</f avorit /> <f avorit to_status_id y_ <i n_repl to_user_id/> /> ly_ ame < in_rep _to_screen_n et_count> ply twe <in_re _count>1</re eeted> int> <ret weet se</ retw geo rss:po et ed>fal 3111 1827</ <retwe 4306 21 11. <ge o> int >43.76 int> < geo rss:po geo rss:po 3111 1827</ </geo> ates> 306 21 11. <co ordin int> 43.764 <geo rss:po s> dinate </coor id> > <place 21b6f591c4b 3ce8</ me> <id> 5 e</na me> ce</f ull_na json</ url> enc ren ce8. <nam e>Flor lorence, Flo pe> 6f5 91c4b3 na me>F a ce_ty i d/521b <full_ ype>city</pl r.com/1/geo/ _t te <place p://api.twit tt <url>h tes/> bu 984 <attri g_box> 88 11.339 4 <b oundin :polygon> 4 43 .72595 11.149650 <ge orss 11. 149650 3.8354579 43.7 259588 1.339984 4 1 43.8 354579 n> ygo /geor ss:pol ry>
  • 30.
  • 32.
  • 33. In order to design digital products across multiple devices successfully, one must de ne these core pieces rst Behavior Content Aesthetic
  • 34. Behavior Content Aesthetic Desktop
  • 35. Mobile Behavior Content Aesthetic Desktop Browser
  • 36. Internet Appliance Mobile in Client Behavior Content Aesthetic Desktop Browser
  • 37. Internet Appliance Mobile in Client Behavior Content Aesthetic Kiosk Desktop Browser
  • 38.
  • 39.
  • 40. ere will be more devices – not fewer – in the near future, and they will have larger surface areas while requiring more contexts to design within
  • 41. e problems we will solve with product design will become richer and more complex as our customers use multiple devices for the same products and services
  • 42. e solutions of the future will require us to master how to design with this approach
  • 43. ink from the center. Design for the edge. Grazie £