Was ist Design?





Absolventen der Medieninformatik konzipieren und explorieren neue digitale Medien und interaktive digitale Produkte, implementieren diese in Hard- und Software, treiben interdisziplinäre Entwicklungsprozesse voran, und analysieren und evaluieren deren Nutzung.
Im Handlungsfeld Designing for User Experiences gestalten Medieninformatiker*innen digitale Anwendungen und deren Einbettung in Ökosysteme von Unternehmen oder Institutionen. Sie analysieren Nutzungskontexte, führen Benutzerforschung durch, entwickeln Interaktionskonzepte, Prototypen und Wireframes und arbeiten eng mit Entwickler*innen zusammen. Ziel ist es, funktionale, ästhetische, inklusive und nachhaltige Nutzungserlebnisse zu schaffen. Dabei werden Methoden aus Design, Mensch-Computer-Interaktion und Design Thinking angewandt. Durch fortlaufende Evaluationen und Anpassungen werden Lösungen auf die langfristigen Bedürfnisse der Nutzer*innen abgestimmt, um eine effiziente, zugängliche und positive Interaktion zu gewährleisten.
Rolle von Design in der Medieninformatik
Grundbegriffe klären
Grundsätzliche Herangehensweisen und Sichtweisen klären
How to create Digital Products?

Typical Product Team

Different Types of Design(ers)

https://techcrunch.com/2017/05/31/here-are-some-reasons-behind-techs-design-shortage
https://www.nngroup.com/articles/ux-developer-ratio/

Wie würden Sie die folgenden Designs bewerten?
Oder anders gefragt: nach welchen Kriterien würde Sie bewerten?

https://virena.eu/

https://lucasdeoliveira.webflow.io/

https://lusion.co/

https://dribbble.com/

https://www.canyon.com/de-de/
Design is ...
making things pretty?
moving pixels around?


asking the right questions.
identifying and solving problems.
Was wären die richtigen Fragen am Anfang eines Designprozesses?
Wie können wir Probleme identifizieren?
In der Pause veranstalten wir einen Papierflieger-Langflugwettbewerb! Jeder hat 5 Minuten Zeit, um aus einem DIN-A4-Blatt seinen eigenen Papierflieger zu falten. Schreiben Sie gut lesbar Ihren Namen auf den Flieger, denn alle Papierflieger werden gleichzeitig abgeworfen.
Nach der Bauzeit stellen sich alle Teilnehmenden nebeneinander auf, und auf ein gemeinsames Startsignal werfen wir die Papierflieger gleichzeitig in die Luft. Gewonnen hat der Flieger, der am längsten in der Luft bleibt. Die Person mit dem am längsten fliegenden Papierflieger gewinnt Ruhm, Ehre und eine kleine Überraschung.
Viel Erfolg und gute Flugzeit!
Woran erkennen wir gutes Design?

Good Design is innovative
The possibilities for innovation are not, by any means, exhausted. Technological development is always offering new opportunities for innovative design. But innovative design always develops in tandem with innovative technology, and can never be an end in itself.
Good design is aesthetic
The aesthetic quality of a product is integral to its usefulness because products we use every day affect our person and our well-being. But only well-executed objects can be beautiful.
Good design makes a product useful
A product is bought to be used. It has to satisfy certain criteria, not only functional, but also psychological and aesthetic. Good design emphasizes the usefulness of a product whilst disregarding anything that could possibly detract from it.
Good design makes a product understandable
It clarifies the product’s structure. Better still, it can make the product talk. At best, it is self-explanatory.
Good design is unobtrusive
Products fulfilling a purpose are like tools. They are neither decorative objects nor works of art. Their design should therefore be both neutral and restrained, to leave room for the user’s self-expression.
Good design is honest
It does not make a product more innovative, powerful or valuable than it really is. It does not attempt to manipulate the consumer with promises that cannot be kept.
Good design is long-lasting
It avoids being fashionable and therefore never appears antiquated. Unlike fashionable design, it lasts many years – even in today’s throwaway society.
Good design is thorough down to the last detail
Nothing must be arbitrary or left to chance. Care and accuracy in the design process show respect towards the user.
Good design is environmentally-friendly
Design makes an important contribution to the preservation of the environment. It conserves resources and minimizes physical and visual pollution throughout the lifecycle of the product.
Good design is as little design as possible
Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials. Back to purity, back to simplicity.

Dieter Rams
Industrial Designer


innovative
aesthetic
makes a product useful
makes a product understandable
unobtrusive
honest
long-lasting
thorough down to the last detail
environmentally-friendly
as little design as possible
Design Basics
Versuchen Sie, offen zu sein
Gestaltungslösungen sind nicht binär
Versuchen Sie, unvollständige Übung durch gute Fragen zu komplettieren
Entwickeln Sie stets Alternativen und dokumentieren diese, um nachweisen zu können, dass die gewählte Lösung die Beste (zumindest aus Ihren Varianten) ist
Entwickeln Sie Argumente und Begründungszusammenhänge für Ihre Gestaltungen
Beschreiben Sie Funktion und Zielgruppe?
Zielsetzung & Zielgruppe

Henne & Ei Problem

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design? Was ist der Unterschied?

Funktion & Zielgruppe: gutes Design? Was ist der Unterschied?

Was ist der Unterschied?

Was ist der Unterschied?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?

Funktion & Zielgruppe: gutes Design?
Wie beschreiben wir ein Layout?
Gutes Auge, präzise Sprache

Wie beschreiben wir ein Layout?
Nach welcher Systematik können wir vorgehen?

Wie beschreiben wir ein Layout?
Welche visuellen Elementtypen gibt es eigentlich?











Wie beschreiben wir ein Layout?
Welche visuellen Eigenschaften kann ein Element haben?
Punkt // Linie // Fläche // Form


Wie beschreiben wir ein Layout?
Welche visuellen Eigenschaften kann ein Element haben?

Punkt // Linie // Fläche // Form
Notieren Sie visuelle Eigenschaften für die folgenden Beispiele.













Gutes Auge, präzise Sprache
Wie beschreiben wir ein Layout?



Design macht den Unterschied.
Design ist ein »wicked problem«.
Design stellt Fragen.
Medieninformatiker können entscheidende Rollen in Teams übernehmen.
Wir gestalten in der Regel nicht für uns selbst.
Danke für's Mitmachen