it-swarm.com.de

Wie arbeite ich mit visuellen Designern, die Drahtgitter als wörtliche grafische Vorschläge behandeln?

Vor kurzem habe ich bei meinen Kundenprojekten mit vielen Fällen zu kämpfen gehabt, als ein visueller Designer im Team ein Design produzierte, das aussieht wie von mir produzierte Drahtgitter, nur farbig. Vielleicht lautet die offensichtliche Antwort auf meine Frage "Arbeiten Sie nicht mit dieser Art von Designern". In den meisten Fällen sind die Projekte, an denen ich arbeite, jedoch wirklich interessant und herausfordernd. Wenn ich also am Projekt festhalten möchte, muss ich mit jedem im Team zusammenarbeiten, damit ich den Weg finde, es zu lösen .

Ich habe mit den Teams gesprochen und erklärt, was Drahtgitter sind und was nicht und warum das Auftragen von Farbe auf meine Drahtgitter kein guter Designjob ist. Ich habe Beispiele für hervorragende Designarbeiten gezeigt, die auf Drahtgittern basieren. Ich habe auch von Omnigraffle zu Balsamiq gewechselt, um Modelle zu erstellen, die eher wie Skizzen aussehen, in der Hoffnung, dass dies die visuellen Designer dazu zwingen würde, kreativer zu sein. Es scheint nicht sehr gut zu funktionieren.

Ich weiß, wie es ist, mit Designern zusammenzuarbeiten, die in der Lage sind, die Drahtgitter (korrekt) nur als Richtlinien für Inhalt, Position, Hierarchie, Funktionalität, Interaktionen, Flussdefinition usw. zu behandeln und alles zu tun, um alles in eine schöne Form zu bringen und elegante visuelle Oberfläche. Das ist der Grund, warum die entgegengesetzten Fälle so viel Frustration verursachen.

Hat jemand eine solche Situation erlebt? Wenn ja, was hat gut funktioniert und was hat nicht vorausgesetzt, dass Sie versucht haben, etwas dagegen zu unternehmen?

46
Marina

Wenn er/sie in Ihren Drahtgittern färbt, stellen Sie ihnen möglicherweise eine zu hohe Wiedergabetreue zur Verfügung. Versuchen Sie, die Wiedergabetreue zu verringern, damit sie Ihre Drahtgitter interpretieren und dabei die IA-Anforderungen einhalten müssen.

Hier ist mein grobes Beispiel für Drahtgitter mit hoher oder niedriger Wiedergabetreue.

mockup

/ EDIT - Das Modell wurde bearbeitet, damit es nicht ganz so extrem Lo-Fi ist.

22
JonW

Könnte eine kollaborativere Zusammenarbeit einen Teil davon überwinden, damit der visuelle Designer versteht, dass das Denken hinter dem Drahtmodell steckt, und daher ein Verständnis dafür erhält, was er dann über die Farbe hinaus hinzufügen kann?

Wenn Sie Ihre Beschreibung eines Drahtgitters lesen, klingt dies sehr endgültig und bietet wenig Interpretationsspielraum. Wenn Sie sich eher mit Liefergegenständen als mit Lösungen befassen, sind Drahtgitter möglicherweise zu „endgültig“. Sie können versuchen, einen Designer mit anderen beschreibenden Umrissen der während der Phase des Erfahrungsdesigns erstellten "Seiten" zu informieren, um die Situation zu verbessern. Dies können ser Stories und Seitenbeschreibungsdiagramme sein.

Die Haltung, die eingenommen werden muss, ist die Motivation und das Mentoring des Designers. Es gibt viele Ressourcen und Websites, die denen ähneln, die Sie gezeigt haben. Dem Designer muss gezeigt werden, was er tun muss und wie er aus einem Drahtmodell baut.

19
Adam Fellowes

Es klingt so, als ob das Kernproblem darin besteht, die grundlegenden Konzepte hinter einem Low Fidelity Ergebnis und High Fidelity lieferbar. Ihre visuellen Designer glauben, dass Sie ihnen ein High-Fidelity-Ergebnis liefern, auch wenn sie intellektuell nicht wissen, was dieser Begriff bedeutet. Wenn nicht, müssen Sie sie unterrichten.

