Passeu del disseny gràfic al disseny web en set senzills passos

Autora: John Stephens
Data De La Creació: 27 Gener 2021
Data D’Actualització: 19 Ser Possible 2024
Anonim
Passeu del disseny gràfic al disseny web en set senzills passos - Creatiu
Passeu del disseny gràfic al disseny web en set senzills passos - Creatiu

Content

Si recentment es va graduar en una cara escola de disseny o és un aspirant a dissenyador autodidacta que vol endinsar-se primer en l’apassionant món del disseny web, però té massa por de l’argot, la gent de tecnologia i el CSS, atureu-vos!

Per ser rellevant al segle XXI, heu de ser multidisciplinars. El que és més important, la demanda de dissenyadors web és elevada fins i tot en l'economia macabra en què ens trobem.

Recentment he compartit els meus set passos per convertir-me en dissenyador gràfic centrat en l'experiència d'usuari amb 500 dissenyadors gràfics a la Conferència de Disseny Interactiu HOW. El públic estava format per una àmplia gamma de dissenyadors, alguns que només imprimeixen i altres que imprimeixen i web. Tots van compartir la mateixa experiència rotunda: tots han afrontat reptes amb els projectes web, ja siguin enigmes de codi, interaccions difícils amb programadors o establir i gestionar les expectatives dels clients.

Us sembla familiar alguna cosa d'això?

Quin és el secret per convertir-se en un dissenyador d'èxit centrat en l'experiència d'usuari? Aquests són els set passos:


1. Deixa de dir que es tracta de tecnologia

Deixeu de dir a vosaltres mateixos i als altres que es tracta de tecnologia o que no sabeu com crear un lloc. Quantes vegades he escoltat dels estudiants i dels professionals: “Oh, jo
no vull entrar al web "," No vull codificar ". Em fa ràbia i tristesa veure joves dissenyadors i clients paralitzats per la por a la "tecnologia". Els dissenyadors web tenen tots els gustos. Hi ha el dissenyador "Flaky / Dorky", que és un híbrid orientat tant visualment com tècnicament, que pot dissenyar i codificar igual de bé. També teniu el dissenyador ‘Evil / Dorky’ que és millor en fer wireframe i diagrames de flux que dissenyar botons sexy. O podeu ser com jo i ser un dissenyador "desagradable / escamoso" que millor ven idees. Identificar quins són els seus punts forts també ajudarà a enfortir els seus projectes web.

Si voleu saber quin tipus de dissenyador sou (o desenvolupador o estrateg), feu la versió beta de la meva avaluació FEDO (Flaky, Evil, Dorky, Obnoxious).


2. Col·labora: es tracta de grups

En un article de Fast Company del novembre del 2010, un director creatiu d'una gran agència publicitària de Nova York en un taller de formació organitzat per Hyper Island es deia: "Tota aquesta" col·laboració, treballarem junts com a equip "... ho trobarà difícil. " Això es deu al fet que el disseny interactiu requereix que persones de negocis, creatius, tècnics i de màrqueting treballin junts. Amb cadascun d’aquests interessos diferents en un projecte.

L’interès empresarial (malvat) només es preocupa pel ROI, el membre de l’equip creatiu (escamós) només està interessat en l’estètica i els seus companys pensen que són genials, el desenvolupador (Dorky) està preocupat perquè funcioni i l’interlocutor (desagradable) de màrqueting. sol quedar-se fora de la imatge durant un temps, només li importa si poden comunicar el "valor prop" a tots els seus "canals": tradicionals, digitals, relacions públiques, xarxes socials, etc.

També podrien parlar idiomes diferents. Només n’hi ha un personalment, he estat capaç de gestionar aquesta autèntica Torre de Babel i és el pas 3.


3. Escolta: no tracta de tu

