Was ist digitales Design und warum ist es wichtig? UX + UI + Web Designer Jobs erklärt

Ich habe Apps und Websites erstellt und gestaltet und dabei geholfen, Produkte in kleinen und großen Unternehmen zu skalieren, von meinen eigenen Startups bis hin zu Google.

Ich habe durch eine Mischung aus Versuch und Irrtum, Entwicklungszyklen, erfolgreichen Starts, Produktfehlern, Benutzerfeedback und den folgenden unvermeidlichen Iterationen mehr über Best Practices für digitales Design erfahren.

Ich möchte weitergeben, was ich gelernt habe.

Durch meine Erfahrungen können Sie hoffentlich besser verstehen, wie digitales Design funktioniert und welche Rolle der Designer bei der Konzeption von Produkten spielt.

Durch diese Lektionen können Sie Produkte schneller und effizienter auf den Markt bringen und Ihre Benutzer besser bedienen.

Was ist digitales Design und warum ist es wichtig?

Die formale Definition des digitalen Produktdesigns ist eine iterative Entwurfsmethode, die mit einem formalen Ansatz zur Lösung eines praktischen Problems angewendet wird. Klingt etwas kompliziert, oder?

Das muss nicht sein.

Mit einer einfacheren Sprache entdeckt ein digitaler Produktdesigner ein aktuelles Problem, schlägt mit einem Technologiemix die bestmögliche Lösung vor und führt es in einen Markt ein.

Digitales Design wird als Teilmenge des Produktdesigns betrachtet, da es beim digitalen Design ausschließlich um das Erstellen von Produkten geht - jedoch über Software.

Die Fähigkeiten, die Sie in freeCodeCamp lernen und entwickeln, helfen Ihnen dabei, strategisch und technologisch darüber nachzudenken, wie Sie Probleme lösen können. Dies ist eng mit der Praxis des digitalen Designs verbunden.

Um digitale Designs zu implementieren, müssen Sie Chancen identifizieren und die Wünsche Ihrer Verbraucher kennen.

Digitales Design und die reale Welt

Digitales Design konzentriert sich auf Benutzer.

Kundenbesessenheit beginnt beim Benutzer und funktioniert rückwärts.

Wenn Sie mit digitalem Design noch nicht vertraut sind, können Sie anhand einiger taktischer Schritte lernen, was Kunden schätzen und wie Sie eine Mischung aus UI-, UX- und Design-Denken nutzen können, um konkrete Probleme zu lösen.

Welches Problem lösen Sie?

Arbeiten Sie zunächst intensiv daran, das Vertrauen Ihrer Kunden zu gewinnen und zu erhalten, indem Sie verstehen, was Ihr Produkt und Ihr Design lösen sollen. Beantworten Sie die folgenden Fragen: Warum gibt es dieses Produkt? Wie wird es verwendet?

Gut gemachtes digitales Design kann tiefgreifende Auswirkungen auf die Benutzer haben.

Durch das Zusammenführen intuitiver Benutzererfahrungen und einfacher Benutzeroberflächen können Ihre Kunden die Funktionsweise Ihres Produkts besser verstehen.

Ein Freund von mir hat daran gearbeitet, das Leseerlebnis für das iPad zu verbessern. Eine Geschichte, die er mir erzählte, ist, wie digitale Designer es mühelos machten, die Seiten digitaler Bücher umzublättern.

Das Wischen einer Seite, ähnlich wie das Verschieben von Papier in einem echten Buch, zeigt, wie Design-, UX- und UI-Bemühungen zusammenkommen können, um eine angenehme Benutzererfahrung zu erzielen.

Überlegen Sie sich beim nächsten Wischen einer Seite auf Ihrem iPad, warum sich das Erlebnis ganz natürlich und einfach anfühlt. Gut gemachtes digitales Design ist magisch.

Innovativ und vereinfachend

Zweitens erwarten und fordern digitale Designer Innovationen und Erfindungen und finden immer Möglichkeiten zur Vereinfachung. Wie bei Ihrem Fokus auf Kunden müssen Sie sich von außen bewusst sein, von überall nach neuen Ideen suchen und dürfen nicht durch eine Denkweise eingeschränkt werden, die hier nicht erfunden wurde.

Zum Beispiel ist es beim Entwerfen von Websites wichtig, einige Dinge wirklich, wirklich gut zu machen. Dies habe ich beim Erstellen und Optimieren meiner jüngsten Kreation "Work From Home Adviser" gelernt, mit der Remote-Mitarbeiter von zu Hause aus arbeiten können.

Ich hatte einen Mentor, der beriet:

„Wissen Sie, was Sie gut machen und wie Sie es besser machen können. Wenn Sie Ihre Website gestalten, wissen Sie, dass Zeit wertvoll ist und je mehr Sekunden Ihr Benutzer auf Ihrer Seite bleibt, desto besser. Starkes Design kann die übermäßige Latenz von Seiten verringern und die Effizienz der Bereitstellungsumgebung erhöhen. Dies ist etwas, das angestrebt werden muss. “

Beachten Sie, dass dieser Rat spezifisch (dh auf Geschwindigkeit ausgelegt) und dennoch umfassend ist (verbessern Sie die Benutzererfahrung so gut wie möglich).

Wenn Sie über digitales Design nachdenken, nehmen Sie sich Zeit, um genau zu verstehen, welche Hebel Sie ziehen können und wie diese Hebel Ihren Benutzern bessere Erfahrungen und Ergebnisse bringen.

