Document not found! Please try again

Beautiful Interfaces. From User Experence to ...

51 downloads 175298 Views 511KB Size Report
The template Aesthetic. Wordpress Theme. Elegant Themes, 2016. Page 18. Mimesis vs. abstraction. Page 19. Skeuhomorphismo. Contacts. Apple iOS, 2007 ...
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