Hüppa graafiliselt veebidisainilt seitsme lihtsa sammuga

Kui olete hiljuti lõpetanud kalli disainikooli või olete pürgiv iseõppija, kes soovib sukelduda kõigepealt põnevasse veebidisaini maailma, kuid kardab liiga liiga žargooni, tehnikute ja CSS-i ees, siis lõpetage!

Et 21. sajandil asjakohane olla, peate olema multidistsiplinaarne. Veelgi olulisem on see, et nõudlus veebidisainerite järele on suur isegi selles näruses majanduses, kus praegu oleme.

Jagasin hiljuti oma seitset sammu, et saada kasutajakogemusele keskenduvaks graafiliseks disaineriks KUIDAS Interaktiivne disainikonverents . Publik koosnes paljudest disaineritest - ühed, kes olid ainult trükitud, ja teised, kes tegelesid trüki ja veebiga. Neil kõigil oli sama hämmastav kogemus - nad kõik on veebiprojektidega silmitsi seisnud väljakutsetega, olgu see siis koodimuudatus, keeruline suhtlemine programmeerijatega või klientide ootuste seadmine ja haldamine.

Kas mõni sellest kõlab tuttavalt?

Mis on eduka kasutajakogemusele keskenduva disaineri saamise saladus? Siin on seitse sammu:

parim paber kolmekordse voldiku jaoks

1. Lõpetage ütlemine, et see on seotud tehnikaga

Ärge lõpetage endale ja teistele ütlemist, et see on seotud tehnikaga või et te ei tea, kuidas saiti luua. Mitu korda olen õpilastelt ja professionaalidelt kuulnud: „Oh ma
ei taha veebi minna ',' Ma ei taha kodeerida. ' Mind teeb nii vihaseks kui kurvaks nähes nii noori disainereid kui ka kliente, kes on halvatud hirmust “tehnoloogia” ees. Veebidisainereid on igas maitses. Seal on disainer 'Flaky / Dorky', kes on nii visuaalselt kui ka tehniliselt orienteeritud hübriid, mis suudab disainida ja kodeerida võrdselt hästi. Teil on ka disainer 'Evil / Dorky', kes oskab paremini traadiraame ja vooskeeme teha kui seksikate nuppude kujundamine. Või võite olla nagu mina ja olla 'ebameeldiv / hõõguv' disainer, kes oskab paremini ideid müüa. Teie tugevate külgede väljaselgitamine aitab tugevdada ka teie veebiprojekte.

Kui soovite teada saada, mis tüüpi disainer te olete (või arendaja või strateeg), võtke minu versioon beetaversioon FEDO (helbeline, kuri, Dorky, ebameeldiv) hinnang .

2. Tehke koostööd - see puudutab rühmi

Sees Kiire ettevõtte artikkel novembris 2010 Hyper Islandi korraldatud koolitustöökoja suure New Yorgi reklaamiagentuuri loovjuht ütles: 'Kogu see koostöö, teeme koostööd meeskonnana' ... Mul on raske olla *** . ” Seda seetõttu, et interaktiivne disain nõuab äri-, loome-, tehnoloogia- ja turundusinimeste koostööd. Kuna kõigil neist on projekti vastu erinevad huvid.

(Paha) ärisuhtlusgruppi huvitab ainult investeeringutasuvus (ROI), loomingulise meeskonna liiget (Flaky) huvitab ainult esteetika ja nende kaaslased, kes arvavad, et nad on lahedad, (Dorky) arendaja on mures selle toimimise pärast ja (ebameeldiv) turunduse sidusrühm - kes jäetakse tavaliselt mõneks ajaks pildist välja - hoolib ainult sellest, kas nad suudavad „väärtuspakkumist” edastada kõigis oma „kanalites” - traditsioonilises, digitaalses, suhtekorralduslikus, sotsiaalmeedias jne.

Samuti võivad nad kõik rääkida eri keeltes. On ainult üks nii, et olen isiklikult suutnud seda tõelist Paabeli torni hallata ja see on 3. samm.

3. Kuula - see ei käi sinust

