Wechseln Sie in sieben einfachen Schritten vom Grafik- zum Webdesign

Autor: John Stephens
Erstelldatum: 27 Januar 2021
Aktualisierungsdatum: 19 Kann 2024
Anonim
WordPress Website erstellen in 8 einfachen Schritten
Video: WordPress Website erstellen in 8 einfachen Schritten

Inhalt

Wenn Sie kürzlich eine teure Designschule abgeschlossen haben oder ein aufstrebender Autodidakt sind, der mit dem Kopf voran in die aufregende Welt des Webdesigns eintauchen möchte, aber zu viel Angst vor Fachjargon, Technikern und CSS hat, hören Sie auf!

Um im 21. Jahrhundert relevant zu sein, muss man multidisziplinär sein. Noch wichtiger ist, dass die Nachfrage nach Webdesignern selbst in der beschissenen Wirtschaft, in der wir uns befinden, hoch ist.

Vor kurzem habe ich auf der HOW Interactive Design Conference meine sieben Schritte zum User Experience-orientierten Grafikdesigner mit 500 Grafikdesignern geteilt. Das Publikum bestand aus einer Vielzahl von Designern - einige, die nur gedruckt wurden, und andere, die druckten und webten. Sie alle teilten die gleiche durchschlagende Erfahrung - sie standen alle vor Herausforderungen mit Webprojekten, sei es Code-Rätsel, schwierige Interaktionen mit Programmierern oder das Setzen und Verwalten von Kundenerwartungen.

Kommt Ihnen das bekannt vor?

Was ist das Geheimnis, um ein erfolgreicher User Experience-orientierter Designer zu werden? Hier sind die sieben Schritte:


1. Hör auf zu sagen, dass es um Technologie geht

Hör auf, dir selbst und anderen zu sagen, dass es um Technologie geht oder dass du nicht weißt, wie man eine Site erstellt. Wie oft habe ich von Studenten und Fachleuten gehört: „Oh ich
Ich möchte nicht ins Web gehen. "„ Ich möchte nicht codieren. " Es macht mich sowohl wütend als auch traurig zu sehen, dass junge Designer und Kunden gleichermaßen von der Angst vor „Technologie“ gelähmt sind. Webdesigner gibt es in allen Geschmacksrichtungen. Es gibt den "Flaky / Dorky" -Designer, der sowohl visuell als auch technisch orientiert ist und gleichermaßen gut entwerfen und codieren kann. Sie haben auch den "Evil / Dorky" -Designer, der besser in der Lage ist, Drahtmodelle und Flussdiagramme zu erstellen, als sexy Knöpfe zu entwerfen. Oder Sie können wie ich sein und ein "abscheulicher / flockiger" Designer sein, der besser darin ist, Ideen zu verkaufen. Das Erkennen Ihrer Stärken hilft auch dabei, Ihre Webprojekte zu stärken.

Wenn Sie herausfinden möchten, welche Art von Designer Sie sind (oder Entwickler oder Stratege), nehmen Sie die Beta-Version meiner FEDO-Bewertung (Flaky, Evil, Dorky, Obnoxious).


2. Zusammenarbeiten - es geht um Gruppen

In einem Artikel von Fast Company vom November 2010 wurde ein Creative Director einer großen New Yorker Werbeagentur in einem von Hyper Island veranstalteten Schulungsworkshop mit den Worten zitiert: „Diese ganze 'Zusammenarbeit, wir werden als Team zusammenarbeiten' ... I. finde es schwierig. “ Dies liegt daran, dass für interaktives Design Geschäftsleute, Kreative, Techniker und Marketingmitarbeiter zusammenarbeiten müssen. Jeder von ihnen hat unterschiedliche Interessen an einem Projekt.

Der (böse) Geschäftsinteressent kümmert sich nur um den ROI, das (flakige) Kreativteammitglied interessiert sich nur für Ästhetik und seine Kollegen denken, dass sie cool sind, der (Dorky) Entwickler ist besorgt darüber, dass es funktioniert, und der (abscheuliche) Marketing-Stakeholder - wer wird normalerweise für eine Weile aus dem Bild gelassen - kümmert sich nur darum, ob sie die "Wertschöpfung" über alle ihre "Kanäle" kommunizieren können - traditionell, digital, PR, soziale Medien und so weiter.

Sie könnten genauso gut alle verschiedene Sprachen sprechen. Da ist nur einer Art und Weise, wie ich persönlich in der Lage war, diesen wahren Turm von Babel zu verwalten, und das ist Schritt 3.


3. Hören Sie zu - es geht nicht um Sie

