News, Tipps und Anwendungen aus E-Business, Tech und mehr

Material Design für eine bessere User Experience

  • Hans J. Even
Aktualisiert:
Googles Designsprache Material Design nimmt 2016 Fahrt auf. Nicht nur für Android-Apps, sondern auch für immer mehr Web-Anwendungen wird das Konzept eingesetzt. Doch was genau verbirgt sich hinter dem Begriff? Wie sehen Best Practices aus? TWT Interactive zeigt, was Sie wissen müssen.
Anzeige
Material Design wurde bereits im Rahmen der Google I/O-Entwicklerkonferenz 2014 vorgestellt. Großflächige Elemente, Kontraste in Farbe, Icons und Schriften machen die Designsprache aus. Sie erkennen Parallelen zum Flat Design? Das ist auf der einen Seite richtig, auf der anderen Seite steckt viel mehr hinter dem Designkonzept aus dem Hause Google.

Die Philosophie hinter Material Design
Die Funktion steht beim Material Design im Vordergrund. Ziel ist es, eine positive, benutzerfreundliche Interaktion zwischen User und Website oder App zu schaffen. Eine schlichte, klare Font sowie ein frisches User Interface – das sind weitere Elemente des Material Designs. Diese klaren Formen helfen dem User, sich zu orientieren und verringern so den Navigationsweg auf einer Website oder innerhalb einer App. Die Philosophie hinter Material Design: Das Design von Apps und Websites soll über alle Devices hinweg ein einheitliches Bild liefern. Wie das gelingt, kann auf der Plattform MaterialUp angeschaut werden. Auf der Website finden sich zahlreiche Beispiele für Apps, die dem Material Design folgen.

Einblicke in das Konzept des Material Designs

● Das Design findet im dreidimensionalem Raum statt, d.h. jedes Design-Element weist eine x-, y- und eine z-Achse auf
● Im Material Design werden die Elemente physikalisch betrachtet
● In jeder Anwendung gibt es virtuelle Lichtquellen, das sogenannte “directional light” und “ambient light”
● Diese Lichtquellen erzeugen Schatten an den Kanten des Design-Objektes
● Die Objekte dürfen ihre Form im Material Design frei bewegen
● Auf Spielereien wird im Designkonzept explizit verzichtet; Button und andere Elemente weisen keine Schnörkel auf, wirken aufgeräumt und übersichtlich
● Kontinuität kommt eine besondere Bedeutung zu (z.B. nahtlose Übergänge zwischen den Devices)

https://youtu.be/Q8TXgCzxEnw

Fazit
Material Design ermöglicht eine gleichbleibend gute Benutzererfahrung auf allen Endgeräten. Websites, App und Online-Shops sollten an jeglichen Customer Touchpoints schlüssig auf die Anforderungen der Zielgruppe ausgerichtet sein.

Hinweise Inhalte

Unsere Inhalte vermitteln praktisches Fachwissen aus verschiedenen Themenbereichen, sind aber gleichzeitig auch immer Werbung für eine Idee, ein Konzept, Projekt, Produkt, Unternehmen oder eine Dienstleistung. Dies bedeutet, dass zwar Fachwissen von Experten vermittelt wird, aber gleichzeitig auch die Tätigkeiten eines Experten oder eines Unternehmens in Form von Textinhalten und Verlinkungen präsentiert werden können.
Partnerlinks: Unsere Artikel enthalten teilweise Partnerlinks (Affiliate). Wer ein Produkt über einen solchen Link bestellt, unterstützt die Arbeit von ECIN, denn wir erhalten dann eine kleine Provision. Am eigentlich Preis des Produkts ändert sich nichts.
Finanzthemen: Inhalte zum Thema Finanzen stellen keine fachliche Finanzberatung (Investmentberatung) dar und ersetzen diese auch nicht. Die Inhalte stellen keine Aufforderung zum Kauf oder Verkauf von Produkten / Finanzprodukten dar. Finanzprodukte jeglicher Art sind immer mit finanziellen Risiken verbunden. Es kann zu einem Totalverlust des eingesetzten Kapitals kommen. Investitions- oder Kaufentscheidungen sollten deshalb immer gut überlegt erfolgen. Zudem kann keine Garantie oder Haftung für die Richtigkeit, Vollständigkeit und Aktualität der zur Verfügung gestellten Inhalte und Informationen übernommen werden. Für den Inhalt der Artikel ist allein der Urheber verantwortlich. ECIN.de distanziert sich von dem Inhalt der Artikel. Der Inhalt wurde von ECIN weder auf ihre Richtigkeit noch darauf überprüft, ob damit die Rechte Dritter verletzt werden. Wenn Ihnen ein Rechtsverstoß auffällt kontaktieren Sie ECIN.de.

Haftungsausschluss Inhalte

Unsere Inhalte vermitteln Fachwissen aus verschiedenen Themenbereichen, sind aber gleichzeitig auch immer Werbung für eine Idee, ein Konzept, Projekt, Produkt, Unternehmen oder eine Dienstleistung. Dies bedeutet, dass zwar Fachwissen von Experten vermittelt wird, aber gleichzeitig auch die Tätigkeiten eines Experten oder eines Unternehmens in Form von Textinhalten und Verlinkungen präsentiert werden können. Desweiteren weisen wir darauf hin, dass Inhalte zum Thema Finanzen keine fachliche Finanzberatung (Investmentberatung) darstellen und diese auch nicht ersetzen. Die Inhalte stellen keine Aufforderung zum Kauf oder Verkauf von Produkten / Finanzprodukten dar. Finanzprodukte jeglicher Art sind immer mit finanziellen Risiken verbunden. Es kann zu einem Totalverlust des eingesetzten Kapitals kommen. Investitions- oder Kaufentscheidungen sollten deshalb immer gut überlegt erfolgen. Zudem kann keine Garantie oder Haftung für die Richtigkeit, Vollständigkeit und Aktualität der zur Verfügung gestellten Inhalte und Informationen übernommen werden. Für den Inhalt der Artikel ist allein der Urheber verantwortlich. ECIN.de distanziert sich von dem Inhalt der Artikel. Der Inhalt wurde von ECIN weder auf ihre Richtigkeit noch darauf überprüft, ob damit die Rechte Dritter verletzt werden. Wenn Ihnen ein Rechtsverstoß auffällt kontaktieren Sie ECIN.de.