Nahtloses Design zur Entwicklung

Beim ersten Versuch wird es nicht passieren.

In der Web-Welt gehen Design und Entwicklung Hand in Hand. Sie können keine Website ohne visuellen Inhalt haben und auch keine Website ohne Code. In dieser Situation müssen die Designer und Entwickler sehr eng zusammenarbeiten, um die beabsichtigte Website zu erreichen. Meine erste Erfahrung damit war meine Design Practicum-Klasse an der UVU, in der wir als kleine Teams von Designern und Entwicklern zusammenarbeiteten, um ein Projekt für unseren Kunden zu realisieren. Zu meiner Überraschung wurde mein Team erneut mit der Neugestaltung und anschließenden Implementierung der Ouelessebougou Alliance-Site beauftragt. Ich wurde mit einem anderen Mädchen in meiner Gruppe gepaart, um Teil des Designteams zu sein, während die verbleibenden zwei Mitglieder die Aufgabe hatten, unsere Designs im Web zu implementieren.

Entwerfen

Ich habe ziemlich viel Erfahrung im UX-Design, also war ich von dieser Aufgabe begeistert, obwohl ich immer noch kein Experte bin. Daher war ich froh, einen Teamkollegen zu haben, mit dem ich zusammenarbeiten könnte. Der Designprozess verlief reibungslos, da wir verschiedene Seiten für die Bearbeitung aufteilten.

neu gestaltete Landingpage

Anfangs war ich ein bisschen weh, an dem gleichen Projekt zu arbeiten, an dem ich das ganze Semester zuvor gearbeitet hatte. Das wurde schnell zur Freude, als ich jetzt sehen konnte, dass sich unsere Designs immer weiter verbesserten und schätzen konnten, wie weit wir gekommen waren. Es fühlte sich wie ein richtiges Designprojekt an, anstatt einfach etwas und das Semesterende zu drehen und nie wieder darüber nachzudenken.

"Der Kunde hat immer recht"

Während des gesamten Designprozesses haben wir sichergestellt, dass Sie mit unserem Kunden in Kontakt bleiben, um Feedback zu den Designs zu erhalten. Wir hatten einige neue Designs, auf die wir uns wirklich freuten, aber wir haben nicht immer das gewünschte Feedback bekommen. Dies ist eine weitere schwierige Lektion im Design. Sie mögen das, was Sie sich ausgedacht haben, aber wenn Ihr Kunde dies nicht tut, müssen Sie einige Änderungen vornehmen. Meine Erfahrungen im Webdesign haben mich gelehrt, dass eine zu hohe Investition in Ihr Design zu Problemen führt. Wenn Sie nicht bereit sind, Kompromisse einzugehen und Änderungen vorzunehmen, werden Sie keinen Erfolg sehen. Der wichtigste Teil eines Projekts besteht darin, dem Kunden das zu geben, was er will, sodass Sie ihm gestatten können, einen konstruktiven Beitrag zu leisten, und gleichzeitig sicherstellen, dass er darüber informiert wird, was eine gute Website ausmacht.

Einchecken

Ich hatte nicht genug Erfahrung in der Branche, um zu wissen, ob dies üblich ist, aber während ich an den Entwürfen arbeitete, haben mein Teamkollege und ich dafür gesorgt, dass unsere Entwickler noch in jeden Schritt eingebunden wurden. Wir bekamen ihr Feedback zu Designs und bestätigten, dass das, was wir in Adobe XD machten, auf der Website implementiert werden konnte.

Prototyp unserer Arbeitsentwürfe -> https://invis.io/5MQVYJR429V

Entwicklung

Nachdem die Entwürfe fertiggestellt und Prototypen erstellt worden waren, war es Zeit für die Codierung. Besonders knifflig an diesem Projekt ist, dass die Ouelessebougou Alliance-Site in WordPress erstellt wurde und auf diesem Weg bleiben musste. Das heißt, unsere Entwickler sollten WordPress bereits kennen oder bereit sein, es schnell zu lernen. Das ist etwas über Webentwicklung, das ich liebe. Sie müssen nicht immer ein zertifizierter Fachmann sein, um an einem Projekt arbeiten zu dürfen. Sie müssen lediglich bereit sein zu lernen. Glücklicherweise hatten unsere beiden Entwickler bereits etwas mit WordPress zu tun und waren damit zufrieden, damit zu arbeiten.

Die Komplikationen

In dieser Phase des Projekts haben wir die weniger nahtlose Gestaltung der Website erreicht. Unser Entwicklerteam hat hart daran gearbeitet, die Website so aussehen zu lassen, wie wir sie entworfen haben, aber es ist keine leichte Aufgabe. Die Schriftarten waren kleiner als beabsichtigt, die Bilder waren verschwommen, die Ausrichtung der Inhalte war deaktiviert, dies waren nicht unsere Designs. Hier denke ich, dass jedes Drama zwischen Designern und Entwicklern ins Spiel kommt. Es ist frustrierend für beide Teams zu sehen, wie das Design herauskommen soll und nicht so ist. Dies wird ein längerer Prozess als ich sein, daher ist es eine gute Sache, dass wir noch einen Monat Zeit haben, um diese zu beenden, da die erste Implementierungsrunde definitiv nicht die letzte ist.

Diese Phase der Designimplementierung wird viel Googeln und einige Kompromisse erfordern, denke ich. Da ich und meine Kollegen nicht wirklich über WordPress-Kenntnisse verfügen, können wir das Beste tun, was Lösungen erforscht. Eine andere Sache, die ich an der Entwicklung wirklich sehr schätze, jemand anderes hatte bereits dasselbe Problem und die Lösung ist immer bei Google. Man muss nur wissen, wie man es findet. Die Erforschung dieser Probleme hat gerade erst begonnen, also haben wir noch keine Lösung gefunden, aber die Arbeit wird fortgesetzt.

Mein Mitnehmen

Was ich durch diese Erfahrung gelernt habe, ist der Wert eines "Einhorns". Wenn Sie ein Einhorn sind, beherrschen Sie Design-Programme wie Photoshop, Dreamweaver, Adobe XD und wahrscheinlich unzählige andere, und beherrschen auch Web-Sprachen wie HTML, CSS und Javascript. Oh, wie einfach wäre dieser ganze Prozess, wenn ich wüsste, wie ich entwickeln sollte. Mein Schwerpunkt im Webdesign- und -entwicklungsprogramm liegt auf Web- und App-Entwicklung, aber ich werde immer noch so viele Designfähigkeiten lernen, wie ich kann, und so kann ich hoffentlich eines Tages diese seltene Kreatur werden.

Quinn Nilsson studiert an der Utah Valley University in Orem Utah. Sie besucht ein Studium in Webentwicklung und Design.