Es geht nicht darum, was der Geschäftsinteressent für den neuesten und größten Trend hält. Es geht nicht darum, was der kreative Stakeholder in seinem Portfolio für gut hält. Es geht nicht um das Neueste und Beste, das der Tech-Stakeholder ausprobieren möchte. Es geht nicht darum, dass der Marketing-Stakeholder über alle möglichen Kanäle hinweg so viel Lärm macht. Die einzige gemeinsame Sprache, die ich verwenden konnte, um die Zusammenarbeit zwischen all diesen verschiedenen Interessengruppen zu erleichtern, ist - Trommelrolle bitte - die Benutzer. Es geht darum, welche Ziele die Zielbenutzer haben und was sie von Ihnen benötigen, um diese Ziele zu erreichen ... Es geht darum, mithilfe von Daten, Trendforschung und gesundem Menschenverstand herauszufinden, wer sie sind. Es geht darum, Benutzertests durchzuführen und tatsächlich Hören an echte Benutzer!

Es geht darum, gemeinsam zu priorisieren, welche Features und Funktionen die Bedürfnisse der Benutzer vorschreiben.

Sie entwerfen eine mehrdimensionale Erfahrung, die in Zeit und Raum existiert, wobei die Geschichten der Menschen in jede einzelne Entscheidung, die Sie treffen, eingebunden sind - bis hinunter zur Pixelebene.

Ok Jose, wie mache ich das?

4. Tun Sie es nicht: Entwerfen Sie das Warum.

Unsere Aufgabe ist es nicht, es zu entwerfen. Es geht darum, die Geschichte des "Warum" zu lernen und aufzudecken und alle Hindernisse zwischen "Warum" und dem Benutzer zu beseitigen, der "Danke, das meinen Bedürfnissen entspricht ..." sagt.

Es geht nicht darum, dass ich denke, dass es so sein sollte - oder dass es so sein sollte. Es geht darum, dass es die Geschichte des Warum trifft.

Wenn Sie mich dort verloren haben, lassen Sie mich mit Ihnen teilen, wie wir das alles klarstellen.

Um die "Geschichte des Warum" zu verwalten, verwenden wir das, was wir "Das Dreieck der Pixelliebe" nennen.

Drei Dinge definieren Ihre Website - oder Ihre interaktive Erfahrung - sei es auf Mobilgeräten oder auf andere Weise: Wer Sie sind, wer Ihre Benutzer sind und was Ihre Geschäftsziele sind.

Zuerst definieren wir, wer Sie sind. Wer bist du? (Der Kunde). Sie wissen es wahrscheinlich schon - wir bestätigen es nur zusammen. Zu diesem Zweck verwenden wir verschiedene Übungen. Eine der effektivsten Übungen ist jedoch eine Übung, mit deren Hilfe die „Markenaussage“ für ein Unternehmen definiert werden kann. Da wir normalerweise mit dem Entwerfen und Erstellen einer Website beauftragt werden, nennen wir dies eine "Website-Erklärung". Wir möchten sicherstellen, dass wir uns darüber im Klaren sind, dass wir Ihr Marken- oder Leitbild nicht wiederholen werden.

Zweitens definieren wir Ihre Benutzer. Wer sind sie, was sind ihre Geschichten? Was sind ihre Ziele? Was sind ihre Bedürfnisse? Wir priorisieren die drei wichtigsten Ziele und die drei wichtigsten Bedürfnisse.

Drittens arbeiten wir mit dem gesamten Team zusammen, um die Geschäftsziele der Organisation zu identifizieren und zu priorisieren. Wir tun dies durch Brainstorming in drei Kategorien:

  • Bekanntheit - Marketingstrategien und -taktiken.
  • Umsatz - Produkt- / Verkaufsstrategien und -taktiken.
  • Effizienz - Strategien und Taktiken, um Zeit zu sparen, Abfall zu reduzieren und die Produktivität zu steigern.

Wir priorisieren diese kurz-, mittel- oder langfristig. Zusätzlich bewerten wir diese auf einer Skala von 1 bis 10, je nachdem, wie sehr das Team sie wünscht und wie wahrscheinlich es ist, dass das Team diese Ziele erreicht.

Schließlich machen wir das, was wir "The Love Quilt" nennen, wo wir die drei wichtigsten Benutzeranforderungen mit den drei wichtigsten Geschäftszielen in jeder Kategorie abgleichen. Darauf basierend bestimmen wir die wichtigsten Merkmale und Funktionen unseres digitalen Produkts. Zum Beispiel könnte ein Online-Kamerahändler als Geschäftsziel "Steigerung des E-Commerce-Umsatzes" und ein Benutzer als Ziel "einfache Möglichkeit, die richtige Kamera zu finden, die zu mir und meinen Bedürfnissen passt" sagen. Wo sich diese beiden treffen, könnte das Team sagen, dass der benutzerfreundliche Bedarfskonfigurator mit Empfehlungen zu verfolgen ist.

Wir machen diese Übungen in einer Sitzung im „Workshop“ -Stil mit drei Regeln:

  1. Sich beteiligen
  2. Sie können alles sagen (nicht zensieren)
  3. Habe Spaß!