Skizzen und Wireframes sind automatisch Low Fidelity, was bedeutet, dass sie nicht visuell das Endprodukt darstellen, sondern grobe Annäherungen an die Struktur und die Logik des Potenzials Endprodukt.

Es gibt einige gute Ressourcen, die die Unterschiede erklären: Wiederholen Sie nach mir: Drahtgitter sind kein visuelles Design ist ein guter Blog-Beitrag, der dies auf eine Weise erklärt, die Ihre Designer verstehen sollten:

Wenn Sie die Definition von Design durchsuchen, können Sie deutlich erkennen, dass Drahtgitter in die Idee fallen, "ein Objekt zu spezifizieren, mit dem Ziele in einer bestimmten Umgebung erreicht werden sollen". Eine technische Definition, die grob als Roadmap für die Interaktion mit Ihren Benutzern übersetzt werden kann.

Diese SlideShare-Präsentation Wireframe vs Mockup Warum und Wann erklärt gut, wann Wireframes anwendbar sind und was sie nicht.

Dies ist eine Art ewiges Problem der Kommunikation zwischen visuellen Designern/Kunden und UX-Designern. Sie müssen also wirklich sicherstellen, dass Ihre visuellen Designer dies erhalten , wenn Sie dies tun Ich werde für einen bedeutenden Zeitraum mit ihnen zusammenarbeiten.

9
Ben Brocka

Der Ansatz, den ich verwendet habe, besteht darin, den Designer zu bitten, 3 oder 4 verschiedene Designkonzepte für dasselbe Drahtmodell zu erstellen.

Dies ermutigt sie, verschiedene Arten der Reaktion auf das Drahtmodell zu untersuchen, und befähigt sie, einige merkwürdige Dinge auszuprobieren.

Wenn der Designer immer noch Probleme hat, würde ich ihn bitten, mir zu zeigen, wie das Drahtmodell aussehen würde, wenn (sagen wir) die Metro-Benutzeroberfläche darauf angewendet würde oder wenn es von Kindern verwendet werden sollte (ja, auch wenn es ein ist komplizierte Finanzwebsite). Oder ich würde nach sanft geschwungenen Linien fragen, die eine organische Ästhetik bilden, oder sie bitten, mit auffälligen angular Formen wie Dreiecken) wild zu werden. Beide unterscheiden sich völlig vom üblichen kastenförmigen Aussehen von Drahtgittern.

8
Erics

Was ich mache, wenn der visuelle Designer mehr Initiative/Freiheit mit meinen Drahtgittern ergreifen soll, ist:

  1. Geben Sie eine ausführliche Beschreibung der App/Site und ihrer Ziele zusammen mit den Wireframes. Auf diese Weise vermittle ich, dass ich nicht nur nach hübschen Farben suche, sondern nach einem visuellen Designplan, der diese Ziele unterstützt.
  2. Geben Sie an, welche Teile des Drahtgitters mehr Aufmerksamkeit erfordern - weil ich nicht absolut sicher bin oder möchte, dass sie (die Designer) verschiedene Lösungen untersuchen. Manchmal gebe ich 2 oder 3 Alternativen und manchmal lasse ich sie einfach einen Vorschlag machen.
8
Yosef Waysman

Wir haben über viele Jahre mit vielen Designern zusammengearbeitet, und erst vor kurzem sind wir zum ersten Mal auf dieses Problem gestoßen - und zwar für zwei Projekte gleichzeitig!

Es scheint, dass so etwas passiert, wenn der Hintergrund des Designers gedruckt ist und nicht im Internet. Als wir das "Design" des Designers sahen, sagten wir zu ihnen - das Drahtmodell ist kein Design, ändern Sie es. Einem Designer gelang es, das Design auf ein Niveau zu bringen, auf dem es entworfen aussah, ohne dass wir zu viel Handarbeit leisten mussten. der andere nicht, also mussten wir sie mit dem Löffel füttern, indem wir ihnen Elemente auf anderen Websites zeigten und ihnen sagten, was und wie sie entwerfen sollten. Nach vielen Überarbeitungen und viel Input von unserer Seite ist die Seite ganz gut geworden. Unser ursprüngliches Zitat berücksichtigte jedoch nicht diese unerwartete Entwicklung, bei der wir Stunden in die Führung des Designers investieren mussten.

