Inwieweit ist der Designer für ein responsives Design verantwortlich?


20

Betrachten Sie das folgende (idealisierte) Diagramm.

Bildbeschreibung hier eingeben

Jetzt habe ich mit Kollegen von allen Seiten dieses Spektrums zusammengearbeitet und festgestellt, dass dies leider eher der Fall ist.

Bildbeschreibung hier eingeben

Die meisten "Webentwickler" neigen dazu, sehr wenig über Designprinzipien zu wissen, während "Webdesigner" eher wenig über die technische Seite des Webs wissen. Gut gerundete "Web Crafters" sind schwer zu finden.

Dieses unglückliche, aber reale Szenario macht die Erstellung einer reaktionsschnellen Website für ein Team von Entwicklern und Designern zu einem Problem. Webdesigner vergessen in der Regel, dass sich die Website an jedes mögliche kommerzielle Gerät anpassen sollte, und entwerfen häufig starre Layouts, die auf dem eigenen Bildschirm gut aussehen, sich jedoch nicht in reaktionsfähige Websites verwandeln lassen. Entwickler neigen andererseits dazu, die Vision des Designers brutal anzupassen, um eine Reaktionsfähigkeit zu erreichen.

Wo sollte die Verantwortung für die Gestaltung einer responsiven Website liegen? Sollte vom Webdesigner erwartet werden, dass er dem Entwickler durchdachte Richtlinien zur Anpassung der Website an jedes mögliche Szenario gibt? Oder ist das eine unangemessene Erwartung?

Bitte beachten Sie, dass ich mich auf das Design und nicht auf die Entwicklung konzentriere.


2
Übrigens, ich mag deine Grafik. Es könnte auch als umgekehrte Glockenkurve sinnvoll sein. In einer idealen Welt wäre die Anzahl der Menschen mit diesen Fähigkeiten eine flache Linie. Wie Sie jedoch festgestellt haben, sind die Enden des Spektrums in Wirklichkeit viel höher als das Zentrum mit einer umgekehrten Glockenkurven-Abstufung besetzt.
DA01

Gute Idee! Die alte Glockenkurve schlägt wieder zu
:)

Guter Punkt! Sie benötigen eine Z-Achse. Jetzt sehe ich eine umgedrehte Glockenkurve in Form einer Fliege (schmal in der Mitte entlang der Z-Achse).
DA01

3
Kommunikation! Wenn Sie eine Person auf der linken Seite haben, die wirklich gut mit einer Person ganz rechts kommunizieren kann, dann haben Sie im Wesentlichen zwei Personen in der Mitte. Deshalb sind gute Kommunikatoren ebenso wichtig wie gerundete Fachkräfte.
Octopus

Antworten:


9

Jeder gut ausgebildete Designer wird immer ein gewisses Interesse an der Implementierung haben. Vielleicht nicht in einem Aspekt "Ich kann es bauen", aber zumindest in einem Aspekt "Das ist nicht möglich".

Unabhängig davon, ob ein Designer die rechte Seite Ihres Diagramms berührt oder nicht, sollte er immer wissen, was er in einem bestimmten Medium kann und was nicht. Sie können nicht gut für den Druck entwerfen, wenn Sie Separationen nicht verstehen. Sie können nicht gut für Beschilderungen entwerfen, wenn Sie Auflösungen usw. nicht verstehen.

Ich denke, jeder Designer, der für Web-Materialien verantwortlich ist, sollte zumindest dazu gehören:

Bildbeschreibung hier eingeben

Und ich denke nicht, dass es so schief ist wie Ihre zweite Grafik.

Die Tage, an denen Sie in Photoshop ein hübsches Modell erstellen und es einfach weitergeben können, sind meiner Erfahrung nach vorbei. Nach meiner Erfahrung suchen Entwickler (dh die linke Seite Ihres Diagramms) nicht wirklich jemanden ganz rechts. Sie suchen einen Designer, der zumindest versteht, was möglich ist und welche Einschränkungen für eine gute Gestaltung erforderlich sind. Dies verschiebt sie von ganz rechts, mindestens ein Häkchen links.

