This document summarizes a presentation on interface design given by Letizia Bollini. It discusses the evolution of interface aesthetics from early icons to flat and material design. It also covers usability principles and how aesthetics and usability relate. Key findings are that the medium shapes the aesthetic qualities, brutalism is defined by the platform not fixed signs, and future interfaces may incorporate spatial, multimodal, and sci-fi influenced elements. The presentation concludes that design must balance standardization with avoiding homogenization.

1. Design Next
2017
Beautiful Interfaces.
From User Experence to Interface Design.
Letizia Bollini, PhD
Department of Psychology, University of Milano Bicocca

2. Form ever follows function
—Louis Sullivan, 1896

3. Beautiful Interfaces. From User Experence to Interface Design.
Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
Design
Next
2017 3 24
A long and winding road
aesthetic
values
User Interface
Design
technical
issues
User Experience
Design
?

4. 4 24
Design
Next
2017
Beautiful Interfaces. From User Experence to Interface Design.
Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
White space is your enemy
Home page usability
Jacob Nielsen & Marie Tahir, 2001

5. Wikipedia
Wikiwand widget
Wikipedia
Standard Visualization

6. Effectivness, efficiency,
satisfaction
—ISO 9241-11, 1998

7. Beautiful Interfaces. From User Experence to Interface Design.
Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
Design
Next
2017 6 24
Usability > User Experience
Findable
Usable
Useful
Valuable
Credible
Desirable
Accessibile
User Experience Hoenycomb
Peter Morville, 2004

8. Inherent vs. apparent usability
—Kurosu & Kashimura, 1995

9. Apparent usability vs. inherent usability
Kurosu & Kashimura, 1995

10. Beautiful Interfaces. From User Experence to Interface Design.
Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
Design
Next
2017 10 24
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
Assessingdimensionsofperceivedvisualaestheticsofwebsites

11. The aesthetic
of visual metaphors

12. 14 24
Design
Next
2017
Beautiful Interfaces. From User Experence to Interface Design.
Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
Graphical User Interfaces
Apple Mac Os Icons
Susan Kare, 1984

13. My Casbah
Davis Siegel, 1995 circa
The Markup Aesthetic

14. The Flash®
Aesthetic The Remedi Project
Munkovitz & Nico Stumpo, 1997-98

15. Nervous Matrix on Mona Lisa
Yougo Nakamura, 1998

16. CSS Zen Garden:
The Beauty of CSS Design
Dave Shea, 2003
The Css Aesthethic

17. The template Aesthetic
Wordpress Theme
Elegant Themes, 2016

18. Mimesis vs. abstraction

19. Skeuhomorphismo
Contacts
Apple iOS, 2007

20. 23 24
Design
Next
2017
Beautiful Interfaces. From User Experence to Interface Design.
Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
From pixel to flat

21. Material Design
Contacts
Android Os, 2014

22. The Brutalism Manifesto
—Pascal Deville, 2014

23. lifeactionrevival.org homepage
2016

24. Beautiful Interfaces. From User Experence to Interface Design.
Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
Design
Next
2017 25 24
New Brutalism
[Brutalism] doesn’t necessarily have a defined set of
aesthetic signifiers.
What defines those signifiers is decided by the plat-
form 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 wi-
thout so-called ‘best practices’.
—Katherine Archement, 2016
“
“

25. Beautiful Interfaces. From User Experence to Interface Design.
Letizia Bollini, PhD - Department of Psychology, University of Milano Bicocca
Design
Next
2017 27 24
Conclusions
> The medium is the message
> Brutalism: ethic rather than aethetic
> Against omologation and compromises
> The 3D and Virtual reality: the spatial revolution
> Acoustic, aptic, multimodal interfaces
> The original universe of sign, symbols: sci-fi and Cyber

26. ?

27. Letizia Bollini, PhD
Psychology Department, University of Milano Bicocca
Mail: letizia.bollini@unimib.it
Slide: www.lbollini.it
Twitter: @extrasmallit