5 Gründe, warum UX-Designer lernen sollten, Code zu schreiben

Foto von NESA von Makers auf Unsplash

Ich schreibe das, weil die Frage, ob UX-Designer Code lernen sollen, immer noch lebendig ist. Es verwirrt mich, aber vielleicht hat niemand die Vorteile des Lernens der wichtigsten Werkzeuge des Handels ausreichend erklärt, vor allem, wenn Heimwerkersysteme wie WordPress und Wix die Leute dazu bringen, zu denken, Sie könnten ein schnelles, gut gestaltetes, zugängliches und benutzerfreundliches System schaffen. freundliche Website, ohne Code zu kennen.

Bevor ich zu den Gründen komme, lassen Sie mich genauer sagen, was ich unter Code verstehe, weil es mehr als eine Art von Programmiersprache gibt. Codieren bedeutet im Allgemeinen, eine Reihe von Anweisungen in einer Sprache zu schreiben, die Computer verstehen können. Die Sprache muss normalerweise der Art der Anweisungen entsprechen, die geschrieben werden müssen, und nicht alle Sprachen sind für alle Zwecke geeignet.

Sprachen, die beispielsweise die binäre Schreibweise verwenden, sind für Computer leicht verständlich, für Menschen jedoch schwer zu schreiben. Sie werden verwendet, um beispielsweise Betriebssysteme zu erstellen. Sprachen, die mit englischen und mathematischen Symbolen wie Java, Python, JavaScript und C # geschrieben wurden, sind für Menschen viel einfacher zu schreiben, müssen jedoch übersetzt werden, bevor sie vom Computer verstanden werden können. Sie werden häufig zum Schreiben von Programmen verwendet, die auf dem Computer ausgeführt werden. Die Sprachen, die zur Überbrückung der Kluft zwischen Computern und Menschen geschrieben wurden, sind ziemlich breit, daher werde ich mich nicht mit einer einfachen Sprache oder Hochsprache beschäftigen. Die Chancen stehen gut, wenn Sie ein Designer sind, ist es Ihnen egal. Und Sie sollten jetzt nicht anfangen, sich zu kümmern.

Wenn Sie jedoch ein Designer sind, der Erfahrung mit Geräten macht, die auf Computern laufen, profitieren Sie davon, Computer zumindest in geringem Maße zu verstehen. Tatsächlich sind Sie selbst in der heutigen Welt immer noch einen Schritt voraus, wenn Sie die Grundlagen erlernen. Computer sind klein und leistungsstark und können eines Tages die Welt regieren, also… nur sagen.

Okay… zurück zu den Programmiersprachen. Bisher habe ich einige Sprachen erwähnt und Sie sehen dort kein HTML oder CSS, da sie nicht als echte Programmiersprachen angesehen werden. Sie verwenden keine Logik oder geben Computern eine Reihe von Verfahren, die sie befolgen müssen. Sie werden besser als Formatierungssprachen beschrieben, mit denen ein Webdokument formatiert und strukturiert wird. Und obwohl sie keine Programmiersprachen sind, verwenden sie immer noch Code. Der Code muss noch übersetzt, kompiliert usw. werden, damit Ihr Computer bzw. der auf Ihrem Computer ausgeführte Webbrowser ihn verstehen und wissen kann, wie er auf dem Bildschirm angezeigt wird. Dies ist der Code, über den ich spreche.

Nun zu meinen Gründen, warum Sie das Codieren lernen sollten.

1. Sie haben eher ein erfolgreiches Ergebnis

Wenn Sie einem Entwickler oder Entwicklerteam ein Mockup übergeben, haben Sie das Gefühl, dass Sie Ihr wertvolles, erstgeborenes Kind einer Adoptionsagentur übergeben. Du hast keine Ahnung, was mit ihm passieren wird, aber du weißt, dass es sich nie in ein ruhmvolles Ideal verwandeln lässt, das du dir in Gedanken ausgedacht hast. Dafür kann es verschiedene Gründe geben, darunter:

  • Ihr Entwicklungsteam ist nicht großartig
  • Ihr Modell ist nicht großartig
  • Es gibt eine große Kluft zwischen dem Ideal in Ihrem Kopf und den Details der Implementierung, die berücksichtigt werden müssen

Nach meiner Erfahrung ist das dritte Problem in der Regel das Problem. Ein Modell ist eine eindimensionale Ansicht einer mehrdimensionalen Lösung. Es wird einfach versucht, zu viel mit zu wenig Informationen zu kommunizieren. Ihr Entwicklungsteam nimmt das, was Sie ihnen gegeben haben, und beginnt entweder, Tausende von Fragen zu stellen, oder es wird sich nicht lohnen, Sie so sehr zu nerven und zu versuchen, die klaffenden Löcher mit ihren besten Vermutungen zu füllen. Das Ergebnis wird nicht das sein, was Sie sich vorgestellt haben.

Mockups eignen sich hervorragend, um Gespräche mit Stakeholdern und Kunden zu beginnen, aber sie können die Entwicklungsvorgaben nicht genau definieren. Um die Absicht angemessen zu vermitteln, müssen Sie in der Lage sein, dasselbe Medium zu verwenden, das für die Anzeige Ihres Entwurfs verwendet wird. Wenn Sie HTML und CSS an einen Entwickler weitergeben können, gehen die Inhalte weniger in der Übersetzung verloren. Ich habe noch keinen Entwickler getroffen, der davon beleidigt ist, da es neben Layout und Stil noch viele andere Dinge gibt, an denen er arbeiten kann. Layout und Stil sind Gestaltungsgebiet. Eigenes Territorium

2. Sie verkürzen die Produktionszeit

