SlideShare ist ein Scribd-Unternehmen logo
1 von 61
Downloaden Sie, um offline zu lesen
USER INTERFACE DESIGN
     NEW MINIMALISM



       bei Johannes P. Osterhoff
      Wintersemester 2011/2012
       Merz Akademie Stuttgart
SO WHAT BUTTON
PAULA SCHWABE, DANIEL SILLER, SARAH BINDZUS
JETZT ABRECHNEN
    MARA-LISA CHAALIL
nm.merz-akademie.de/~mara-lisa.chaalil/facebook-rechnung
METRO UI GOES REALITY
   STEFFEN MITSCHELEN, KEVIN HIMMELSBACH
WINDOWS 8 SCREENS
     MAX WOHLLEBER
d:)
Yo, bro, keep slack. Your buisnes shit is
overstraining me. Peace out!
You can search for the error online: HAL_$$$_FAILED
<3
Your PC fell in Love with you. It couldn‘t
handle this, and now it needs to restart.
You can search for the error online: HAL_LOVE_FAILED
:-'
Your PC has decided to make a cigarette break.
You have to wait, till it is back...
You can search for the error online: HAL_CIGARETTE_FAILED
:o
Your PC is afraid by the things you do on it.
Please shut your PC down and don‘t start it again.
You can search for the error online: HAL_SHUTDOWN_FAILED
22°                              Merz-Akademie, DE
22° / 16°           20°             1          Cloudy
High / Low          Feels like      UV index   Current condition


30%                 64 %            16 mph W
Chance of precip.   Humidity        Wind
IPHONE APPS
  JULIUS SCHIPPERT
NEW MINIMALISM?
USER INTERFACE DESIGN

Weitere ähnliche Inhalte

Andere mochten auch

Beyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web applicationBeyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web applicationPete Smith
 
Lean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables businessLean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables businessJeff Gothelf
 
UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )Shervin Mashayekh
 
UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesSamuel Chow
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterFail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterJeremy Johnson
 
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2Sara Cannon
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 

Andere mochten auch (10)

Beyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web applicationBeyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web application
 
Lean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables businessLean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables business
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )
 
UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best Practices
 
What is ux?
What is ux?What is ux?
What is ux?
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterFail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
 
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 

Mehr von Johannes P Osterhoff

"Google" at "Isolation and Empowerment after Web 2.0", transmediale 2012
"Google" at "Isolation and Empowerment after Web 2.0", transmediale 2012"Google" at "Isolation and Empowerment after Web 2.0", transmediale 2012
"Google" at "Isolation and Empowerment after Web 2.0", transmediale 2012Johannes P Osterhoff
 
Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet
Wie man sofort weiß, was einen bei Facettierter Videosuche erwartetWie man sofort weiß, was einen bei Facettierter Videosuche erwartet
Wie man sofort weiß, was einen bei Facettierter Videosuche erwartetJohannes P Osterhoff
 
In the Uncanny Valley of UI Design
In the Uncanny Valley of UI DesignIn the Uncanny Valley of UI Design
In the Uncanny Valley of UI DesignJohannes P Osterhoff
 
Interface Kunst zwischen Schiller und Porno
Interface Kunst zwischen Schiller und PornoInterface Kunst zwischen Schiller und Porno
Interface Kunst zwischen Schiller und PornoJohannes P Osterhoff
 
Interface Art @ Ars Electronica 2010
Interface Art @ Ars Electronica 2010Interface Art @ Ars Electronica 2010
Interface Art @ Ars Electronica 2010Johannes P Osterhoff
 
CONTENTUS—A Semantic Multimodal Search User Interface
CONTENTUS—A Semantic Multimodal Search User InterfaceCONTENTUS—A Semantic Multimodal Search User Interface
CONTENTUS—A Semantic Multimodal Search User InterfaceJohannes P Osterhoff
 

Mehr von Johannes P Osterhoff (11)

