Programmieren für Designer – wie viel sollten wir wissen?

Nehmen Sie etwas, in dem Sie sich auszeichnen, und pushen Sie sich dann weiter.

Ein großer Teil der Design-Community ist in eine Debatte darüber verwickelt, ob Designer programmieren sollten. Einige suchen lieber nach Einhörnern, die beides können, während andere behaupten, dass sie nicht existieren oder nur im Weg stehen.

Viele Designer denken, dass Designer und Entwickler zusammenarbeiten müssen, aber jede Disziplin sollte sich an das halten, was sie kennt. Andere sehen kein Problem darin, dass Profis mehrere Hüte tragen. Viele Entwickler sehen Designer, die eine Bedrohung programmieren, während andere sie als willkommene Mitarbeiter betrachten, die gelernt haben, ihre Sprache zu sprechen.

Der Sweet Spot, der als „ Shared Understanding “ bezeichnet wird, liegt wahrscheinlich irgendwo in der Mitte. Etwas über Code zu wissen bedeutet nicht, dass ein Designer ein Experte für Programmierer werden muss, sondern einfach die Perspektive eines Entwicklers verstehen muss.

Die Benutzeroberfläche oder die „Präsentationsebene“ ist ein Spielplatz für Designer, aber sich nur darauf zu konzentrieren, ist so, als würde man nur die Fassade eines Gebäudes betrachten. Große Designer verstehen, dass die Vertrautheit mit den technologischen Grundlagen, die ihre Designs liefern, einen Designer nicht nur beeindruckender macht, sondern auch ihre Karriereaussichten erheblich verbessert.

Wie Aaron Walter, VP of Design Education bei InVision, in einem Toptal Design Talks-Artikel feststellte: „Es wird einen Designer nicht umbringen, wenn er ein wenig darüber weiß, wie man HTML und CSS schreibt, vielleicht ein bisschen JavaScript.“

Das ganze Thema „Sollten Designer Programmieren lernen“ wird heiß diskutiert. Obwohl einige großartige Designer auch gut im Programmieren sind, glauben viele, dass die ungeteilte Konzentration auf eine bestimmte Fähigkeit einen Profi stärker macht. Viele glauben auch, dass es heutzutage ein großes Plus ist, ein vielseitiger Designer zu sein, und dass einem Designer, der eine andere nützliche Fähigkeit, wie z. B. Programmieren, auf dem Buckel hat, nichts im Wege stehen sollte.

Die Frage ist, wie viel Codierung sollten Designer wissen? Würden Designer ihre Zeit verschwenden oder Grenzen in das Territorium des Entwicklers überschreiten und möglicherweise auf die Zehen treten?

Die Vorteile der Kenntnis von grundlegendem HTML und CSS

Designer würden sehr davon profitieren, sich einige grundlegende Kenntnisse über das sogenannte „Frontend“ (die Präsentationsebene) anzueignen, das von HTML (Hyper Text Markup Language) und CSS (Cascading Style Sheets, einer Sprache, die die Komponentenstile in einem HTML-Dokument beschreibt) gesteuert wird. , und wären vielleicht überrascht, wie einfach es ist, die Grundlagen zu lernen.

HTML und CSS beinhalten keine Programmierlogik. Der Buchstabe M in HTML steht für „Markup“, eine Möglichkeit, die codierte Struktur von Seitenelementen zu beschreiben, die die Bausteine ​​von Seiten sind. HTML mit CSS und JavaScript bilden einen Dreiklang von Basistechnologien für das World Wide Web.

Laienhaft ausgedrückt ist HTML eine Architekturkarte, die dem Browser mitteilt, was er anzeigen soll, und CSS oder Cascading Style Sheets ist der Code, der dem Browser mitteilt, wie er Dinge anzeigen soll.

Wenn HTML bildlich gesprochen das Skelett einer Seite ist, würde CSS die Höhe, die Körperform, die Haut, Augenfarbe, Haarfarbe usw. beschreiben. Die Sprache hat eine sehr einfache Codestruktur, die Typografie, Farben, Positionen und Abmessungen bestimmt .

Code verstehen und wie man codiert, ist Pixel zu verstehen

Zu lernen, wie man die Front-End-Benutzeroberfläche programmiert und in der Vorschau anzeigt, gibt Designern die Möglichkeit, sofort zu sehen, wie Dinge angezeigt werden, wenn sie auf verschiedenen Geräten angezeigt werden. Wenn Designer mit HTML und CSS spielen, werden sie feststellen, dass alles in Pixel gemessen wird (es gibt andere Maßeinheiten wie „ems“ und Prozentangaben, die letztendlich in Pixel umgewandelt werden).