Diese Workshops können ein bis drei Tage dauern. Normalerweise machen wir dies in zwei halbtägigen Sitzungen, da die Stakeholder verfügbar sind.

Sie können sehen, wie Sie ein Benutzerprofil mit einem echten Kunden im Live Website Redesign in meinem Podcast The Week in Web Design erstellen.

5. Sei George Lucas: Erzähl Geschichten

Wenn ich einen (Dorky) Linkshänder auffordere, die Funktionsweise einer Website zu beschreiben, erhalte ich die Beschreibung des Kraftwerk-Roboters, in der die Merkmale und Funktionen wie der Katalog eines Teils für ein Chemie-Set aufgeführt sind. Nicht leicht zu verstehen, weil es den Benutzern (Charakteren) fehlt oder warum sie sich darum kümmern sollten (Motivation).

Was wäre, wenn ich Ihnen sagen würde, dass Sie keine Websites entwerfen oder erstellen? Sie erstellen überzeugende Geschichten. Sie sind nicht anders als Lucas oder Spielberg. Der Unterschied besteht darin, dass Sie anstelle einer Kamera, digitaler Effekte und Requisiten CSS, SQL und Photoshop verwenden.

Fragen Sie sich, wie Sie die Website vereinfachen und natürlich gestalten können. Erwecken Sie die Geschichten mit echten Menschen in realen Umgebungen zum Leben.

Um dies für unsere Kunden und für uns selbst „real“ zu machen, erstellen wir das, was wir intern als „Schritt in die Zukunft“ oder lebende User Stories bezeichnen. Wir schreiben und fotografieren die Benutzerprofile so, als würden wir die Benutzer etwa ein Jahr nach dem Start der von uns entworfenen Website oder des von uns entworfenen Produkts interviewen. Es klappt.

Hier ist ein Beispiel für Myspace:

Diese Geschichten wurden zu Beginn des Entwurfsprozesses erstellt, um die Benutzergeschichten zu validieren und das Managementteam auf Anweisung zu verkaufen.

Hier ist ein Beispiel für Regal Cinema:

Das Video wurde an einem Tag mit einem iPhone 4 als Hauptkamera erstellt.

6. Stelle dich deiner Angst: "Luke, ich bin dein Vater"

Das einzige, was dir im Weg steht, ist Sie. Ihre Ängste - Angst vor dem Scheitern, Angst, etwas nicht zu wissen, Angst vor Unzulänglichkeit, Angst, nicht klug genug zu sein.

Überwinden Sie du musst kennt Sie.

Ich weiß zum Beispiel, dass ich kein vollständiges System entwerfen kann - 20 PSDs. Die Kraft meines ADD ist zu stark. Ich kann auch nicht codieren. Ich konnte nicht genug aufpassen. Ich weiß auch, dass ich gut mit Menschen umgehen kann und gut darin bin, Ideen zu verkaufen. Wenn ich weiß, was ich gut kann, kann ich meine Stärken nutzen und das, was ich mache, zum Spaß machen.

Wenn Sie noch nicht wissen, was Sie können, was Sie gerne tun oder noch besser, wofür Sie prädisponiert sind, nehmen Sie sich einen Moment Zeit, um die FEDO-Bewertung abzugeben, falls Sie dies noch nicht getan haben. Wenn Sie sich selbst besser kennen, identifizieren Sie, welche Art von Rolle Sie für ein Projekt haben möchten oder welche Art von Projekten Sie als Freiberufler ausführen möchten.

Wenn Ihre Wahrnehmung von "Webdesign" oder "Benutzererfahrung" sehr komplex ist und die Leute Sie für dumm halten, wenn Sie den Unterschied zwischen einem LAMPENstapel und einer Stehlampe nicht kennen, sind Sie hier genau richtig eine große Enttäuschung.

Beim Webdesign geht es darum zu lernen, effektiv mit den verschiedenen Disziplinen zusammenzuarbeiten. Ob Sie alleine oder mit einem Team arbeiten, die Beherrschung der Sprache der Benutzererfahrung wird den Unterschied zwischen Angst, Schmerz und Leiden und innovativem, wirkungsvollem Anwendungsdesign ausmachen. Wer weiß, dass Sie vielleicht sogar einen Einfluss haben und Veränderungen bewirken.

7. Seien Sie (bei) 1 Prozent: Arbeiten Sie nicht für Veränderungen, seien Sie Veränderungen

Wie alle anderen in Amerika habe ich die 99-Prozent-Bewegung beobachtet, und obwohl ich sehr viel Einfühlungsvermögen und Unterstützung für das habe, wofür sie stehen, macht es mich traurig, dass so viele große Denker, Designer und Geschichtenerzähler das nicht haben Die Möglichkeit, sich einfach mit MBA's und Hardcore-Nerds (Programmierern) zusammenzutun, um den nächsten AirBnB, den nächsten Etsy, den nächsten KickStarter oder den nächsten Threadless zu erstellen.

