Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011
-
Upload
frontiers-of-interaction -
Category
Design
-
view
987 -
download
0
description
Transcript of Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011
![Page 1: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/1.jpg)
!ink from the center. Design for the edge.
Andrei Michael Herasimchuk
@trenti #foi11
![Page 2: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/2.jpg)
What is art? !e personal expression of ideas
![Page 3: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/3.jpg)
What is graphic design? The communication from a designer to their audience
![Page 4: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/4.jpg)
Logos
Speech
Ethos Pathos
Speaker Audience
![Page 5: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/5.jpg)
Useful
Desirable Usable
Object
![Page 6: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/6.jpg)
Desirable/Ethos
Designer Customer
Useful/Logos
Usable/Pathos
Object/Speech
![Page 7: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/7.jpg)
What is interface design? !e conversation between a person and a product
![Page 8: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/8.jpg)
Graphic
Information
Interaction
InterfaceProduct User
![Page 9: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/9.jpg)
Content
Interface
Aesthetic Behavior
Product User
Logos / Useful / Information
Ethos / Desirable / Graphic Pathos / Usable / Interaction
Speech / Object
AudienceSpeaker / Designer
![Page 10: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/10.jpg)
How can we use this?
![Page 11: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/11.jpg)
Currently, one might design a desktop application
![Page 12: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/12.jpg)
!en repurpose their work to create a web application version of it
![Page 13: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/13.jpg)
Or one might create a rich internet application
![Page 14: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/14.jpg)
!en "nd a way to cram as much of that existing design onto a cell phone
![Page 15: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/15.jpg)
Or one might design only a mobile version
![Page 16: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/16.jpg)
While ignoring all other platforms
![Page 17: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/17.jpg)
Often wherever one starts the design process becomesthe core de"nition of the product itself
![Page 18: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/18.jpg)
And in so doing, one designs themselves into a corner
![Page 19: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/19.jpg)
How do you break that cycle?
![Page 20: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/20.jpg)
4
![Page 21: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/21.jpg)
2 + 2 Four
Quattro IV 4
![Page 22: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/22.jpg)
!e interface of any software product isan expression of its code
![Page 23: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/23.jpg)
Content
Interface
Aesthetic Behavior
Product User
Logos / Useful / Information
Ethos / Desirable / Graphic Pathos / Usable / Interaction
AudienceSpeaker / Designer
Speech / Object
![Page 24: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/24.jpg)
Aesthetic
Content
Behavior
![Page 25: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/25.jpg)
![Page 26: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/26.jpg)
![Page 27: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/27.jpg)
Content
![Page 28: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/28.jpg)
<status><created
_at>Mon Jun 20 0
9:32:19 +0000 20
11</created_at>
<id>827425639158
33346</id>
<text>Day 1 of
Frontiers of In
teraction. Great
venue!
#foi11 @ Frontie
rs Of Interactio
n 2011 http://go
wal.la/c/4sSRg
</text>
<source><a href=
"http://gowalla.
com/" rel="nofol
low">Gowalla</a>
</source>
<truncated>false
</truncated>
<favorited>false
</favorited>
<in_reply_to_sta
tus_id/>
<in_reply_to_use
r_id/>
<in_reply_to_scr
een_name/>
<retweet_count>1
</retweet_count>
<retweeted>false
</retweeted>
<geo><georss:
point>43.7643062
1 11.31111827</g
eorss:point>
</geo>
<coordinates>
<georss:point>43
.76430621 11.311
11827</georss:po
int>
</coordinates>
<place><id>521b
6f591c4b3ce8</id
>
<name>Florence</
name>
<full_name>Flore
nce, Florence</f
ull_name>
<place_type>city
</place_type>
<url>http://api.
twitter.com/1/ge
o/id/521b6f591c4
b3ce8.json</url>
<attributes/>
<bounding_box>
<georss:polygon>
43.7259588 11.14
96504 43.7259588
11.339984
43.8354579 11.33
9984 43.8354579
11.1496504
</georss:polygon
>
</bounding_box>
<country code="I
T">Italy</countr
y>
![Page 29: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/29.jpg)
Behavior
![Page 30: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/30.jpg)
![Page 31: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/31.jpg)
Aesthetic
![Page 32: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/32.jpg)
![Page 33: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/33.jpg)
In order to design digital products across multiple devices successfully, one must
de"ne these core pieces "rst
ContentBehavior
Aesthetic
![Page 34: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/34.jpg)
ContentBehavior
Aesthetic
Desktop
![Page 35: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/35.jpg)
ContentBehavior
Aesthetic
Desktop
Browser
Mobile
![Page 36: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/36.jpg)
ContentBehavior
Aesthetic
Internet Appliance
!in Client
Desktop
Browser
Mobile
![Page 37: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/37.jpg)
Internet Appliance
!in Client
Desktop
Browser
Kiosk
Mobile
ContentBehavior
Aesthetic
![Page 38: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/38.jpg)
![Page 39: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/39.jpg)
![Page 40: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/40.jpg)
!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
![Page 41: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/41.jpg)
!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
![Page 42: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/42.jpg)
!e solutions of the future will require us to master how to design with this approach
![Page 43: Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011](https://reader034.fdocuments.net/reader034/viewer/2022042813/5455135eb1af9f33608b46bf/html5/thumbnails/43.jpg)
£
Grazie
!ink from the center. Design for the edge.