Gibt es noch Entwickler, die absolut ganz links liegen? So wie es noch Designer gibt, die ganz rechts liegen. Ein wichtigerer Aspekt kann jedoch die Erfahrung sein . Gibt es Entwickler / Designer, die nach 5, 8 oder 10 Jahren Erfahrung ganz nach links / rechts greifen? Ich bezweifle das. Je mehr Erfahrung man hat, desto näher kommt man der Mitte.

Vielleicht ist dies also angemessener:

Bildbeschreibung hier eingeben

In einer Unternehmensstruktur suchen Sie nach Personen, die die Position ganz rechts / links besetzen. Dies bietet eine solide Basis für die gewünschten Fähigkeiten. Ich würde jedoch spekulieren, dass je wünschenswerter ein Kandidat ist, desto näher an den beiden mittleren Bildern fallen seine Fähigkeiten.


Ich mag das letzte Bild. Ich denke, wir können ein Team mit der Idee einer Rotationsachse erweitern. Bei ausreichender Überlappung werden alle Bereiche durch Erfahrung abgedeckt.
Yorik

Ich glaube, ich habe in letzter Zeit schlechte Erfahrungen mit Designern gemacht, die allerdings fast rot sind :(
Deshalb habe

Es gibt ein altes Sprichwort @cockypup - Man steigt auf die Ebene ihrer Inkompetenz. Es gibt jeden Tag mehr und mehr "Designer". Der Markt ist seit mindestens 10-15 Jahren buchstäblich überflutet. Es gibt also viele, die kein Verlangen oder keine Neigung für bessere Fähigkeiten haben. Das sollte jedoch nicht als "Norm" angesehen werden.
Scott am

Beachten Sie auch, dass viele Arbeitnehmer nur den einfachen Gehaltsscheck wünschen. Wenn sie nur mit einem Photoshop-Modell davonkommen können, ist es auf diese Weise viel einfacher.
Scott

2
Ich denke, Laufwerk ist definitiv ein Teil davon, aber ... was noch wichtiger ist, IMHO, ist eine Leidenschaft für das Produkt . Designer, die sich wirklich für das Produkt interessieren, interessieren sich auch sehr für die Entwicklung. Entwickler, denen das Produkt am Herzen liegt, legen auch großen Wert auf Design. Dies steht im Gegensatz zu Menschen, die sich nur um ihre Arbeit kümmern. Ich finde, je mehr eine Unternehmenskultur aus berufsorientierten Menschen besteht, desto mehr leidet das Produkt, da wirklich jeder nur auf sich achtet. Hier können Rasenkämpfe beginnen, Teams wirklich zu isolieren. Design hier
drüben

12

Wo sollte die Verantwortung für die Gestaltung einer responsiven Website liegen?

In der Regel bei der Verwaltung. Intelligentes Management wird erkennen, dass es sich um ein Teamprojekt handelt, bei dem jeder koordiniert sein und zusammenarbeiten muss. Dies schließt visuelles Design, UX, UI-Entwickler, Back-End-Entwickler, Content-Team, Marketing usw. ein (ist jedoch nicht darauf beschränkt).

Agile Entwicklung ist ein guter Weg, um dies zu erreichen.

Viele Unternehmen nicht tun dies, natürlich, und neigen dazu , jede der oben genannten Teams Silo und verwenden die alte „werfen sie über den Zaun und machen sich darüber keine Sorgen“ Wasserfall - Prozess.

Bitte beachten Sie, dass ich mich auf das Design und nicht auf die Entwicklung konzentriere.

Das ist das Problem. Sie können sich nicht auf das eine und nicht auf das andere konzentrieren. Der Entwurf einer responsiven Site ist die Entwicklung einer responsiven Site.

Dies gilt im Allgemeinen für das Interaktionsdesign. Das Interaktionsdesign (ein responsives Layout, ein Dropdown-Menü, eine Animation usw.) muss in dem Medium erstellt werden, in dem es verwendet wird - dem Browser. Dies erfordert einen gewissen Entwicklungsstand.

Meine ideale UX-Teamstruktur würde die folgenden Rollen beinhalten *:

  • Visual Designer und / oder UI Designer
  • UI-Entwickler
  • Inhalt
  • Forschung / Benutzertests

Das bedeutet nicht, dass der Benutzeroberflächenentwickler des UX-Teams derjenige ist, der den Produktionscode schreibt, sondern er schreibt den Arbeitscode, um die Interaktion ordnungsgemäß zu entwerfen, zu erstellen und zu testen.

Dies wird dann mit dev geteilt und es wird im Team weiter gearbeitet, um es in das endgültige Ziel des reaktionsfähigen Systems zu integrieren.

* Zu diesen Rollen sollte mindestens einer Ihrer „Web-Crafter“ gehören. Ich stimme zu, dass es manchmal schwieriger ist, sie zu finden, aber sie sind eine Notwendigkeit für Teams. Sie benötigen mindestens eine Person, die auf allen Ebenen kommunizieren und mit Icon-Designern sowie DB-Administratoren sprechen kann.


Im Grunde stimme ich dieser Antwort zu, außer ich stimme nicht wirklich zu, dass diese Verantwortung in erster Linie beim "Management" liegt. Ein gut strukturiertes Team ist der Schlüssel. Was zwei Kommentare in den Sinn bringt. 1) Dies wird auf dem Grafikdesign-Teil der Website gepostet und Grafikdesign ist kein Webdesign. Vielleicht möchten Sie versuchen, bei StackOverflow nachzufragen und zu prüfen, ob Sie keine andere Perspektive erhalten. 2) Du scheinst ein bisschen jünger zu sein? Ich arbeite für ein sehr großes (NASDAQ-gehandeltes) Technologieunternehmen und wir haben diese Probleme überhaupt nicht. Also in einem Boutique-Studio? Ja. Aber auf einer höheren Ebene ist dies nicht einmal ein Gespräch, FWIW.
Dave Kanter

