Erreichen Sie Ihre Geschäftsziele mit einem guten Design

Bei Droptica arbeitet das Entwicklungsteam eng mit dem Designer zusammen. Enge Zusammenarbeit und uneingeschränkter Kontakt ermöglichen das Erstellen von Websites, die nicht nur visuell attraktiv und in Bezug auf UX und UI perfektioniert sind, sondern auch in Bezug auf Programmierung. In diesem Beitrag werde ich den Prozess beschreiben, den wir bei der Arbeit an Projekten befolgen, und die Art der Zusammenarbeit zwischen Designer, Programmierern und Testern in der Praxis erläutern.

Was machen wir bei Droptica?

Droptica ist eine Drupal-Agentur, deren Hauptaktivitäten sich auf den Aufbau und die Entwicklung von Software basieren auf Drupal und Symfony konzentrieren. Seit vielen Jahren arbeiten wir an der Erstellung von Websites von Grund auf, sind aber auch mit der laufenden Wartung von Websites auf Basis dieser Technologien beschäftigt. In beiden Fällen liefern wir unseren Kunden qualitativ hochwertige Ergebnisse. In diesem Beitrag werde ich mich nur auf umfassende Lösungen konzentrieren, bei denen wir für das gesamte Produkt verantwortlich sind – beginnend mit dem Konzept des Kunden und endend mit der finalen Bereitstellung. Ein solcher Prozess umfasst die Vorbereitung des UX-Konzepts, auf dessen Grundlage ein grafisches Design (UI) erstellt wird. Das vom Kunden entwickeltes und genehmigtes visuelles Design wird implementiert und in eine funktionierende Webseite umgewandelt.

Wie sieht das Team aus, das am Projekt arbeitet, und wie sind die Kompetenzen aufgeteilt?

Um dem Kunden das beste Produkt zu bieten, arbeiten wir als Team. Komplexe Projekte, zu denen Software sicherlich zählt, erfordern Spezialisten, die Arbeiten in verschiedenen Phasen durchführen. Ein solches Team besteht aus Personen oder Gruppen, die für Themen wie UX/UI, Programmierung und Tests verantwortlich sind. Der Designer ist verantwortlich für die Analyse der Kundenbedürfnisse und Richtlinien, die Vorbereitung des Konzepts der Informationsarchitektur für jede Unterseite, das Layout und die Hierarchie der Komponenten sowie die Vorbereitung von Prototypen und anschließende Usability-Tests. Das Ergebnis dieser Arbeit ist die Erstellung von Wireframes, auf deren Basis das endgültige UI-Design erstellt wird. Die Programmierung ist die Aufgabe der Programmierer, die den technologischen Teil der Anwendung erstellen. Ein Tester ist eine Person, die für das Testen der Software und das Erkennen von Fehlern verantwortlich ist. Das Team steht in Kontakt und arbeitet eng zusammen in jeder Phase des Projekts.

Welche Rolle spielt der Designer bei der Erstellung einer Anwendung?

Bei Droptica steht der UX-Designer bereits in der Entwurfsphase mit dem Programmierer in Kontakt. Dies ermöglicht es, die bestmöglichen technischen Lösungen auszuwählen. Die Kombination dieser komplementären Kompetenzen ermöglicht es, Designs zu erstellen, die visuell attraktiv und benutzerfreundlich sind. Ein Beispiel für einen direkten Vorteil, der sich aus einer solchen Zusammenarbeit ergibt, ist die perfekte Funktion des Systems auf allen Arten von mobilen und stationären Geräten, unabhängig von der Auflösung und Größe des Bildschirms. Die vom Designer vorgeschlagenen Lösungen werden sofort mit den technischen Möglichkeiten konfrontiert und mögliche technische Probleme werden bereits zu Beginn erkannt. Auf diese Weise verzögern sie die Arbeit in einer späteren Phase der Bereitstellung nicht. Der gesamte Designprozess wird gemäß der agilen Methode auf Basis von SCRUM durchgeführt. Dank täglicher Meetings und Konsultationen entwickelt sich das Projekt sehr schnell, vor den Augen des Kunden, der in jeder Phase Einblick in den Prozess hat.

In der letzten Phase wird das Design im vorbereiteten Testumfeld gründlich vom Tester überprüft. Das Ergebnis der Arbeit der Entwickler bildet die Grundlage für die Überprüfung der Funktion der Anwendungen und das Erkennen möglicher Fehler. Auch in dieser Phase arbeitet der Designer eng mit dem Team zusammen und achtet auf die visuelle Qualität des erstellten Designs. Dank einer engen Beziehung innerhalb des Teams werden kleinere Fehler erkannt und schnell an den Programmierer weitergeleitet. Es ist uns wichtig, dass das vom Kunden genehmigte Design mit maximaler Genauigkeit bereitgestellt wird. Der Designer fördert den Pixel Perfect-Ansatz, bei dem die Darstellung des Designs so präzise wie möglich sein muss.

Die Werkzeuge des Designers bei Droptica