No es tracta del que els grups d'interès empresarials creuen que és l'última i la major tendència. No es tracta del que els interessats creatius pensen que quedarà bé a la seva cartera. No es tracta de l'últim i el més gran que volen provar les parts interessades en tecnologia. No es tracta que les parts interessades en màrqueting facin tant de soroll en tots els canals possibles. L’únic llenguatge comú que he estat capaç d’utilitzar per facilitar la col·laboració entre tots aquests diferents grups d’interès és el paper de tambor, si us plau, els usuaris. Es tracta de quins objectius tenen els usuaris objectius i què necessiten de vosaltres per assolir aquests objectius ... Es tracta de saber qui són, mitjançant l’ús de dades, la investigació de tendències i el sentit comú. Es tracta de fer proves d’usuari i de fet escoltant als USUARIS REALS!

Es tracta de treballar junts per prioritzar quines funcions i funcions dictaminen les necessitats dels usuaris.

Esteu dissenyant una experiència multidimensional que existeix en el temps i l’espai, amb històries de persones entrellaçades en totes les decisions que preneu, fins al nivell de píxels.

D'acord Jose, doncs, com puc fer això?

4. No ho facis: dissenya per què

La nostra feina no és dissenyar-la. Es tracta d’aprendre i aflorar la història del ‘per què’ i eliminar totes les barreres entre el ‘per què’ i l’usuari que diu “gràcies, que compleix les meves necessitats ...”.

No es tracta que crec que hauria de ser així, o bé hauria de ser així. Es tracta d’aconseguir la història del “per què”.

Si em vau perdre allà, permeteu-me compartir amb vosaltres com mantenim tot això directament.

Per gestionar la "història del per què" fem servir el que anomenem "El triangle de l'amor dels píxels".

Tres coses defineixen el vostre lloc web (o experiència interactiva), ja sigui en dispositius mòbils o no: qui sou, qui són els vostres usuaris i quins són els vostres objectius empresarials.

Primer definim qui sou. Qui ets? (El client). És probable que ja ho conegueu, només ho confirmem junts. Per fer-ho, fem servir diversos exercicis diferents, però un dels més eficaços és un exercici que ajuda a definir la "declaració de marca" per a una empresa. Com que normalment ens contracten per dissenyar i construir un lloc web, en diem una "declaració de lloc web". Volem assegurar-nos que tenim clar que no tornarem a refer la vostra declaració de marca o missió.

En segon lloc, definim els vostres usuaris. Qui són, quines són les seves històries? Quins objectius tenen? Quines són les seves necessitats? Prioritzem els tres objectius principals i les tres necessitats principals.

En tercer lloc, treballem junt amb tot l’equip per identificar i donar prioritat als objectius empresarials de l’organització. Ho fem mitjançant una pluja d’idees en tres categories:

  • Sensibilització: estratègies i tàctiques de màrqueting.
  • Ingressos: estratègies i tàctiques de productes / vendes.
  • Eficiència: estratègies i tàctiques per estalviar temps, reduir els residus i augmentar la productivitat.

Prioritzem aquests a curt, mitjà o llarg termini. A més, els puntuem en una escala d’un a deu en quant els desitgi l’equip i quina és la probabilitat que l’equip aconsegueixi aquests objectius.

Finalment, fem el que anomenem "The Love Quilt", on coincidim amb les tres necessitats principals dels usuaris amb els tres objectius empresarials principals de cada categoria. A partir d’això, determinem les característiques i funcionalitats clau del nostre producte digital. Per exemple, un minorista de càmeres en línia podria dir "augmentar les vendes de comerç electrònic" com a objectiu empresarial i un usuari pot dir "una manera fàcil de trobar la càmera adequada per a mi i les meves necessitats" com a objectiu. Quan es reuneixen aquests dos, l'equip podria dir "configurador de necessitats fàcil d'utilitzar amb recomanacions" com a característica a seguir.