Ich würde vorschlagen, dass Sie ihn bei der Arbeit mit einem Designer fragen, ob er Erfahrung im Entwerfen für das Web hat und wenn ja, wie umfangreich ist er? Dies scheint ein entscheidender Faktor für ihre Fähigkeit zu sein, ein Drahtmodell in ein Design umzuwandeln.

4
Miriam Schwab

Ich denke, diese Fragen eignen sich besser als Projektmanagement-Frage , da sie wahrscheinlich nicht spezifisch für Wireframes sind oder nicht, sondern wie man zusammen und auf kollaborative Weise arbeitet.

Die gesamte Beschreibung ist, wie Sie denken, dass es am besten funktioniert, aber nicht, wie Visual Designer funktioniert. Ich weiß nicht, ob es so etwas wie einen Industriestandard für die Zusammenarbeit mit Wirefrmaes gibt. Alles hängt also davon ab, wie Sie beide einen Weg finden, zusammenzuarbeiten. Und hier haben beide passende Bedürfnisse und Wünsche.

  • Sie haben klar beschrieben, was Sie über die Situation denken, aber haben Sie den Designer gefragt? Kennen Sie seinen/ihren Standpunkt? Versuchen Sie, die Situation aus beiden Perspektiven besser zu verstehen.
  • Wenn Sie die Ursachen verstehen, können Sie nach einer Lösung suchen . Sie haben geschrieben, dass Ihre Lösung darin bestand, mehr Kreativität durch gröbere Skizzen zu erzwingen. Aber auch hier ist es Ihre Lösung, nicht die Lösung von beiden.
  • Wenn Sie gemeinsam eine Lösung gefunden haben, können Sie einen Plan erstellen, wie Sie diese realisieren können . Überwachen Sie diesen Plan, da nichts perfekt ist und möglicherweise eine Anpassung erforderlich ist.
  • Manchmal und sehr selten ist es nicht möglich, einen für beide geeigneten Weg zu finden. Oder kann sein/ihr Verhalten mit Absicht schlecht sein. In diesem Fall wenden Sie sich an das obere Management und bitten Sie um Unterstützung.
2
FrankL

Ich finde dies ein Fall, in dem die Grafikdesigner/visuellen Designer nicht wirklich sicher sind, welche Rolle sie im Unternehmen spielen. Die meisten visuellen Designer scheinen (leider) den Eindruck zu haben, dass es ihre Aufgabe ist, das Design hübsch und farbenfroh aussehen zu lassen. Glücklicherweise bin ich nur einmal mit diesem Problem konfrontiert worden. Hier sind die Schritte, die ich unternommen habe, um das Problem zu beheben

  1. Wie bereits erwähnt, versuchen Sie, Ihre Drahtgitter wirklich niedrig zu halten. Je höher die Wiedergabetreue und je näher sie einem fertigen Look kommen, desto geringer ist der Widerspruch in Bezug auf die Styling- und Designrichtlinien.
  2. Versuchen Sie beim Wireframing, Ihren visuellen Designer in den Prozess einzubeziehen.. Dies kann so einfach sein, als würde man einfach auf ein Whiteboard zeichnen und nach seinen Eingaben fragen oder ihn bitten, sich neben Sie zu setzen, während Sie ein Drahtmodell entwerfen und nach seinen Eingaben fragen
  3. Bitten Sie sie, mehrere Variationen des von Ihnen entwickelten Designs zu erstellen. Obwohl eines der Designs genau dem von Ihnen entwickelten Drahtmodell entsprechen könnte, helfen ihnen alternative Variationen in Bezug auf Designlayout und Farbgestaltung dabei, ihre Ansichten auszudrücken und innovativere Ideen zu entwickeln. Stellen Sie jedoch sicher, dass sie sich der Einschränkungen in Bezug auf Markenrichtlinien und Designspezifikationen bewusst sind, damit sie nichts entwerfen, was völlig außerhalb des Geltungsbereichs liegt
2
Mervin