@ DaveKaye, dass Ihr Unternehmen es richtig macht, ist kein Hinweis darauf, dass alle es tun. Ich bin mit Sicherheit kein Junior und habe für mehrere Fortune-500-Unternehmen gearbeitet, die dies noch nicht herausgefunden haben. Je größer die Organisation ist, desto fragmentierter werden nach meiner Erfahrung die Teams, daher dieses Problem. Die Unternehmen werden versuchen , es richtig zu machen, natürlich. Immer mehr bewegen sich in Richtung Agile (mit unterschiedlichen Ergebnissen).
DA01

Oh, was das Management angeht, ich denke, wir sind uns einig. Sie sagen, ein gut strukturiertes Team ist der Schlüssel und ich würde argumentieren, dass Sie ein gutes Management brauchen, um dieses gut strukturierte Team aufzubauen. Letztendlich ist jemand verantwortlich für das Team.
DA01

1
Zum Beispiel befindet sich UX bei meinem aktuellen Auftritt in einem völlig anderen Organigramm als UI Dev. Offensichtlich macht dies die Dinge für uns vor Ort schwierig, da wir uns mit völlig anderen Befehlsketten und der damit verbundenen Politik auseinandersetzen müssen von jedem.
DA01

1
@plainclothes in meiner idealen Struktur, IA, ID und Inhalt arbeiten alle Seite an Seite.
DA01,

6

Obwohl ich der Mentalität in DA01s Antwort zustimme, denke ich, dass die Frage mehr beinhaltet als nur das, was er anspricht.

Die einfache Tatsache ist, dass Unternehmen auf unterschiedliche Weise organisiert sind, da sie über Mitarbeiter mit unterschiedlichen Fähigkeiten verfügen und sich in der Anzahl der Mitarbeiter in den einzelnen Abteilungen unterscheiden. Jedes Unternehmen muss diese Entscheidung mit Sorgfalt und im Hinblick auf sein Unternehmen angehen, um eine gute Art der Erstellung zu wählen.