Grafikdesigner haben den größten Teil des letzten halben Jahrhunderts damit verbracht, sich der Industrie zu widmen und ihre Plakate, Broschüren und Websites zu erstellen, um mittelmäßige Produkte zu verkaufen.

Sei oder schlag die 1 Prozent, wie auch immer du es auslegen willst.

"Arbeiten Sie nicht nur für Veränderung - mear Pennies" "Be Change". Sie haben jetzt die Werkzeuge, um so leistungsfähig zu sein wie 1 Prozent, wenn wir wissen, wie man sie verwendet. Die aufregende Nachricht ist, dass es bei den Tools nicht um Technologie geht, sondern um Sprache, Empathie und Pixelliebe.

Fazit

Ich bin Grafikdesigner. Ich konzentriere mich auf die Benutzererfahrung. Vor fünfzehn Jahren, als ich mein Studium am Art Center College of Design abschloss, hielt ich eine (sehr lustige) Eröffnungsrede, in der ich argumentierte, dass wir uns alle auf „digitales“ und „analoges“ Design konzentrieren sollten. Als ich Ende 1996 zu Razorfish kam, hatte ich das Gefühl, dass dort etwas passiert. Ich wusste, dass es kein „Designstudio“ im traditionellen Sinne war, aber ich blieb dabei.

Heute: Bin ich Grafikdesigner? Ein Künstler? Bin ich ein Geschäftsstratege? Bin ich ein Informationsarchitekt? Bin ich ein Ethnograph?

Ich bin ein Webdesigner, ich bin all diese Dinge, aber mit einem tiefen Fokus auf Grafikdesign. Ich bin das, was Tim Brown ein T-förmiges Motiv nennt. Jemand, der über fundierte Kenntnisse in einem Bereich (wie Grafikdesign) verfügt, aber ein breites Verständnis für viele andere Bereiche (Wirtschaft und Technologie) besitzt.

Der Begriff wird David Guest zugeschrieben, der 1991 in einem in The Independent veröffentlichten Artikel mit dem Titel "Die Jagd nach dem Renaissance-Mann des Rechnens" den Begriff "T-förmige Menschen" geprägt hat.

Die besten Webdesigner, Entwickler, Strategen und Informationsarchitekten, mit denen ich zusammengearbeitet habe, waren alle T-Shape-Denker.

Meine Abschlussrede traf es auf den Nagel. Der einzige Unterschied war, dass ich offen genug war, um die Reise anzutreten und mein Schicksal zu erfüllen, ein Jedi-Webdesigner zu werden.

Sie können die enorme Nachfrage nach User Experience-orientierten Designern nicht ignorieren. Und Entwickler, Strategen Vermarkter für Materie. Es kann der Unterschied sein, ob Sie 35 US-Dollar pro Stunde für die Designproduktion oder 125 US-Dollar pro Stunde für das auf die Benutzererfahrung ausgerichtete Design verdienen.

Also hör auf zu sagen, es geht um Technologie. Beginnen Sie mit dem Erlernen der Sprache, entwerfen Sie für Ihre Benutzer, helfen Sie ihnen, ihre Ziele zu erreichen, und erstellen Sie überzeugende Geschichten. Überwinde dich selbst und starte oder trete einem großartigen Tech-Startup bei und hilf dabei, die Welt zu verändern. Teufel noch mal. Tu es.

Wir Empfehlen.
Aufgedeckt: Die Zukunft des filmischen Geschichtenerzählens in Videospielen
Weiter

Aufgedeckt: Die Zukunft des filmischen Geschichtenerzählens in Videospielen

Von den vielen grafi chen Raffine en, die zu einem fe ten Be tandteil de modernen Video pielde ign geworden ind, kann man mit Recht agen, da die in filmi chen Zwi chen equenzen bewie ene Exzellenz nic...
Bewertung: Draplin Design Co: So ziemlich alles
Weiter

Bewertung: Draplin Design Co: So ziemlich alles

Mit einer Fülle von Arbeiten und einer lu tigen per önlichen Note i t Pretty Much Everything ein wertvoller und informativer Einblick in da Leben de De igner Aaron Draplin. Umfa ende ammlung...
Die besten Mac Mini-Angebote: Sparen Sie viel beim kleinen Kraftpaket
Weiter

Die besten Mac Mini-Angebote: Sparen Sie viel beim kleinen Kraftpaket

Wir haben in die em Artikel die be ten Mac-Mini-Angebote zu ammenge tellt, da einige Aufmerk amkeit im Jahr 2020 dazu geführt hat, da Apple klein ter Mac noch lange nach dem er ten Veröffent...