Aquests exercicis els fem en una sessió d'estil "taller" amb tres regles:

  1. Participa
  2. Pots dir qualsevol cosa (no censurar)
  3. Diverteix-te!

Aquests tallers poden durar d'un a tres dies. Normalment els fem en dues sessions de mig dia a causa de la disponibilitat dels grups d'interès.

Podeu veure com crear un perfil d’usuari amb un client real a la pàgina web en directe Redissenyada al meu podcast, The Week in Web Design.

5. Sigues George Lucas: explica històries

Quan demano a un (Dorky) brainer esquerre que descrigui el que fa un lloc web, rebo la descripció del robot "kraftwerk" que enumera les funcions i la funcionalitat, com ara el catàleg d'una peça per a un conjunt de química. No és fàcil d’entendre perquè falten els usuaris (personatges) o per què s’han de preocupar (motivació).

Què passa si us digui que no esteu dissenyant ni construint llocs web! Esteu creant històries atractives. No ets diferent de Lucas o Spielberg [Insereix el teu director favorit]. La diferència és que, en lloc d’una càmera, efectes digitals i accessoris, feu servir CSS, SQL i Photoshop.

Pregunteu-vos com podeu simplificar el lloc web i fer-lo natural ... doneu vida a les històries amb persones reals en entorns reals.

Per ajudar-nos a fer-ho "real" per als nostres clients i per nosaltres mateixos creem allò que internament anomenem "entrar al futur", o que vivim històries d'usuaris. Escrivim i disparem els perfils dels usuaris com si entrevistéssim els usuaris aproximadament un any després del llançament del lloc web o del producte que vam dissenyar. Funciona.

Aquí teniu una mostra de Myspace:

Aquestes històries es van fer al principi del procés de disseny per validar les històries dels usuaris i vendre l'equip directiu a la direcció.

Aquí teniu un exemple de Regal Cinema:

El vídeo es va crear en un dia amb un iPhone 4 com a càmera principal.

6. Afronta la teva por: "Lluc, jo sóc el teu pare"

L’únic que us interposa és vostè. Les vostres pors: por a fracassar, por a no saber alguna cosa, por a la insuficiència, por a no ser prou intel·ligent.

Per superar vostè cal saber vostè.

Per exemple, sé que no puc dissenyar un sistema complet: 20 PSD. La força del meu ADD és massa poderosa. Tampoc puc codificar. No podia parar prou atenció. També sé que sóc bo amb la gent i sóc genial per vendre idees. Saber què faig bé em permet aprofitar els meus punts forts i fer que el que faig sigui divertit.

Si encara no sabeu en què esteu bé, en què us agrada fer o millor a què esteu predisposat, preneu-vos un moment per fer la valoració de FEDO si encara no ho heu fet. Un cop us conegueu millor, identifiqueu quin tipus de rol us agradaria tenir en un projecte o quin tipus de projectes heu de fer si sou autònom.

Si la vostra percepció de "disseny web" o "experiència d'usuari" és una de les grans complexitats i les persones que pensaran que sou estúpids si no sabeu la diferència entre una làmpada LAMP i un llum de peu, esteu a favor de una enorme decepció.

El disseny de pàgines web consisteix a aprendre a col·laborar eficaçment amb les disciplines mutliple. Tant si treballeu pel vostre compte com amb un equip, dominar el llenguatge de l’experiència de l’usuari farà la diferència entre la por, el dolor i el patiment i el disseny d’aplicacions innovador i impactant. Qui sap que fins i tot pot tenir un impacte i crear canvis.

7. Sigues (a) l’1 per cent: no treballis pel canvi, fes el canvi

Com tothom a Amèrica, he estat veient el moviment del 99% i, tot i que tinc una gran quantitat d’empatia i suport pel que representen, em fa trist que tants grans pensadors, dissenyadors i narradors no tinguin capacitat de reunir-se amb MBA i nerds (programadors) per crear el proper AirBnB, el proper Etsy, el següent KickStarter o el següent Threadless.