Das Verständnis von Messungen und Codestruktur, dh wie Seiten angezeigt werden, wird ein tieferes Verständnis des Front-End-Entwicklungsprozesses ermöglichen. Das wiederum wird dazu führen, dass Designer tiefer über ihre Designs nachdenken und wie sie sie für diesen Prozess effizienter gestalten können. Sie werden wissen, was leicht zu erreichen ist und was schwieriger wäre.

Front-End-JavaScript- und Ajax-Know-how machen einen Designer zu einem einzigartigen Asset

Hier können die Dinge kompliziert werden, aber es passiert auch viel Spaß. Wenn ein Designer ein analytischer Denker oder außergewöhnlich motiviert ist, wird er viel davon profitieren, JavaScript und Ajax (Asynchronous JavaScript and XML) zu lernen. Warum?

Das Demonstrieren von technischem Wissen über die Front-End-Benutzeroberfläche und das Kennenlernen von Ajax tragen wesentlich dazu bei, den Respekt der Entwickler zu verdienen. In der Lage zu sein, auf JavaScript und Ajax zu verweisen und wie man sie verwendet, wird die Fähigkeit eines Designers verbessern, Entwicklern eine besonders ausgefeilte Designidee zu artikulieren, z. B. das Design einer bestimmten Funktionalität in der Benutzeroberfläche.

Die Perspektive eines Designers wird sich erweitern, wenn er genau weiß, wie weit Technologie ihn bringen kann und wie weit er sie zur Innovation bringen kann. Es ist nicht notwendig, tief in die Programmierung und verschiedene Technologien einzusteigen – wenn ein Designer die Grundlagen von HTML, CSS und JavaScript mit einer Prise Ajax kennt, ist er der Konkurrenz bereits meilenweit voraus. Sie werden eine einzigartige Bereicherung für jedes Unternehmen und das Produktteam sein.

Designer können es mit JavaScript-Grundlagen auf die nächste Stufe bringen

Obwohl Designer hier aufhören und das Backend (die Datenzugriffsschicht) von Entwicklern implementieren lassen könnten, können sie ein Design dynamischer gestalten, indem sie Skripte hinzufügen. Geben Sie JavaScript (eine Skriptsprache) ein, eine Programmiersprache für das Web.

In den frühen 2000er Jahren, als sich das Web noch in der Entwicklung befand, hinterließen Agenturen wie Fantasy und Firstborn einen großen Eindruck auf die Webdesign-Community, als sie JavaScript auf ungewöhnliche, innovative und kreative Weise nutzten.

JavaScript kann sowohl HTML als auch CSS aktualisieren und ändern und Daten berechnen, manipulieren und validieren. Es kann verwendet werden, um dynamische Interaktionen anzuzeigen, Elemente zu animieren, eine reaktionsschnelle Kommunikation mit dem Backend oder Server zu erstellen und vieles mehr.

Den Möglichkeiten von JavaScript in der Frontend-Entwicklung sind keine Grenzen gesetzt. Es ist eine Programmiersprache : Funktionen, Objekte, Logik, Bedingungen, Mathematik, Mathematik und noch mehr Mathematik – was für manche eine kleine Herausforderung sein kann. Aber es ist nicht so schwer zu lernen, besonders wenn man bedenkt, was die Mehrheit der Kunden verlangt.

Programmieren lernen wird die Zusammenarbeit mit Entwicklern verbessern

Wären romantische Beziehungen einfacher, wenn Männer und Frauen ihre Gedanken lesen könnten? Manche Leute denken so. Gleiches gilt für Designer und Entwickler.

Zu wissen, wie Entwickler denken und was sie brauchen, um ihre Arbeit zu erledigen, macht einen Designer zu einer großen Bereicherung für jedes multidisziplinäre Team. Dieser Ansatz ist sowohl für die interne Kommunikation als auch für Ideenpräsentationen nützlich, da sie eine bessere Vorstellung davon haben, was sie von den anderen Teammitgliedern erwarten können. Wenn Designer dies tun können, werden sie in einer viel besseren Position sein, um Kunden robustere Lösungen vorzuschlagen.

Designer, die Programmieren, werden mehr Stellenangebote sehen

Bei jedem Design-Job kann das Wissen, wie man codiert, einen großen Unterschied in den Screening-Prozessen sowie in der täglichen Arbeit machen. Bei Toptal sehen wir eine Reihe von Möglichkeiten für Fachleute mit diesem hybriden Profil, und Startups da draußen sind bestrebt, Leute zu finden, die sowohl das Design als auch das Front-End ihrer Anwendungen in der Frühphase übernehmen können.

Dennoch gibt es einige Designer und Programmierer, die es nicht mögen, wenn sie in die Geschäfte des anderen hineinschnüffeln. Manche werden vielleicht bedroht, manche werden herausgefordert und manche sind vielleicht zu faul, etwas Neues zu lernen. Aber die Wahrheit ist, dass jeder seine Optionen analysieren und sich darauf konzentrieren sollte, was seine Erfolgschancen erhöht.

