Interaktionsdesign Was ist das und wie können Sie es verwenden?

Interaktionsdesign ist möglicherweise das am meisten diskutierte Designkonzept des Jahres 2015. Es ist etwas, über das Sie in all Ihren digitalen Projekten nachdenken und planen sollten.

Aber wie können Sie Interaktionsdesign optimal nutzen? Wie können Sie etwas gestalten, mit dem Menschen interagieren möchten? Während sich einige dieser Antworten mit der Technologie ändern, bleibt ein Element dasselbe: Die Menschen möchten intuitives, funktionales und ästhetisches Design verwenden.

Was ist Interaktionsdesign?

In Design, Mensch-Computer-Interaktion und Softwareentwicklung, Interaktionsdesign, oft als IxD abgekürzt, geht es darum, digitale Dinge für die Nutzung durch den Menschen zu gestalten, und wird abwechselnd als „die Gestaltung interaktiver digitaler Produkte, Umgebungen, Systeme und Dienste“ bezeichnet. - Wikipedia

Interaktionsdesign ist einfach ein Prozess der Verbindung der digitalen Welt mit der menschlichen. Es macht Dinge, die auf dem Bildschirm basieren, real erscheinen und funktionieren im digitalen Bereich wie im physischen Raum. Diese Verbindung hilft Menschen, digitale Produkte und Geräte zu verwenden und mit ihnen zu interagieren, von Desktop-Computern über Telefone und Uhren bis hin zu Websites, Apps und Spielen. Interaktionsdesign ist ein Konzept, das alles, was wir über Design und Funktion wissen, in einer einzigen Idee vereint.

IxD ist das Schlagwort der Design-Community, da wir uns bemühen, physische Aktionen und Interaktionen zu entwerfen und zu replizieren, um digitale Produkte bestmöglich mit Benutzern zu verbinden. Die Ideen hinter dem Design wurzeln in den Prinzipien der guten Optik, während sich die Technologie fast so schnell entwickelt, wie wir es für sie entwerfen können.

Fragen zum Nachdenken

Eine der besten Anleitungen zum Nachdenken über Interaktionsdesign ist eigentlich ein Usability-Standard von Usability.gov. Der Leitfaden enthält eine Reihe von Fragen (und sogar Unterfragen), die als Grundlage für die Erstellung eines Projekts mit digitalen Interaktionen dienen. Mit diesem Verständnis können Sie vorhersehen, wie jemand mit dem System interagiert und Probleme frühzeitig sowie Probleme löst neue Wege zu erfinden.

Hier sind die Konzepte, die Sie zuerst berücksichtigen sollten. Sie können alle Unterfragen und Überlegungen von Usability.gov finden.

• Definieren Sie, wie Benutzer mit der Schnittstelle interagieren können
• Geben Sie den Benutzern Hinweise zum Verhalten, bevor Aktionen ausgeführt werden
• Fehler vorhersehen und abmildern
• Berücksichtigen Sie das Systemfeedback und die Reaktionszeit
• Denken Sie strategisch über jedes Element im Design nach
• Vereinfachen Sie die Lernfähigkeit

Viele dieser Konzepte sollten vertraut sein. Die Konzepte und Ideen stehen im Einklang mit dem, was wir häufig in der Design-Community diskutieren, wenn wir darüber reden, was ästhetisch funktioniert und was nicht. Die Techniken, mit denen Sie ein vollständig interaktives Design erstellen, sind zwar unterschiedlich, die Prinzipien eines guten Designs sind jedoch relativ gleich.

Leitprinzipien

Vieles, was Sie über Interaktion denken, kombiniert Designprinzipien mit Prinzipien der menschlichen Emotion und Interaktion. Überlegen Sie sich bei der Festlegung, wie ein digitales Projekt funktionieren sollte, wie Sie Ihre bevorzugten Tools verwenden und mit diesen interagieren. Was ist mit diesen Tools für Sie interessant? (Viele der besten Funktionen sind wahrscheinlich Dinge, über die Sie nicht einmal bewusst nachdenken.)

Denken Sie bei der Entscheidung, wie sich der Benutzer mit Ihrem Design verbindet, über diese Prinzipien oder Konzepte nach.

• Bewegung: Wenn Sie über Bewegungs- und Interaktionsdesign nachdenken, bestehen die ersten mentalen Bilder oft aus Wisch- oder Tippbewegungen, da dies die Bewegungen des Benutzers sind, die Elemente im Design aktivieren. Wenn Sie mit der Maus klicken oder einen Tablettbildschirm drehen, um einen bestimmten Effekt zu erzielen, werden häufig andere Bewegungen verwendet. Andere mit Bewegung verbundene Ästhetik ist ebenfalls wichtig, wie z. B. visuelle Hinweise in Fotografien, direkter Bezug von Designelementen und Video.
• Platz: Mit welcher Art von Umgebung interagiert der Benutzer? Wird das Design im zwei- oder dreidimensionalen Raum erstellt? Ist dieser Platz nur ein Teil des Bildschirms oder erstrecken sich Aktionen über den Bildschirm hinaus auf die physische Welt?
• Zeit: Die Zeit, die ein Benutzer mit einer Interaktion verbringt, kann sich darauf auswirken, ob die Interaktion fortgesetzt wird. Es gibt ein empfindliches Gleichgewicht zwischen einer angemessenen Interaktion und / oder zu lang oder zu kurz. Überlegen Sie sich das Ziel der Interaktion und wie lange es von Anfang bis Ende dauern sollte.
• Klingen: Einer der am meisten diskutierten Teile des digitalen Designs könnte Klang sein. Während einige Benutzer es lieben, sind andere schnell verärgert. Berücksichtigen Sie bei der Verwendung von Ton bei Interaktionen immer die Benutzer, die die Funktion deaktivieren. Das Design muss auch ohne es funktionieren.
• Ästhetik: Hier kommt jedes Gestaltungselement ins Spiel. Wie sieht das alles aus? Vermittelt dieser Look dem Benutzer die richtige emotionale Botschaft. Raum, Farbe, Typografie, Kontrast und Lesbarkeit spielen eine wichtige Rolle im visuellen Aspekt des Interaktionsdesigns.