Asi pole selles, mida ettevõtlusrühm arvab, et see on uusim ja suurim trend. Asi pole selles, mida loov sidusrühm arvab nende portfellis hea välja nägevat. See ei puuduta uusimat ja suurimat, mida tehniline sidusrühm soovib proovida. Asi pole selles, et turunduse sidusrühm teeb kõigis võimalikes kanalites nii palju lärmi. Üks ühine keel, mida olen saanud kasutada kõigi nende erinevate sidusrühmade vahelise koostöö hõlbustamiseks, on - palun trummiroll - kasutajad. See räägib sellest, millised eesmärgid sihtkasutajatel on ja mida nad vajavad teilt nende eesmärkide saavutamiseks ... See on teada saada, kes nad on, kasutades selleks andmeid, trendiuuringuid ja tervet mõistust. See on kasutaja testimise tegemine ja tegelikult kuulamine PÄRISKASUTAJATELE!

See tähendab koostööd, et seada prioriteediks, milliseid funktsioone ja funktsionaalsust kasutajate vajadused dikteerivad.

Kujundate mitmemõõtmelist kogemust, mis eksisteerib ajas ja ruumis, kusjuures inimeste lood on põimitud igasse teie tehtud otsusesse - kuni pikslitasemeni.

Ok Jose, nii kuidas ma seda teen?

4. Ära tee 'seda': kujunda 'miks'

Meie ülesanne ei ole selle kujundamine. Selle eesmärk on õppida ja selgitada põhjus miks, ning kõrvaldada kõik tõkked miks ja kasutaja vahel, kes ütleb „aitäh, mis vastab minu vajadustele ...”.

Asi pole selles, et ma arvan, et 'see' peaks olema selline - või 'see' peaks olema selline. See räägib sellest, et 'see' vastab loole 'miks'.

Kui kaotasite mu seal, lubage mul jagada teiega, kuidas me seda kõike sirgena hoiame.

'Loo miks' haldamiseks kasutame seda, mida nimetame 'Piksli armastuse kolmnurgaks'.

Teie veebisaiti - või interaktiivset kogemust - määratlevad kolm asja, olgu see siis mobiilne või muu: kes te olete, kes on teie kasutajad ja mis on teie ärieesmärgid.

Kõigepealt määratleme, kes sa oled. Kes sa oled? (Klient). Tõenäoliselt teate seda juba - me lihtsalt kinnitame seda koos . Selleks kasutame mitut erinevat harjutust, kuid üks tõhusamaid on harjutus, mis aitab määratleda ettevõtte „kaubamärgi avaldust”. Kuna meid palgatakse tavaliselt veebisaidi kujundamiseks ja ehitamiseks, nimetame seda nn veebisaidi avalduseks. Soovime veenduda, et meil on selge, et me ei hakka teie brändi või missiooni avaldust ümber tegema.

Teiseks määratleme teie kasutajad. Kes nad on, mis on nende lood? Mis on nende eesmärgid? Millised on nende vajadused? Me seame esikohale kolm esimest eesmärki ja kolm peamist vajadust.

Kolmandaks teeme kogu meeskonnaga koostööd organisatsiooni ärieesmärkide tuvastamiseks ja prioriteetseks muutmiseks. Teeme seda ajurünnakute abil kolmes kategoorias:

  • Teadlikkus - turundusstrateegiad ja taktikad.
  • Tulud - toote / müügi strateegiad ja taktikad.
  • Efektiivsus - aja kokkuhoiu, raiskamise vähendamise ja tootlikkuse suurendamise strateegiad ja taktikad.

Eelistame neid lühikese, keskmise või pika tähtajaga. Lisaks hindame neid skaalal üks kuni 10, kui palju meeskond neid soovib ja kui tõenäoline on meeskond nende eesmärkide saavutamine.