Designer haben vielleicht nicht genug Zeit, um alles zu lernen, aber einfache HTML- und CSS-Kenntnisse sollten ausreichen, um einen deutlichen Unterschied zwischen einer erfolgreichen Karriere und einer Sackgasse zu machen. Es sollte ein schneller und einfacher Prozess für Designer sein, die ersten Schritte zu unternehmen. Je mehr sie wissen, desto mehr können sie ihren Horizont in Bezug auf Beschäftigungsmöglichkeiten erweitern.

Sollten Designer Programmieren lernen?

Anpassungsfähigkeit und Flexibilität bei der Zusammenarbeit mit anderen Teams, die Fähigkeit, eine Vielzahl von Projekten anzugehen, und ein breites Spektrum an Fähigkeiten, mit denen verschiedene Verantwortungen übernommen werden können, sind immer sehr gefragt. Gibt es irgendwo einen Designer, der keinen Vorteil gegenüber anderen haben möchte, wenn es um begehrte Jobs bei spannenden Startups oder großen etablierten Technologieunternehmen geht?

Designer haben ihre Ansätze, Prozesse, ein Arsenal an Designwerkzeugen und Ergebnisse, aber das ist nur ein Teil der Gleichung. Das Erforschen und Erlangen eines Verständnisses dafür, wie UI-Designs mithilfe verschiedener digitaler Technologien bereitgestellt werden, kann Designer auf die nächste Stufe bringen und ihre Fähigkeit verbessern, großartige Designs zu liefern.

Immer mehr Arbeitsmöglichkeiten im Designbereich beinhalten „nice-to-haves“ wie grundlegende Webentwicklungs- und Prototyping-Fähigkeiten mit HTML, CSS und JavaScript. Es liegt an jedem Designer zu entscheiden, wie viel er übernehmen möchte; klar, der Bedarf ist da draußen.

Wird KI Front-End-Entwickler eliminieren?

Eine Frage bleibt jedoch: Wird Coding für Designer längerfristig relevant bleiben? Unter Designern ahnt man, dass Designer mit KI und maschinellem Lernen bald in der Lage sein werden, ohne Code zu entwerfen. Ziehen Sie die Dinge einfach per Drag-and-Drop auf den Bildschirm und verschieben Sie sie. Drücken Sie dann eine Taste, und die KI codiert das Ganze. Mit anderen Worten, Jobs für diese Art von Frontend-Entwicklern werden schnell verschwinden.

Wenn es um Designer geht, liegt die Antwort vielleicht darin, kurzfristig statt langfristig zu denken. In naher Zukunft wird die KI nicht übernehmen, und Designer, die programmieren, sind möglicherweise immer noch sehr gefragt. Kurzfristig sollten Designer, die auffallen wollen, bestimmte grundlegende Programmierkenntnisse wie JavaScript und Ajax in ihrem Arsenal haben.

Beherrschung der Programmierung für Designer wird Karrieren ankurbeln

UI-Designer, die wachsen und ihre Fähigkeiten verbessern möchten, haben einige Optionen zur Verfügung. Sie können eine Vielzahl von Designfähigkeiten auffrischen und in andere Rollen wie visuelles Design, UX oder sogar UX-Forschung wechseln. Sie können die Leiter auch schrittweise in höhere Positionen auf Senior-, Direktor-, Führungs-, Manager- und Direktorenebene aufsteigen.

Um ihre Karriere wirklich anzukurbeln, möchten Designer jedoch möglicherweise mehr in die Entwicklung eintauchen. Der Erwerb umfassender Kenntnisse über verschiedene Technologien, die heute digitale Produkte vorantreiben, wird sie mit äußerst wünschenswerten Fähigkeiten ausstatten. Das wiederum wird mehr Türen zu Beschäftigungsmöglichkeiten in großen und kleinen Unternehmen öffnen.

Sollten Designer codieren? Vielleicht, vielleicht nicht. Aber Designer, die Programmieren oder zumindest fundiertes Wissen über verschiedene Technologien demonstrieren, werden zu einem großen Gewinn für jedes multidisziplinäre Team, und es wird sich auf lange Sicht definitiv auszahlen.

Weiterführende Literatur im Toptal Design Blog:

• Mobile UX-Designprinzipien und Best Practices
• Mobile UX Design – Best Practices, Einschränkungen und Zusammenarbeit mit Entwicklern
• Interkulturelles Design und die Rolle von UX
• Die Gestaltungsprinzipien und ihre Bedeutung
• Die besten UX-Designer-Portfolios – inspirierende Fallstudien und Beispiele