Els dissenyadors gràfics han dedicat la major part del darrer mig segle a la indústria elaborant els seus pòsters, fulletons i llocs web per aconseguir productes mediocres.

Sigui o superi l’1 per cent de la manera que vulgui.

"No treballis només per canviar: tanca els cèntims" "Canvia't". Ara teniu les eines per ser tan potents com l’1 per cent si sabem utilitzar-les. La emocionant notícia és que les eines no són de tecnologia, sinó de llenguatge, empatia i amor als píxels.

Conclusió

Sóc dissenyador gràfic. Em centre en l’experiència de l’usuari. Fa quinze anys, quan em vaig graduar a l’Art Center College of Design, vaig fer un discurs de començament (molt divertit) on vaig argumentar que tots ens hauríem de centrar en el disseny ‘digital’ vs ‘analògic’. Quan em vaig unir a Razorfish a finals del 1996, vaig tenir la sensació que hi passava alguna cosa. Sabia que no era un «estudi de disseny» en el sentit tradicional, però m’hi vaig quedar.

Avui: sóc dissenyador gràfic? Un artista? Sóc estrateg de negocis? Sóc arquitecte de la informació? Sóc etnògraf?

Sóc dissenyador de pàgines web, sóc tot això, però amb un enfocament profund en el disseny gràfic. Sóc el que Tim Brown anomena un creatiu en forma de T. Algú que tingui habilitats profundes en una àrea (com ara el disseny gràfic) però que tingui una àmplia comprensió de moltes altres àrees (empreses i tecnologia).

El terme s’atribueix a David Guest, que va encunyar el terme “persones en forma de T” el 1991 en un article titulat “La caça està en marxa per l’home renaixentista de la informàtica” publicat a The Independent.

Els millors dissenyadors web, desenvolupadors, estrateg, arquitectes d’informació amb els quals he treballat han estat tots pensadors de ‘T Shape’.

El meu discurs de graduació va tocar-lo a l’ungla. L'única diferència era que estava prou obert per fer el viatge, per complir el meu destí de convertir-me en un home de disseny web Jedi.

No podeu ignorar l'enorme demanda de dissenyadors centrats en l'experiència d'usuari. I desenvolupadors, comercialitzadors d’estratègies. Pot ser la diferència entre guanyar 35 dòlars per hora fent producció de disseny i guanyar 125 dòlars per hora fent un disseny centrat en l'experiència d'usuari.

Així que deixeu de dir que es tracta de tecnologia. Comenceu a aprendre l’idioma, comenceu a dissenyar per als vostres usuaris, comenceu a ajudar-los a assolir els seus objectius i comenceu a crear històries atractives. Transfereix-te i comença o uneix-te a una increïble posada en marxa de tecnologia i ajuda a canviar el món. Maleït. Fes-ho.

Elecció Dels Lectors
El mètode de la cinta: com Sawdust va fer aquests bells números
Llegeix Més

El mètode de la cinta: com Sawdust va fer aquests bells números

awdu t va crear un conjunt de número de cinta a mida com a part del eu di eny per al llibre hanghai Ranking: aquí expliquen el eu procé i algun del repte al qual e van enfrontar al lla...
Com crear infografies sorprenents
Llegeix Més

Com crear infografies sorprenents

Valentina D’Efilippo é una di enyadora d’informació guardonada i la dona que hi ha darrere d’algune de le millor infografie (inclo e le que e mo tren a la foto). Però la infografia ha e...
Les il·lustracions de superherois brillantment lúdiques segueixen donant força
Llegeix Més

Les il·lustracions de superherois brillantment lúdiques segueixen donant força

L’arti ta francè Bunka ha creat una èrie d’il·lu tracion de uperheroi que prenen pi te de la tendència del di eny pla, incloent Batman, Teenage Mutant Ninja Turtle i pider-Man. Com...