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

/2017-01-17 12:13:23/
Rukmini
/Grafiken/

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 das Sie planen sollten.

Aber wie können Sie das Interaktionsdesign optimal nutzen? Wie können Sie etwas entwerfen, mit dem Menschen interagieren möchten? Während sich einige dieser Antworten mit der Technologie ändern, bleibt ein Element dasselbe - die Menschen möchten ein intuitives, funktionales und ästhetisch ansprechendes Design verwenden.

Entdecken Sie Designressourcen

Was ist Interaktionsdesign?

In den Bereichen Design, Mensch-Computer-Interaktion und Softwareentwicklung geht es beim Interaktionsdesign, oft als IxD abgekürzt, „darum, digitale Dinge für den Gebrauch durch Menschen zu gestalten“, alternativ definiert als „die Praxis, interaktive digitale Produkte, Umgebungen, Systeme und Dienste zu entwerfen“. - Wikipedia

Interaktionsdesign ist einfach ein Prozess, bei dem die digitale Welt mit der menschlichen verbunden wird. Es macht Dinge, die bildschirmbasiert sind, real erscheinen und im digitalen Bereich funktionieren wie im physischen Raum. Diese Verbindung hilft Menschen, digitale Produkte und Geräte zu nutzen und mit ihnen zu interagieren, von Desktop-Computern, Telefonen 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 versuchen, besser zu lernen, wie physische Aktionen und Interaktionen entworfen und repliziert werden, um digitale Produkte optimal mit Benutzern zu verbinden. Die Ideen hinter dem Design basieren auf den Prinzipien guter Grafik, während sich die Technologie fast so schnell entwickelt, wie wir sie entwerfen können.

Zu berücksichtigende Fragen

Einer der besten Anleitungen zum Nachdenken über Interaktionsdesign ist 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 interagieren, Probleme frühzeitig beheben und Probleme beheben kann neue Wege finden, Dinge zu tun. “

Hier sind die Konzepte, die zuerst berücksichtigt werden müssen. Sie finden alle Unterfragen und Überlegungen unter Usability.gov.

Definieren Sie, wie Benutzer mit der Benutzeroberfläche interagieren können
Geben Sie den Benutzern Hinweise zum Verhalten, bevor Aktionen ausgeführt werden
Fehler antizipieren und mindern
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 erscheinen. Die Konzepte und Ideen stimmen mit dem überein, was wir in der Design-Community häufig diskutieren, wenn wir darüber sprechen, was ästhetisch funktioniert und was nicht. Während die Techniken, die Sie zum Erstellen eines vollständig interaktiven Designs verwenden, unterschiedlich sein können, sind die Prinzipien eines guten Designs relativ gleich.

Leitprinzipien

Vieles, was Sie über Interaktion denken, kombiniert Prinzipien des Designs mit Prinzipien menschlicher Emotionen und Interaktion. Denken Sie bei der Festlegung der Funktionsweise eines digitalen Projekts darüber nach, wie Sie Ihre bevorzugten Tools verwenden und mit ihnen interagieren. Was gefällt Ihnen an diesen Tools? (Es ist wahrscheinlich, dass viele der besten Funktionen Dinge sind, über die Sie nicht einmal bewusst nachdenken.)

Denken Sie über jedes dieser Prinzipien oder Konzepte nach, wenn Sie entscheiden, wie sich der Benutzer mit Ihrem Design verbindet.

Bewegung: Wenn Sie über Bewegungs- und Interaktionsdesign nachdenken, handelt es sich bei den ersten mentalen Bildern häufig um Wischen oder Tippen, da dies die Benutzerbewegungen sind, die Elemente im Design aktivieren. Das Klicken einer Maus oder das Drehen eines Tablet-Bildschirms, um einen bestimmten Effekt zu erzielen, sind andere Bewegungen, die häufig verwendet werden. Andere mit Bewegung verbundene Ästhetiken sind ebenfalls wichtig, z. B. visuelle Hinweise in Fotografien, Richtungszugang von Designelementen und Video.
Raum: Mit welcher Art von Umgebung interagiert der Benutzer? Wird das Design im zwei- oder dreidimensionalen Raum erstellt? Ist dieser Raum 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 besteht ein empfindliches Gleichgewicht zwischen einer Interaktion, die angemessen engagiert und / oder zu lang oder zu kurz ist. Überlegen Sie sich das Ziel der Interaktion und wie lange es von Anfang bis Ende dauern sollte.
Sound: Einer der am meisten diskutierten Teile des digitalen Designs könnte Sound sein. Während einige Benutzer es lieben, sind andere schnell verärgert. Berücksichtigen Sie bei der Verwendung von Sound in Interaktionen immer Benutzer, die die Funktion deaktivieren. Das Design muss ohne es genauso effektiv funktionieren.
Ästhetik: Hier kommt jedes Designelement ins Spiel. Wie sieht das alles aus? Vermittelt dieser Look dem Benutzer die richtige emotionale Botschaft? Raum, Farbe, Typografie, Kontrast und Lesbarkeit spielen im visuellen Aspekt des Interaktionsdesigns eine wichtige Rolle.