Lõpuks teeme seda, mida nimetame „Armastuse tekkiks“, kus sobitame kasutajate kolm peamist vajadust iga kategooria kolme parima ärieesmärgiga. Nende põhjal määrame kindlaks meie digitaalse toote põhijooned ja funktsioonid. Näiteks võib veebikaamerate jaemüüja öelda ärieesmärgina „suurendada poodide müüki” ja kasutaja öelda eesmärgiks „lihtne viis leida endale ja minu vajadustele sobiv kaamera”. Kui need kaks kohtuvad, võiks meeskond öelda, et funktsioon, mida jätkata, on lihtne kasutada konfiguraatorit koos soovitustega.

Teeme neid väljaõppeid 'töötoa' stiilis seansil kolme reegliga:

  1. Osaleda
  2. Võite öelda mida iganes (ärge tsenseerige)
  3. Lõbutse hästi!

Need töötoad võivad kesta üks kuni kolm päeva. Tavaliselt teeme neid huvigruppide kättesaadavuse tõttu kahel poolepäevasel istungjärgul.

Sa saad vaadake, kuidas luua tõelise kliendiga kasutajaprofiil Live-veebisaidil kujundage ümber oma podcastis, Veebidisaini nädal.

5. Ole George Lucas: räägi lugusid

Kui palun (Dorky) vasakul ajuril kirjeldada, mida veebileht teeb, saan roboti kirjelduse „kraftwerk”, milles on loetletud funktsioonid ja funktsionaalsus, näiteks detailikataloog keemiakomplekti jaoks. Pole kerge mõista, kuna sellel pole kasutajaid (märke) või miks nad peaksid sellest hoolima (motivatsioon).

Mis oleks, kui ma ütleksin teile, et te ei kujunda ega ehita veebisaite! Loote kaasahaaravaid lugusid. Sa ei erine Lucasest või Spielbergist [Sisesta oma lemmikrežissöör]. Erinevus seisneb selles, et kaamera, digitaalsete efektide ja rekvisiitide asemel kasutate CSS-i, SQL-i ja Photoshopi.

Küsige endalt, kuidas veebisaiti lihtsustada ja muuta see loomulikuks ... tuua lood reaalsete inimestega reaalsetes oludes ellu.

Selle aitamiseks oma klientidele 'tõeliseks' ja enda jaoks loome selle, mida me sisemiselt nimetame 'tulevikku astumiseks' või elavate kasutajate lugudeks. Kirjutame ja pildistame kasutajaprofiile nii, nagu küsitleksime kasutajaid umbes aasta pärast meie loodud veebisaidi või toote käivitamist. See töötab.

Siin on Myspace'i näidis:

Need lood tehti juba disainiprotsessi alguses kasutajalugude kinnitamiseks ja juhtmeeskonna müümiseks.

Siin on näide Regal Cinema kohta:

Video loodi ühe päevaga, kasutades peamist kaamerat iPhone 4.

6. Seisa silmitsi oma hirmuga: 'Luke, ma olen su isa'

Ainuke asi, mis teie teel seisab, on sina . Teie hirmud - hirm ebaõnnestumise ees, hirm midagi teadmata, hirm ebaadekvaatsuse ees, hirm olla piisavalt tark.

Üle saama sina sa pead tea sina.

Näiteks tean, et ma ei saa kujundada tervet süsteemi - 20 PSD-d. Minu ADD jõud on liiga võimas. Ma ei oska ka kodeerida. Ma ei suutnud piisavalt tähelepanu pöörata. Ma tean ka, et mul on inimestega hea ja ma oskan suurepäraselt ideid müüa. Teadmine, mida ma hästi teen, võimaldab mul kasutada oma tugevusi ja muuta see, mida ma teen, lõbusaks.

Kui te ei tea veel, milles olete hea, mida soovite teha või mis veelgi parem, siis milleks olete eelsoodumusega, võtke mõni hetk FEDO hinnangu andmiseks, kui te pole seda veel teinud. Kui olete ennast paremini tundnud, tehke kindlaks, millist tüüpi rolli soovite projektis täita või milliseid projekte teha, kui olete vabakutseline.

Kui teie arusaam „veebidisainist“ või „kasutuskogemusest“ on suur hulk keerukust ja inimesi, kes arvavad, et olete rumal, kui te ei tea LAMP-i virna ja põrandalambi vahet, siis olete tohutu pettumus.