Design-Konzepte

Kommen wir zu den Grundsätzen der Interaktion zurück und denken wir wirklich über Ästhetik nach. (Das ist eines der wichtigsten Dinge, über die wir gerne als Designer nachdenken und diskutieren, oder?)

Wie spielen alle Dinge, die wir über Design wissen, Interaktionsdesign? Es ist wirklich nicht anders als bei anderen Designprojekten. Die wichtigste - und wahrscheinlich erste - Überlegung betrifft Größe und Umfang. Viele interaktive Projekte sind möglicherweise wesentlich kleiner als Sie es gewohnt sind. (Sie können sich nur auf das Design eines Telefons oder einer Uhr konzentrieren, das Design kann jedoch auch auf andere Weise auf Desktop-Computer übertragen werden.)

Beginnen Sie beim visuellen Denken mit der kleinsten Leinwand, auf der das Design untergebracht ist. (Wenn Sie es klein machen können, ist es viel einfacher, das Design zu vergrößern. Das Entfernen von bereits entworfenen Objekten kann viel schwieriger sein.

• Platz: Während einige versuchen, den Abstand zwischen Elementen in kleinen Räumen zu verringern, müssen Sie den Elementen in kleinen Designs tatsächlich mehr Platz geben. Stellen Sie sicher, dass jedes Element genügend Platz hat, um es zu identifizieren und die richtige Aktion auszuführen. (Die Schaltflächen müssen groß genug sein, um berührt zu werden, ohne dass ein anderes Element auf dem Bildschirm aktiviert werden muss.) Verwenden Sie ggf. mehrere Bildschirme (durch Streichen), um kleine Räume optimal zu nutzen.
• Farbe: Die Verwendung der Farben Ihrer Marke ist zwar wichtig, Sie möchten jedoch sicherstellen, dass die Farben ausreichend Kontrast bieten, um in einer Vielzahl von Umgebungen sichtbar zu sein. Möglicherweise müssen Sie Ihrer Farbpalette einige optionale Farben für Interaktionselemente hinzufügen. Erwägen Sie helle und ansprechende Farbtöne, insbesondere für Apps für Mobiltelefone und Uhren.
• Typografie: Die Beschriftung sollte einfach und lesbar sein. Bleiben Sie bei einer modernen Schrift (Serife oder Sans Serif ist in Ordnung) mit einer mittleren, einheitlichen Strichstärke. Vermeiden Sie verkürzte, übermäßig fette oder leichte Versionen oder Stile mit aufwendigen Strichen.
• Kontrast: Jedes Element in einem interaktiven Design sollte gegen die Elemente, die es umgeben, leben. Dies mag sich in Bezug auf das Design hart anhören, aber durch den starken Kontrast können Elemente leicht lesbar und verständlich werden. Der Kontrast wird auch schnell auf die Interaktion aufmerksam machen und den Benutzern helfen zu erkennen, was zu tun ist. Stellen Sie den Kontrast zu Farbe, Typografie, Raum und Bildsprache oder Sprache her.
• Lesbarkeit: Alle Elemente in Ihrem interaktionsbasierten Projekt sollten einfach zu lesen sein. auf einen Blick. Design für Scanfähigkeit und Funktion, wobei zu berücksichtigen ist, dass Sie möglicherweise nur einen Bruchteil einer Sekunde haben, um einen Benutzer zu überzeugen, eine gewünschte Interaktion durchzuführen. Verständnis und Lesbarkeit sind der Schlüssel dazu.

Lese liste

Es gibt so viele gute Informationen zum Interaktionsdesign. (Und viele Meinungen darüber, was funktioniert und was nicht so gut funktioniert.)

Wenn Sie mehr erfahren möchten, finden Sie hier drei großartige Ressourcen, die Sie als wertvoll erachten sollten. Jede wird Sie dazu bringen, das Interaktionsdesign auf unterschiedliche Weise zu überdenken.

1. Drei Gesetze des Interaktionsdesigns? von Diogenes Brito
2. Die zukünftige Schnittstelle: Design, um Technologie menschlich zu machen? von Danielle Reid
3. Die 10 Prinzipien des Interaktionsdesigns? von Creative Bloq

Fazit

Interaktionsdesign ist etwas, worüber Sie nachdenken müssen. Benutzer erwarten Interaktionen in nahezu allen Aspekten des Designs. Die meisten Benutzer greifen über mobile Geräte auf das Web und andere digitale Entwurfsprojekte zu und erwarten mehr als nur das Lesen von Text.

Die Planung und Gestaltung dieser Interaktionen mit Absicht mag auf den ersten Blick einschüchternd sein, konzeptionell jedoch nicht viel anders als jeder andere Aspekt des Designs. Der große Unterschied besteht darin, wie die Interaktionen funktionieren, da ist es wichtig, einen guten Entwickler an Ihrer Seite zu haben oder Ihre Webentwicklungsfähigkeiten weiter zu verbessern.