Ich glaube nicht, dass es einen "besten" Weg gibt, um diese Entscheidung oder Teamstruktur zu treffen. Jede Gruppe von Menschen ist anders und die, die für ein Unternehmen arbeiten, funktionieren möglicherweise nicht für ein anderes, auch wenn die Struktur und die Struktur in etwa gleich sind.

Vor diesem Hintergrund gibt es einige allgemeine Grundsätze, die für alle Unternehmen gelten, wenn diese Art von Entscheidungen getroffen wird:

  • Nutzen Sie die verfügbaren Fähigkeiten - Manche Menschen arbeiten in bestimmten Umgebungen besser und tun bestimmte Dinge. Wenn etwas den Prozess stark verlangsamt und wenig Nutzen bringt, ist es wahrscheinlich keine gute Entscheidung. Das soll nicht heißen, dass Sie sich nicht ändern sollten, weil eine Person die Änderung nicht mag, aber es ist wichtig, die Vorlieben und Fähigkeiten des Teams im Hinterkopf zu behalten, damit die Leute Spaß an ihrer Arbeit haben und Dinge erledigen können.

  • Zusammenarbeit ist der Schlüssel - Jeder Designer und Entwickler sollte in der Kommunikation sein und ungefähr wissen, was der andere in jeder Phase des Prozesses tut , vom Gespräch mit dem Kunden (wie viel auch immer möglich ist - manchmal reicht es aus, Notizen der Diskussion oder ähnliches zu sehen ) bis zur endgültigen Umsetzung. Eine Gruppe erledigt normalerweise die Arbeit in einem Schritt, aber die andere (n) sollte (n) zumindest wissen, was los ist, und in jeder Phase Feedback geben können.

    Die Fachkenntnisse der Menschen sind unterschiedlich, daher möchten wir, dass die Menschen potenzielle Probleme erkennen, die andere nicht so früh wie möglich sehen, und zusätzliche Ideen liefern.

  • Richtung über Perfektion - Es ist viel besser , das Ziel zu kennen und auf direkte, aber grobe Weise darauf hinzuarbeiten. Damit meine ich, dass Iteration für den Großteil des Prozesses besser ist, als pixelgenau zu sein. Wir müssen sicherstellen, dass wir bei jeder Entwurfsentscheidung in die richtige Richtung gehen, und diese Entscheidung anschließend durch Iteration verfeinern. Auf diese Weise können wir im Allgemeinen spät größere Probleme vermeiden.

    Das Entwerfen im Browser (oder auf welchem ​​Medium sich die Anwendung auch immer befindet) kann dazu beitragen, da die beiden Jobs zu einem Job zusammengefasst werden und die Mitarbeiter gezwungen werden, zusammenzuarbeiten oder über beide Fähigkeiten zu verfügen. Natürlich ist es wichtig, das erste hier aufgeführte Prinzip im Auge zu behalten.

Um das vorliegende Problem in einem Fall direkt anzugehen, in dem sich das OP anscheinend auf etwas bezieht, möchte ich zum Schluss sagen, dass ich empfehle , wenn eine vollständige Trennung der Arbeit beschlossen wird (vollständige Trennung von Wissen / Feedback sollte nicht erfolgen) dass das Designteam zumindest in den meisten Fällen eine kleine und eine große Version erstellen sollte und der Rest dem Entwickler überlassen bleibt. Dies zwingt das Designteam, alle Phasen dazwischen im Auge zu behalten, ohne sich um die genauen Details kümmern zu müssen.


1
Ein guter Punkt: Es gibt keine einheitliche Lösung, da alle Unternehmen unterschiedlich sind.
DA01

3

Hier gibt es einige gute Antworten, aber das ist wirklich nicht so kompliziert.

Endeffekt:

Das Designteam (ob eines oder mehrere) ist für jede Permutation einer Ansicht oder Vorlage verantwortlich.

Bitten Sie den Entwickler nicht, die Lücken auszufüllen oder sich auf ein Framework zu stützen.

