Design Next 2017
Beautiful Interfaces. From User Experence to Interface Design. Letizia Bollini, PhD Department of Psychology, University of Milano Bicocca
Form ever follows function —Louis Sullivan, 1896
A long and winding road aesthetic values User Interface Design Design Next 2017
?
technical issues User Experience Design
Beautiful Interfaces. From User Experence to Interface Design. Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
3 26
White space is your enemy
Design Next 2017
Home page usability
Jacob Nielsen & Marie Tahir, 2001 Beautiful Interfaces. From User Experence to Interface Design. Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
4 24
Effectivness, efficiency, satisfaction —ISO 9241-11, 1998
Usability > User Experience Useful Usable
Desirable
User Experience Hoenycomb Peter Morville, 2004
Valuable Accessibile
Findable Credible
Design Next 2017
Beautiful Interfaces. From User Experence to Interface Design. Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
6 26
It’s ugly, but it works
Wikipedia Standard Visualization
Wikipedia Wikiwand widget
Inherent vs. apparent usability —Kurosu & Kashimura, 1995
Apparent usability vs. inherent usability Kurosu & Kashimura, 1995
User Experience > Aesthetic > Kurosu & Kashimura, 1995 Apparent usability vs. inherent usability: experimental analysis on the determinants of the apparent usability > Tractinsky, Katz & Ikar, 1999/00 What is beautiful is usable > Donald Norman, 2002 Emotion and design: Attractive things work better > Talia & Tractinsky, 2003 Assessing dimensions of perceived visual aesthetics of web sites Design Next 2017
Beautiful Interfaces. From User Experence to Interface Design. Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
10 26
The aesthetic of visual metaphors
Graphical User Interfaces
Apple Mac Os Icons Susan Kare, 1984
Design Next 2017
Beautiful Interfaces. From User Experence to Interface Design. Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
12 24
The Flash Aesthetic ®
The Remedi Project Munkovitz & Nico Stumpo, 1997-98
Nervous Matrix on Mona Lisa Yougo Nakamura, 1998
The Markup Aesthetic My Casbah Davis Siegel, 1995 circa
The Css Aesthethic
CSS Zen Garden: The Beauty of CSS Design Dave Shea, 2003
The template Aesthetic
Wordpress Theme Elegant Themes, 2016
Mimesis vs. abstraction
Skeuhomorphismo Contacts Apple iOS, 2007
From pixel to flat
Design Next 2017
Beautiful Interfaces. From User Experence to Interface Design. Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
21 24
Material Design Contacts Android Os, 2014
The Brutalism Manifesto —Pascal Deville, 2014
New Brutalism
“ “
[Brutalism] doesn’t necessarily have a defined set of aesthetic signifiers. What defines those signifiers is decided by the platform it’s built on. —Jake Tobin I designed a brutalist web site to show that we can still do wonderful things together on the web without so-called ‘best practices’. —Katherine Archement, 2016 Design Next 2017
Beautiful Interfaces. From User Experence to Interface Design. Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
23 26
lifeactionrevival.org homepage 2016
Conclusions > Brutalism: ethic rather than aethetic > Against omologation and compromises
> The 3D and Virtual reality: the spatial revolution > Acoustic, aptic, multimodal interfaces
Design Next 2017
Beautiful Interfaces. From User Experence to Interface Design. Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
25 26
Grazie! Letizia Bollini, PhD Psychology Department, University of Milano-Bicocca Mail
[email protected] Slide www.lbollini.it Twitter @extrasmallit