Experimentieren ist der Schlüssel

Drittens experimentieren.

Im Gegensatz zum Entwurf physischer Elemente kann das digitale Design durch Sprints und Code-Bereitstellungen schnell verbessert werden.

Software ist einstellbar.

Wenn Sie mit Ihren Kunden beginnen und rückwärts arbeiten, versuchen zu vereinfachen und ständig zu wiederholen, können Sie sicher sein, dass Ihr Design irgendwann haften bleibt. Wenn Sie diesen Punkt noch nicht erreicht haben, versuchen Sie es weiter.

Hier ist ein mentales Experiment, das ich gerne mit meinen Freunden spiele.

Denken Sie an das letzte Mal, als Sie ein Flugticket online gekauft haben. Wie viele Schritte waren erforderlich, um von der Zielseite zur Bestätigung der Zahlungsseite zu navigieren?

Warum bringen Fluggesellschaften Ihrer Meinung nach Benutzer dazu, diesen Check-out-Ablauf zu durchlaufen? Wie würden Sie den Prozess verbessern und vereinfachen?

Eine gute Möglichkeit, Ihre Fähigkeiten im Bereich digitales Design zu verbessern, besteht darin, auf dem Grundstück eines anderen Designers zu üben. Sehen Sie, ob Sie es verbessern können.

Digitale Designer sehen es als Ausgangspunkt und nicht als Endpunkt an, an etwas großartig zu sein. Durch Iteration und Experimentieren kann ein digitaler Designer Dinge, die gut (oder schlecht) funktionieren, auf neuartige und unerwartete Weise verbessern.

Wenn Sie neu im Bereich des digitalen Designs sind, sollte Sie das begeistern.

Beispiele für gut gemachtes digitales Design und wie es Benutzern hilft

Ich möchte mit Beispielen für gut gemachtes digitales Design schließen. Ich biete Beispiele und Bilder und erkläre, warum das digitale Design intuitiv, einfach und relevant ist.

Wenn Sie Ihre Fähigkeiten in diesem Bereich weiterentwickeln möchten, nehmen Sie sich Zeit, um nicht nur darüber nachzudenken, wie Sie die Websites anderer verbessern würden, sondern auch von den Führungskräften auf diesem Gebiet zu lernen und warum .

Beispiel 1

Elemental Labs bietet eine unglaublich intuitive Grafik, mit der Benutzer den Unterschied zwischen ihrem Produkt und dem eines Mitbewerbers verstehen können. Ohne etwas anderes zu lesen, verstehen Sie intuitiv, dass das Produkt als sauberer, reiner und einfacher vermarktet wird.

Der Kontrast zwischen den Farben hilft dem Auge, die Botschaft visuell zu verstehen, und ist ein Beispiel für großartiges digitales Design.

Beachten Sie auch, wie Gramm - eine übliche Maßeinheit - durch Milligramm ersetzt wird. Dies gibt dem Benutzer das Gefühl, dass mehr Zucker vorhanden ist (29.000 mg Zucker fühlen sich nach viel an).

Beispiel 2

Woven ist eine unterhaltsame Kalender-App, die das Abrufen von Gruppen vereinfacht. Ich habe verschiedene Softwaretools verwendet, um Gruppen zu koordinieren, und es ist immer etwas chaotisch.

Schauen Sie, wie sauber die Infografik und der Aufruf zum Handeln sind. Ohne tief über das Produkt nachzudenken, können Sie klar verstehen, wie das Produkt funktioniert und warum es Ihnen zugute kommt: Wählen Sie einfach ein Datum aus, befragen Sie Personen und finden Sie heraus, welches Datum für die Gruppe am besten geeignet ist.

Ich liebe Produkte, die überzeugendes Design, UX, UI kombinieren und unglaublich einfach zu navigieren sind.

Beispiel 3

Für diejenigen, die ein Beispiel aus der Welt des digitalen und physischen Designs suchen, ist LFA Machines ein besonderer Favorit von mir.

Ihre Produktpalette ist kompliziert: Sie bieten sowohl halbautomatische als auch vollautomatische Kapselfüllmaschinen an. Für viele Menschen ist diese Technologie abstrakt, da sie solche Maschinen nicht persönlich gesehen haben.

Was macht die Site? Es bietet ein Video, das bei Ihrem Besuch automatisch abgespielt wird, damit Sie sehen können, wie das Gerät funktioniert und welche Vorteile es bietet. Dieses digitale Design vereint Einfachheit, Klarheit und Kundenbesessenheit in einem.

Beispiel 4

Hier ist ein letztes Beispiel.

Wenn Sie einen Podcast starten möchten, können Sie mit einer anderen digitalen Podcast-Software experimentieren. Eine, die Einfachheit mit einfacher Bedienbarkeit und einem hervorragenden digitalen Designstandard kombiniert, ist Buzz Sprout.

Wenn ein Benutzer seine Website zum ersten Mal besucht, wird er mit überzeugenden und unkomplizierten Anleitungen, Tutorials und Ratschlägen zum Erstellen eines Podcasts aufgefordert.

Diese Optionsfelder sagen alles: Sie machen den Auswahlprozess sehr benutzerfreundlich und beschleunigen den Podcast-Erstellungsprozess. Mit nur einem Knopfdruck vereint das Design starkes Design, Produktästhetik und Benutzerfreundlichkeit.