Geben Sie von Anfang an Ihr Bestes und beschatten Sie den Entwickler, während die Dinge voranschreiten. Sie müssen Entscheidungen treffen, wenn Herausforderungen entstehen. Manchmal könnte es ein anderes Modell sein, manchmal ist es am besten, etwas groben Code bereitzustellen (wenn Sie können).

Lass das Engineering nicht deine Arbeit machen und sie werden dich nicht bitten, ihre zu machen ;-)


-2

Im Idealfall besitzen die Designer das Design, schlicht und einfach. Wenn die Designer in der Lage sind, eine Spezifikation zu entwerfen, die klar, relevant und realistisch ist, sollten sie die Rätselraten für Webdesigner aus der Gleichung streichen.

Die Aufgabe eines Webdesigners ist es, die Vision des Designers in Code zu übersetzen. Dies kann einfach sein, wenn die Spezifikation klar und der Webdesigner gut ist, oder es kann schwierig sein, wenn der Webdesigner nur eine .psd mit den Anweisungen "Mach das" erhält. Gute Spezifikationen bedeuten genauere Implementierungen.

Ich werde Web Crafters überspringen, da ich mit diesem Begriff nicht wirklich arbeite.

Webentwickler sollten sich meiner Erfahrung nach nicht wirklich mit Design beschäftigen. Sie konzentrieren sich in der Regel auf die Backend-Entwicklung und berühren das Design nur, wenn dies unbedingt erforderlich ist. Die meisten Webentwickler, die ich kenne, kennen CSS nicht besonders gut und verwenden auf keinen Fall Photoshop.

Softwareentwickler umfassen 99% der Entwickler. Ich würde nicht sagen, dass sie nicht wie in Ihrer Grafik designen, aber das ist normalerweise nicht Teil der Stellenbeschreibung.

TL; DR: Wenn Designer gute Spezifikationen vorlegen, sollten Webdesigner in der Lage sein, die Implementierung einfach zu handhaben.


1
Dem muss ich überhaupt nicht zustimmen. Design von der Entwicklung zu isolieren, ist normalerweise das Problem. Ich würde auch argumentieren, dass ein Webdesigner, der das Wort "Designer" in seinem Titel hat, absolut ein Designer ist. Ich würde so weit gehen zu sagen, dass ein guter Entwickler auch ein Designer ist ... sie entwerfen stattdessen nur in Code.
DA01

1
Was die technischen Daten angeht, klingen sie nach einer guten Idee, aber ich habe NIE gesehen, dass sie funktionieren. Das Problem ist, dass Sie einfach nicht jedes Szenario und jede Interaktion, die in eine Lösung einfließen, vorhersehen können, um sie vollständig spezifizieren zu können. Und wenn es riesige Spezifikationen gibt, werden Entwickler einfach zum Fließbandarbeiter und werden nicht dazu ermutigt, zur Lösung beizutragen. Am Ende des Tages werden Dinge übersehen und die Spezifikation wird beschuldigt.
DA01

Ich muss DA01 zustimmen, dies ist eine sehr naive Sichtweise auf die Situation
Zach Saucier

Vielen Dank für Ihre Antwort, aber ich bin mit @ DA01 einverstanden. Ich wollte hinzufügen, dass mein Diagramm unterschiedliche Fachkenntnisse in Bezug auf technische und gestalterische Fähigkeiten widerspiegeln soll. Der Begriff "Web Crafter" ist einer, den ich als Moniker für einen perfekt abgerundeten Fachmann erfunden habe, der sowohl gestalterische als auch technische Fähigkeiten besitzt, die heutzutage sehr verbreitet sind und eine Art Renaissance-Mann des Webs sind.
cockypup

Über die Entwickler, die nicht entwerfen, ist das heutzutage auch sehr ungewöhnlich, vielleicht nicht so ungewöhnlich, wie mein zweites Diagramm andeutet, wie @Scott hervorhob, das absichtlich übertrieben wurde, nur um einen Punkt zu verdeutlichen. Die Natur der Webentwicklung zwingt Entwickler, Grundlagen des Designs zu lernen, selbst wenn sie es nicht mögen.
cockypup
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.