Ich möchte ein wenig auf den Prozess eingehen, mit dem Sie in Ihrem Unternehmen oder Ihrer Agentur zu tun haben. Möglicherweise verfügen Sie über ein großes Designteam, das mehrere Iterationen mit Kunden oder Stakeholdern durchläuft, bevor Sie die endgültigen Spezifikationen an das Entwicklungsteam übergeben. Ich weiß nicht, wie das ist und ehrlich gesagt bin ich irgendwie froh.

Design und Entwicklung sollten nicht lange dauern und eng miteinander verflochten sein. Es gibt einfach zu viel zu lernen, nachdem etwas bereitgestellt wurde und je länger Sie dorthin gelangen, desto weniger lernen Sie. Glückliche Stakeholder sind nicht unbedingt zufriedene Kunden. Wenn Sie nie etwas veröffentlichen, wissen Sie nie wirklich, wie erfolgreich Ihr Design ist.

Möchten Sie in Ihrer Firma glänzen? Finden Sie Möglichkeiten, die Zeit zu verkürzen, die benötigt wird, um ein Design zu erstellen, zu testen, zu genehmigen und zu implementieren. Wenn Sie damit beginnen, werden Sie sofort feststellen, dass das Überspringen des High-Fidelity-Modellierungsprozesses eine gute Idee ist, da dies einfach nicht erforderlich ist, wenn Sie die endgültigen Versionen in echtem Code erstellen.

Tatsächlich werden Sie feststellen, dass es beim Design und der Verwendung von HTML und CSS einige Überlegungen zum Design gibt und wie sie tatsächlich im Browser dargestellt werden Schriftarten sehen im Browser nie so gut aus wie in Programmen wie Illustrator oder Sketch. Und nichts wird Ihr schönes Design wie echte Daten zerstören. Möglicherweise haben Sie nie gedacht, dass eine Tabelle mehr als 5 Elemente oder zu einem bestimmten Zeitpunkt keine Elemente enthält. Daten werden Ihnen diese Dinge sehr schnell beibringen. Machen Sie sich so schnell wie möglich mit diesem Teil des Prozesses vertraut und zeigen Sie Ihrem Team, dass Sie das Endprodukt ernst meinen. Du wirst jeden umhauen, fast garantiert.

3. UX Design-Jobs führen HTML und CSS als gewünschte Qualifikationen auf

Wenn Sie auf den Arbeitsmarkt achten, wissen Sie, dass diese Fähigkeiten wichtiger sind als je zuvor. Ich hatte Glück, denn als ich als UX Designer anfing, hatte ich bereits HTML, CSS und JavaScript gelernt. Zu der Zeit war es nur ein Teil des gesamten Webdesign-Auftritts und wusste nicht, dass es keine Option war. Außerdem hat es Spaß gemacht zu lernen und wirklich nicht so schwer. Es gab nicht all die zusätzlichen Komplikationen von JavaScript-Frameworks wie React und Angular und willkürlichen Dingen wie Gulp oder Webpack. Als SASS vorbeikam, hat es uns umgehauen, weil wir einen Compiler von der Kommandozeile holen mussten und dann brach die Hölle los. Ich sage das alles, um zu sagen, dass Sie einfach nur altes HTML und CSS lernen können und wirklich gut darin sein können, ohne auf die anderen Dinge zu achten. An dem Punkt, an dem Sie darüber hinausgehen müssen, helfen Entwickler. Sie teilen normalerweise gerne, was sie wissen, und freuen sich, dass Sie an Code interessiert sind. Und wer weiß, vielleicht möchten Sie tatsächlich mehr lernen, wenn Sie Ihre Zehen eintauchen.

4. Prototyping-Tools benötigen zum Lernen zu lange

Es gibt buchstäblich Dutzende von Prototyping-Tools, die die Lücke zwischen Design und Entwicklung überbrücken. Einige von ihnen sind auch sehr teuer. Fast alle haben eine ziemlich wichtige Lernkurve. Oft sind die gewonnenen Erkenntnisse auf die Nuancen des Werkzeugs beschränkt. Also… warum verbringen Sie nicht diese Zeit und Energie, um HTML und CSS zu programmieren, die allgemein übertragbare Fähigkeiten sind?

5. Entwickler lernen Design

Es gibt Leute wie Erik Kennedy, die herausgefunden haben, wie man die Subjektivität aus dem Design herausnimmt (siehe Learn UI Design für weitere Informationen). Design wird für jeden, der lernen will, immer zugänglicher. Entwickler mit einer Leidenschaft für die Herstellung von Produkten erkennen, dass Design ein entscheidender Teil des Prozesses ist, und wissen, dass Unternehmen bestrebt sind, bei der Produktentwicklung eine breitere Palette an Fähigkeiten anzunehmen. Während in einigen UX Design-Jobbeschreibungen HTML und CSS als Bonus aufgeführt sind, sind in vielen Front-End-Development-Jobbeschreibungen UX-Design-Funktionen ein Muss. Nehmen Sie dies so, wie Sie es möchten, aber es scheint mir, dass die beiden Rollen zusammenwachsen. Lernen Sie, wie Sie Ihre Organisation kodieren und wettbewerbsfähig bleiben.

Wenn Sie Lust haben, mit dem Programmieren zu beginnen, aber trotzdem ein wenig eingeschüchtert sind, empfehle ich Ihnen, Kurse auf Udemy, Codecademy oder YouTube zu besuchen. Bitte hinterlassen Sie einen Kommentar zu diesem Beitrag, wenn Sie über tolle Einführungskurse für Designer oder andere Artikel zu diesem Thema Bescheid wissen. Ich bin sicher, dass es verschiedene Perspektiven gibt.