Designkonzepte

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

Wie spielen all die Dinge, die wir über Design wissen, in die Gestaltung von Interaktionen ein? In Bezug auf die Grafik unterscheidet es sich wirklich nicht von anderen Arten von Designprojekten. Die wichtigste - und wahrscheinlich erste - Überlegung ist Größe und Umfang. Viele interaktive Projekte sind möglicherweise erheblich kleiner als Sie es gewohnt sind. (Sie können sich nur auf das Design eines Telefons oder einer Uhr konzentrieren, aber das Design kann auch auf andere Weise auf Desktop-Computer übertragen werden.)

Beginnen Sie beim visuellen Denken mit der kleinsten Leinwand, auf der sich das Design und der Aufbau befinden. (Wenn Sie es klein machen können, ist es viel einfacher, das Design zu „vergrößern“. Das Eliminieren bereits entworfener Dinge kann viel schwieriger sein.

Platz: Während einige versuchen, den Raum 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 sie zu berühren, ohne ein anderes Element auf dem Bildschirm zu aktivieren.) Verwenden Sie bei Bedarf mehrere Bildschirme (durch Wischen), um kleine Räume optimal zu nutzen.
Farbe: Während die Verwendung der Farben Ihrer Marke wichtig ist, möchten Sie sicherstellen, dass die Farben genügend Kontrast bieten, um in einer Vielzahl von Umgebungen sichtbar zu sein. Dies kann das Hinzufügen einiger optionaler Farben zu Ihrer Farbpalette für Interaktionselemente erforderlich machen. Berücksichtigen Sie helle und ansprechende Farbtöne, insbesondere für Apps für Mobilgeräte und Uhren.
Typografie: Die Beschriftung sollte einfach und lesbar sein. Halten Sie sich an eine moderne Schrift (Serife oder serifenlos ist in Ordnung) mit einer mittleren, gleichmäßigen Strichbreite. Vermeiden Sie komprimierte, übermäßig kühne oder leichte Versionen oder Stile mit aufwändigen Strichen.
Kontrast: Jedes Element in einem interaktiven Design sollte gegen die ihn umgebenden Elemente leben. Dies mag in Bezug auf das Design hart klingen, aber ein starker Kontrast kann dazu führen, dass Elemente leicht zu lesen und zu verstehen sind. Der Kontrast macht auch schnell auf die Interaktion aufmerksam und hilft den Benutzern zu erkennen, was zu tun ist. Stellen Sie einen Kontrast zu Farbe, Typografie, Raum und Bild oder Sprache her.
Lesbarkeit: Alle Elemente in Ihrem interaktionsbasierten Projekt sollten auf einen Blick leicht zu „lesen“ sein. Entwerfen Sie für Scanfähigkeit und -funktion, wobei Sie berücksichtigen, dass Sie möglicherweise nur einen Bruchteil einer Sekunde Zeit haben, um einen Benutzer davon zu überzeugen, eine gewünschte Interaktion durchzuführen. Verständnis und Lesbarkeit sind der Schlüssel, um dies zu erreichen.

Lese liste

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

Wenn Sie mehr erfahren möchten, finden Sie hier drei großartige Ressourcen, die Sie als wertvoll erachten sollten. Jede Ressource lässt Sie auf unterschiedliche Weise über Interaktionsdesign nachdenken.

"Drei Gesetze des Interaktionsdesigns" von Diogenes Brito
"The Future Interface: Design, um Technologie menschlich zu machen" von Danielle Reid
"Die 10 Prinzipien des Interaktionsdesigns" von Creative Bloq

Fazit

Interaktionsdesign ist etwas, über das 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 Designprojekte zu, mit der Erwartung, mehr als nur Text zu lesen.

Das Planen und Entwerfen dieser Interaktionen mit Absicht mag zunächst einschüchternd erscheinen, unterscheidet sich jedoch konzeptionell nicht wesentlich von anderen Aspekten des Entwurfs. Der große Unterschied besteht darin, wie die Interaktionen funktionieren. Hier ist es wichtig, einen guten Entwickler an Ihrer Seite zu haben oder Ihre Webentwicklungsfähigkeiten weiter zu verbessern.