Das Designteam des Designers verfügt über eine Vielzahl von Designwerkzeugen und Werkzeugen zur Unterstützung der Arbeit und Kommunikation. Das UX-Design, d.h. Wireframes und erste Bildschirme, werden in UXpin erstellt. Dies ist ein hervorragendes Werkzeug, mit dem wir schnell funktionierende Prototypen erstellen können, die wir dem Kunden zur Verfügung stellen können. UXpin ermöglicht es, die Interaktion zwischen den Elementen der Anwendung zu zeigen und bietet die Möglichkeit, das Konzept der Website in den ersten Phasen des UX-Designs zu testen. Es ist ein effektives Werkzeug, sowohl in Bezug auf die Präsentation für den Kunden als auch für Konsultationen innerhalb des Teams. Durch seine Verwendung kann der Designer zeigen, welches Ergebnis vom Programmierer erwartet wird.

Um die Meinung des Kunden zu erfahren, verwenden wir InVision für das vorbereitete Design. Diese praktische Software ermöglicht es dem Kunden, Kommentare bequem zu den spezifischen Unterseiten der Anwendung zu teilen. Die Diskussionen, die mit InVision über spezifische grafische Elemente geführt werden, und das einfache System zum Hinzufügen von Kommentaren erleichtern und beschleunigen die Arbeit erheblich. Sowohl Programmierer als auch Tester haben Zugriff auf dieses Tool und können auch an der Erstellung des endgültigen Designs teilnehmen.

Wir erstellen das UI-Design mit den Programmen Adobe Creative Cloud, Adobe XD, Illustrator und Photoshop. Diese Programme ermöglichen es uns, qualitativ hochwertige Grafiken zu liefern, die effizient in eine funktionierende Website codiert werden können. Der Designer liefert Bildschirmdesigns mit dem Tool Zeplin, das Programmierern vollen Zugriff auf das erstellte Design erlaubt. Die Bereitstellung eines Designs im Pixel-Perfect-Stil wird mit diesem Tool erheblich vereinfacht. Es macht das Messen der Abstände zwischen den Elementen und das Herunterladen von CSS-Stilen aus dem erstellten Design sehr einfach.

Es gibt keinen Ersatz für persönliche Treffen, aber wir finden Slack eine sehr bequeme Art der Kommunikation. Der schnelle Austausch von Fragen oder Dateien über diese Plattform ist ein weiteres Werkzeug, das die Arbeit erleichtert. Wir ermutigen auch den Kunden, direkt mit dem Team zu kommunizieren. Der Messenger ermöglicht eine schnelle Kommunikation und ersetzt effektiv E-Mails als Grundwerkzeug für den Versand schriftlicher Nachrichten.

Welche Vorteile ergeben sich für den Kunden aus der Nutzung eines vollständigen Teams?

Der Hauptvorteil der Nutzung eines vollständigen Teams, das aus Designern, Programmierern und Testern besteht, ist die Qualität der erhaltenen Software. Nur ein eng kooperierendes Team, das seine Fähigkeiten kennt, ist in der Lage, die besten Ergebnisse zu erzielen.

Die enge Zusammenarbeit zwischen dem Designer und dem Entwickler ermöglicht es, Fehler schnell und zum richtigen Zeitpunkt zu beseitigen und die besten technologischen Lösungen bereits zu Beginn des Projekts effektiv zu finden. Der Einfluss von Programmierern auf eine gute Benutzererfahrung wird oft vergessen, indem gute UX auf die Vorbereitung von Wireframes und Mock-ups beschränkt wird. Die Art und Weise, wie die Anwendungen funktionieren, die Ladezeit von Unterseiten, die Optimierung für einzelne Geräte und Plattformen liegen hauptsächlich in der Verantwortung der Programmierer und beeinflussen in großem Maße auch die Benutzererfahrung. Wenn das Designteam nicht in Kontakt mit den Programmierern steht, kann das Endergebnis möglicherweise nicht zufriedenstellend sein.

Die Zusammenarbeit mit Testern bringt ebenfalls positive Ergebnisse, insbesondere während der Bereitstellungen. Die schnelle Erkennung visueller Fehler durch den Tester und deren Weiterleitung an den Designer bestimmen das Design. Bei Droptica konsultiert der Tester in der Endphase des Projekts mit dem Designer die Funktion und das Erscheinungsbild fragwürdiger Elemente.

Der Vorteil eines solchen Umsetzungskonzepts besteht darin, ein Projekt einem Designteam anzuvertrauen, dessen Mitglieder sich kennen und das die Arbeit effizient ausführt. Wir vermeiden Kommunikationsprobleme innerhalb des Teams und reagieren schnell auf auftretende Probleme. Wenn ein Team aus Personen besteht, die sich nicht kennen, kann eine solche Kommunikation manchmal viel Zeit in Anspruch nehmen, was bei einem komplexen Projekt nicht wünschenswert ist.

Wenn Sie möchten, dass Ihr Projekt von einem engagierten, professionellen Team betreut wird, schreiben Sie uns. Wir freuen uns darauf, Ihr Projekt zu besprechen!