Veebikujundus seisneb selles, et õppida õppima tõhusat koostööd mutlipli distsipliinidega. Sõltumata sellest, kas te töötate üksi või meeskonnaga, muudab kasutajakogemuse keele valdamine vahet hirmu, valu ja kannatuste ning uuendusliku ja mõjusa rakenduse kujunduse vahel. Kes teab, et teil võib isegi olla mõju ja luua muutusi.

7. Ole (1) protsent: ära tööta muutuste nimel, ole muutus

Nagu kõik teisedki Ameerikas, olen ka mina jälginud 99-protsendilist liikumist ja kuigi mul on tohutult palju empaatiat ja toetust selle eest, mida nad pooldavad, teeb mind kurvaks, et nii paljudel suurte piltide mõtlejatel, disaineritel ja jutuvestjatel pole võime lihtsalt kokku saada MBA ja raskete nohikute (programmeerijatega), et luua järgmine AirBnB, järgmine Etsy, järgmine KickStarter või järgmine Threadless.

Graafilised disainerid on kulutanud suurema osa viimasest pool sajandist tööstusele allutatud, valmistades oma plakatid, brošüürid ja veebisaidid keskpäraste toodete kulliks.

Olge 1-protsendiline või pekske ükskõik millisel viisil soovite seda diivanile panna.

'Ärge töötage lihtsalt muutuste nimel - teenige sente', 'Ole muutlik'. Teil on nüüd vahendid, et olla sama võimsad kui 1 protsent, kui me teame, kuidas neid kasutada. Põnev uudis on see, et tööriistad ei ole seotud tehnoloogiaga, vahendid on seotud keelega, empaatiaga ja piksliarmastusega.

Järeldus

Olen graafiline disainer. Keskendun kasutajakogemusele. 15 aastat tagasi, kui lõpetasin Kunstikeskuse Disainikolledži, pidasin (väga naljaka) alguskõne, kus esitasin argumendi, et peaksime kõik keskenduma „digitaalsele” ja „analoogsele” kujundusele. Kui ma 1996. aasta lõpus Razorfishiga liitusin, tekkis tunne, et seal midagi toimub. Ma teadsin, et see ei olnud traditsioonilises mõttes disainistuudio, kuid jäin selle juurde.

Täna: kas ma olen graafiline disainer? Kunstnik? Kas ma olen äristrateeg? Kas ma olen infoarhitekt? Kas ma olen etnograaf?

Olen veebidisainer, kõik need asjad, kuid keskendun sügavalt graafilisele disainile. Mina olen see, mida Tim Brown nimetab T-kujuliseks loovaks. Keegi, kellel on sügavad oskused ühes valdkonnas (näiteks graafiline disain), kuid laialdane arusaam paljudest teistest valdkondadest (äri ja tehnoloogia).

Mõiste omistatakse David Guestile, kes lõi 1991. aastal ajakirjas The Independent avaldatud artiklis pealkirjaga „Jaht käib renessansiajastu arvutimehele”.

Parimad veebidisainerid, arendajad, strateegid ja infoarhitektid, kellega olen töötanud, on kõik olnud T-kuju mõtlejad.

Minu lõpukõne lõi selle naelale. Ainus erinevus oli see, et olin piisavalt avatud, et teekond ette võtta, täita oma saatus jedide veebidisainiks saamiseks.

Ei saa eirata tohutut nõudlust kasutajakogemusele keskendunud disainerite järele. Ja arendajad, statistikute turundajad mateeria jaoks. See võib olla vahe, kui teenite disainitootmisega 35 dollarit tunnis ja kasutuskogemusele keskendunud disainiga teenite 125 dollarit tunnis.

Nii et lõpetage ütlemine, et tegemist on tehnoloogiaga. Alustage keele õppimist, alustage oma kasutajate jaoks kavandamist, alustage nende eesmärkide saavutamist, alustage veenvate lugude loomist. Saage endast üle ja alustage või liituge ühe suurepärase tehnoloogia käivitamisega ja aidake maailma muuta. Kurat. Tee seda.