"Google" at "Isolation and Empowerment after Web 2.0", transmediale 2012
"Google" at "Isolation and Empowerment after Web 2.0", transmediale 2012"Google" at "Isolation and Empowerment after Web 2.0", transmediale 2012
"Google" at "Isolation and Empowerment after Web 2.0", transmediale 2012
 
Google at MoAA
Google at MoAAGoogle at MoAA
Google at MoAA
 
Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet
Wie man sofort weiß, was einen bei Facettierter Videosuche erwartetWie man sofort weiß, was einen bei Facettierter Videosuche erwartet
Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet
 
In the Uncanny Valley of UI Design
In the Uncanny Valley of UI DesignIn the Uncanny Valley of UI Design
In the Uncanny Valley of UI Design
 
Icon Garden, A suggested Update
Icon Garden, A suggested UpdateIcon Garden, A suggested Update
Icon Garden, A suggested Update
 
Artist Talk at HPI HCI Lab
Artist Talk at HPI HCI LabArtist Talk at HPI HCI Lab
Artist Talk at HPI HCI Lab
 
1. Erlanger Pecha Kucha Nacht
1. Erlanger Pecha Kucha Nacht1. Erlanger Pecha Kucha Nacht
1. Erlanger Pecha Kucha Nacht
 
Interface Kunst zwischen Schiller und Porno
Interface Kunst zwischen Schiller und PornoInterface Kunst zwischen Schiller und Porno
Interface Kunst zwischen Schiller und Porno
 
Interface Art @ Ars Electronica 2010
Interface Art @ Ars Electronica 2010Interface Art @ Ars Electronica 2010
Interface Art @ Ars Electronica 2010
 
Semantic Media Explorer
Semantic Media ExplorerSemantic Media Explorer
Semantic Media Explorer
 
CONTENTUS—A Semantic Multimodal Search User Interface
CONTENTUS—A Semantic Multimodal Search User InterfaceCONTENTUS—A Semantic Multimodal Search User Interface
CONTENTUS—A Semantic Multimodal Search User Interface
 

Kürzlich hochgeladen

Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxAmanpreet Kaur
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docxPoojaSen20
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Association for Project Management
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxnegromaestrong
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesCeline George
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxdhanalakshmis0310
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfPoh-Sun Goh
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 

Kürzlich hochgeladen (20)

Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 

New Minimalism in UI Design

  • 1. USER INTERFACE DESIGN NEW MINIMALISM bei Johannes P. Osterhoff Wintersemester 2011/2012 Merz Akademie Stuttgart
  • 2. SO WHAT BUTTON PAULA SCHWABE, DANIEL SILLER, SARAH BINDZUS
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. JETZT ABRECHNEN MARA-LISA CHAALIL
  • 13.
  • 14.
  • 15.
  • 17. METRO UI GOES REALITY STEFFEN MITSCHELEN, KEVIN HIMMELSBACH
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. WINDOWS 8 SCREENS MAX WOHLLEBER
  • 38.
  • 39. d:) Yo, bro, keep slack. Your buisnes shit is overstraining me. Peace out! You can search for the error online: HAL_$$$_FAILED
  • 40. <3 Your PC fell in Love with you. It couldn‘t handle this, and now it needs to restart. You can search for the error online: HAL_LOVE_FAILED
  • 41. :-' Your PC has decided to make a cigarette break. You have to wait, till it is back... You can search for the error online: HAL_CIGARETTE_FAILED
  • 42. :o Your PC is afraid by the things you do on it. Please shut your PC down and don‘t start it again. You can search for the error online: HAL_SHUTDOWN_FAILED
  • 43.
  • 44. 22° Merz-Akademie, DE 22° / 16° 20° 1 Cloudy High / Low Feels like UV index Current condition 30% 64 % 16 mph W Chance of precip. Humidity Wind
  • 45.
  • 46.
  • 47.
  • 48.
  • 49. IPHONE APPS JULIUS SCHIPPERT
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.