Siirry graafisesta suunnittelusta verkkosuunnitteluun seitsemässä helpossa vaiheessa

Kirjoittaja: John Stephens
Luomispäivä: 27 Tammikuu 2021
Päivityspäivä: 19 Saattaa 2024
Anonim
Siirry graafisesta suunnittelusta verkkosuunnitteluun seitsemässä helpossa vaiheessa - Luova
Siirry graafisesta suunnittelusta verkkosuunnitteluun seitsemässä helpossa vaiheessa - Luova

Sisältö

Jos olet äskettäin valmistunut kalliista muotoilukoulusta tai olet pyrkivä itseoppinut suunnittelija, joka haluaa sukeltaa ensin web-suunnittelun jännittävään maailmaan, mutta pelkää liian ammattikieltä, teknisiä ihmisiä ja CSS: ää, lopeta!

Jotta sinulla olisi merkitystä 2000-luvulla, sinun on oltava monialainen. Vielä tärkeämpää on, että verkkosuunnittelijoiden kysyntä on korkea myös siinä ahdistuneessa taloudessa, jossa olemme.

Jaoin äskettäin seitsemän vaihetta, jotta minusta tulisi käyttökokemukseen keskittyvä graafinen suunnittelija 500 graafisen suunnittelijan kanssa HOW Interactive Design Conference -konferenssissa. Yleisö koostui laajasta joukosta suunnittelijoita - jotkut vain painettuja ja toiset paino- ja verkkopalveluja. Heillä kaikilla on sama hämmästyttävä kokemus - he kaikki ovat kohdanneet haasteita verkkoprojektien kanssa, olipa kyse sitten koodin muutoksista, vaikeista vuorovaikutuksista ohjelmoijien kanssa tai asiakkaiden odotusten asettamisesta ja hallinnasta.

Kuulostaako joku tästä tutulta?

Mikä on salaisuus menestyvälle käyttäjäkokemukseen keskittyvälle suunnittelijalle? Tässä on seitsemän vaihetta:


1. Lopeta sanomasta, että kyse on tekniikasta

Älä lakkaa sanomasta itsellesi ja muille, että kyse on tekniikasta tai et tiedä kuinka rakentaa sivustoa. Kuinka monta kertaa olen kuullut opiskelijoilta ja ammattilaisilta: ”Voi minä
en halua siirtyä verkkoon "," en halua koodata. " Minusta on sekä vihaista että surullista nähdä, että sekä nuoret suunnittelijat että asiakkaat ovat halvaantuneet ”tekniikan” pelosta. Verkkosuunnittelijat ovat kaikki makuja. Siellä on Flaky / Dorky-suunnittelija, joka on sekä visuaalisesti että teknisesti suuntautunut hybridi, joka osaa suunnitella ja koodata yhtä hyvin. Sinulla on myös 'Paha / Dorky' -suunnittelija, joka osaa paremmin tehdä lanka- ja vuokaavioita kuin suunnitella seksikkäitä nappeja. Tai voit olla kuin minä ja olla ”vastenmielinen / hilseilevä” suunnittelija, joka osaa paremmin myydä ideoita. Vahvuutesi tunnistaminen auttaa myös vahvistamaan verkkoprojektejasi.

Jos haluat selvittää, minkä tyyppinen suunnittelija olet (tai kehittäjä tai strategi), ota beetaversio FEDO-arvioinnistani (Flaky, Evil, Dorky, Obnoxious).


2. Tee yhteistyötä - kyse on ryhmistä

Fast Companyn marraskuussa 2010 julkaisemassa artikkelissa erään suuren New Yorkin mainostoimiston luova johtaja Hyper Islandin järjestämässä koulutustilaisuudessa sanoi: "Koko tämä yhteistyö, teemme yhteistyötä tiiminä" ... se on vaikeaa. " Tämä johtuu siitä, että interaktiivinen suunnittelu vaatii liike-, luova-, teknologia- ja markkinointihenkilöiden yhteistyötä. Jokaisella näistä on erilaiset edut projektissa.

(Paha) liikekumppani välittää vain sijoitetun pääoman tuottoprosentista, (Flaky) luovan tiimin jäsen on kiinnostunut vain esteettisyydestä ja heidän ikäisinsä ajattelevista ikäisistä, (Dorky) -kehittäjä on huolissaan sen toiminnasta ja (vastenmielinen) markkinoinnin sidosryhmä yleensä jätetään pois kuvasta hetkeksi - välittää vain, jos he voivat kommunikoida "arvotukijärjestelmän" kaikilla "kanavillaan" - perinteisillä, digitaalisilla, PR-, sosiaalisen median ja niin edelleen.

He voivat yhtä hyvin puhua eri kieliä. On vain yksi tavalla, jonka olen henkilökohtaisesti pystynyt johtamaan tätä todellista Baabelin tornia ja se on vaihe 3.


3. Kuuntele - se ei koske sinua

Kyse ei ole siitä, mitä liiketoiminnan sidosryhmä ajattelee olevan uusin ja suurin trendi. Kyse ei ole siitä, miltä luovien sidosryhmien mielestä näyttää hyvältä niiden salkusta. Kyse ei ole viimeisimmästä ja suurimmasta, mitä tekninen sidosryhmä haluaa kokeilla. Kyse ei ole siitä, että markkinoinnin sidosryhmät aiheuttavat niin paljon melua kaikilla mahdollisilla kanavilla. Yksi yhteinen kieli, jonka olen voinut käyttää helpottamaan kaikkien näiden eri sidosryhmien välistä yhteistyötä, on - rumpu roolista - käyttäjät. Kyse on siitä, mitä tavoitteita kohdekäyttäjillä on ja mitä he tarvitsevat sinulta näiden tavoitteiden saavuttamiseksi ... Kyse on selvittää kuka he ovat, käyttämällä dataa, trenditutkimusta ja tervettä järkeä. Kyse on käyttäjien testaamisesta ja todella kuuntelemalla todellisille käyttäjille!

Kyse on yhteistyöstä priorisoida, mitkä ominaisuudet ja toiminnot käyttäjien tarpeet sanelevat.

Suunnittelette moniulotteista kokemusta, joka on olemassa ajassa ja avaruudessa, ja ihmisten tarinat kietoutuvat jokaiseen tekemäsi päätökseen aina pikselitasolle asti.

Ok Jose, niin miten teen tämän?

4. Älä tee sitä: suunnittele miksi

Meidän tehtävämme ei ole suunnitella sitä. Se on oppia ja kertoa tarina miksi ja poistaa kaikki esteet miksi ja käyttäjän sanovan "kiitos joka täyttää tarpeeni ..." välillä.

Kyse ei ole mielestäni 'sen' pitäisi olla tällainen - tai 'sen' pitäisi olla sellainen. Kyse on siitä, että 'se' kohtaa tarinan miksi.

Jos menetit minut siellä, anna minun kertoa kanssasi, kuinka pidämme kaiken tämän suorana.

Hallitsemaan "miksi-tarinaa" käytämme sitä, mitä kutsumme "Pikselirakenteen kolmioon".

Kolme asiaa määrittelee verkkosivustosi - tai vuorovaikutteisen kokemuksen - olipa kyseessä mobiili tai muu: kuka olet, kuka olet käyttäjiesi ja mitkä ovat liiketoimintatavoitteesi.

Ensin määritellään kuka olet. Kuka sinä olet? (Asiakas). Luultavasti tiedät sen jo - me vain vahvistamme sen yhdessä. Tätä varten käytämme useita erilaisia ​​harjoituksia, mutta yksi tehokkaimmista on harjoitus, joka auttaa määrittelemään yrityksen tuotemerkin. Koska meitä palkataan yleensä suunnittelemaan ja rakentamaan verkkosivusto, kutsumme sitä verkkosivustoilmoitukseksi. Haluamme varmistaa, että olemme varmoja siitä, ettemme aio tehdä uudelleen tuotemerkkiäsi tai tehtävällesi.

Toiseksi määritämme käyttäjät. Keitä he ovat, mitkä ovat heidän tarinansa? Mitkä ovat heidän tavoitteensa? Mitkä ovat heidän tarpeensa? Me asetamme etusijalle kolme parasta tavoitetta ja kolme tärkeintä tarvetta.

Kolmanneksi teemme yhteistyötä koko tiimin kanssa tunnistaaksemme ja priorisoidaksemme organisaation liiketoiminnan tavoitteita. Teemme tämän aivoriihillä kolmessa kategoriassa:

  • Tietoisuus - markkinointistrategiat ja taktiikat.
  • Tuotto - tuote / myynti-strategiat ja taktiikat.
  • Tehokkuus - strategiat ja taktiikat säästää aikaa, vähentää jätettä ja lisätä tuottavuutta.

Me priorisoimme nämä lyhyellä, keskipitkällä tai pitkällä aikavälillä. Lisäksi pisteytämme nämä asteikolla 1-10 sen mukaan, kuinka paljon joukkue haluaa heitä ja kuinka todennäköisesti joukkue saavuttaa nämä tavoitteet.

Lopuksi teemme sen, mitä kutsumme 'The Love Quiltiksi', jossa sovitamme kolme parhaan käyttäjän tarpeet kolmeen tärkeimpään liiketoimintatavoitteeseen kussakin luokassa. Näiden perusteella määritämme digitaalisen tuotteemme tärkeimmät ominaisuudet ja toiminnot. Esimerkiksi verkkokameroiden jälleenmyyjä voisi sanoa tavoitteeksi "lisätä verkkokaupan myyntiä" ja käyttäjä voi sanoa tavoitteeksi "helppo tapa löytää oikea kamera, joka sopii minulle ja minun tarpeihini". Jos nämä kaksi tapaavat, joukkue voisi sanoa "helppokäyttöinen tarvitsee konfiguroijan suosituksilla" ominaisuutena, jota pitää jatkaa.

Teemme nämä kokeilut "työpaja" -tapahtumassa, jossa on kolme sääntöä:

  1. Osallistua
  2. Voit sanoa mitä tahansa (älä sensuroi)
  3. Pidä hauskaa!

Nämä työpajat voivat kestää 1-3 päivää. Yleensä teemme nämä kahdessa puolen päivän jaksossa sidosryhmien saatavuuden takia.

Voit katsella kuinka luoda käyttäjäprofiili todellisen asiakkaan kanssa Live-sivuston uudelleensuunnittelussa podcastissani, The Week in Web Design.

5. Ole George Lucas: Kerro tarinoita

Kun pyydän (Dorky) vasemmistoa kuvaamaan mitä verkkosivusto tekee, saan robotin 'kraftwerk' kuvauksen, jossa luetellaan ominaisuudet ja toiminnot, kuten osan katalyyttikemia kemian sarjalle. Ei ole helppo ymmärtää, koska siitä puuttuu käyttäjiä (merkkejä) tai miksi heidän tulisi huolehtia (motivaatio).

Entä jos sanoisin, että et suunnittele tai rakenna verkkosivustoja! Olet luomassa kiehtovia tarinoita. Et ole erilainen kuin Lucas tai Spielberg [Lisää suosikkiohjaajasi]. Erona on, että kameran, digitaalisten tehosteiden ja rekvisiittaa sijaan käytät CSS: ää, SQL: ää ja Photoshopia.

Kysy itseltäsi, kuinka yksinkertaistaa verkkosivustoa ja tehdä siitä luonnollinen sauma ... tuo tarinat eloon oikeiden ihmisten kanssa todellisissa olosuhteissa.

Autamme tekemään tästä ”todellisen” asiakkaillemme ja itsellemme luomalla sen, mitä me sisäisesti kutsumme ”tulevaisuuteen astumiseksi” eli eläviksi käyttäjäkertomuksiksi. Kirjoitamme ja ammutaan käyttäjäprofiileja ikään kuin haastateltaisiin käyttäjiä noin vuoden kuluttua suunnittelemamme verkkosivuston tai tuotteen julkaisemisesta. Se toimii.

Tässä on näyte Myspacesta:

Nämä tarinat tehtiin suunnitteluprosessin alkupuolella käyttäjien tarinoiden vahvistamiseksi ja johtoryhmän myymiseksi suuntaan.

Tässä on esimerkki Regal Cinema:

Video luotiin yhdessä päivässä käyttämällä iPhone 4: ää ensisijaisena kamerana.

6. Vastaa pelkosi: "Luke, minä olen sinun isäsi"

Ainoa asia, joka seisoo tielläsi, on sinä. Pelkosi - epäonnistumisen pelko, pelko siitä, ettei tiedä jotain, pelko puutteesta, pelko olla tarpeeksi älykäs.

Voittaa sinä sinun täytyy tietää sinä.

Esimerkiksi tiedän, että en voi suunnitella täyttä järjestelmää - 20 PSD: tä. Lisäykseni voima on liian voimakas. En myöskään osaa koodata. En voinut kiinnittää tarpeeksi huomiota. Tiedän myös, että olen hyvä ihmisten kanssa ja osaan myydä ideoita. Tietäen mitä teen hyvin, voin hyödyntää vahvuuksiani ja tehdä tekemäni hauskaksi.

Jos et vielä tiedä missä olet hyvä, mitä haluat tehdä tai mikä vielä parempaa, mihin olet alttiina, ota hetki FEDO-arvio, jos et ole jo tehnyt niin. Kun tunnet itsesi paremmin, tunnista minkä tyyppinen rooli haluaisit olla projektissa tai minkä tyyppisiä projekteja tehdä, jos olet freelancer.

Jos käsityksesi "verkkosuunnittelusta" tai "käyttökokemuksesta" on suuri monimutkaisuus ja ihmiset, jotka luulevat sinun olevan tyhmä, jos et tiedä eroa LAMP-pinon ja lattiavalaisimen välillä, olet valtava pettymys.

Verkkosuunnittelu on oppimista tehokkaaseen yhteistyöhön mutliple-alojen kanssa. Olitpa sitten yksin tai tiimin kanssa, käyttökokemuksen kielen hallitseminen tekee eron pelon, tuskan ja kärsimyksen sekä innovatiivisen ja vaikuttavan sovellussuunnittelun välillä. Kuka tietää, että sinulla voi jopa olla vaikutusta ja luoda muutoksia.

7. Ole (at) 1 prosentti: älä toimi muutoksen puolesta, ole muutos

Kuten kaikki muutkin Amerikassa, olen seurannut 99 prosentin liikettä ja vaikka minulla on valtava määrä empatiaa ja tukea sille, mitä he edustavat, se tekee minut surulliseksi, että niin monilla suuren kuvan ajattelijoilla, suunnittelijoilla ja tarinankertojilla ei ole kyky vain päästä yhdessä MBA: n ja kovien nörttien (ohjelmoijien) kanssa luomaan seuraava AirBnB, seuraava Etsy, seuraava KickStarter tai seuraava Threadless.

Graafiset suunnittelijat ovat käyttäneet suurimman osan viimeisen puolen vuosisadan alistuneesti teollisuudelle tekemällä julisteitaan, esitteitään ja verkkosivustojaan haukkojen keskinkertaisille tuotteille.

Ole tai päihitä 1 prosentti millä tavalla haluat sohvata sitä.

"Älä työskentele vain muutoksen takia - käytä penniä" "Ole muutos". Sinulla on nyt työkalut olla yhtä voimakkaita kuin 1 prosentti, jos osaamme käyttää niitä. Jännittävä uutinen on, että työkalut eivät liity tekniikkaan, työkalut ovat kieleen, empatiaan ja pikselirakenteeseen.

Johtopäätös

Olen graafinen suunnittelija. Keskityn käyttökokemukseen. Viisitoista vuotta sitten kun valmistuin Taidekeskuksen taidekorkeakoulusta, tein (erittäin hauska) aloituspuheen, jossa esitin perustelun, että meidän kaikkien tulisi keskittyä digitaaliseen ja analogiseen suunnitteluun. Kun liityin Razorfishiin vuoden 1996 lopulla, minusta tuntui, että siellä tapahtui jotain. Tiesin, että se ei ollut perinteisessä mielessä ”designstudio”, mutta pidin siitä kiinni.

Tänään: Olenko graafinen suunnittelija? Taiteilija? Olenko yritysstrategi? Olenko tietoarkkitehti? Olenko etnografi?

Olen web-suunnittelija, olen kaikki nämä asiat, mutta keskityn syvällisesti graafiseen suunnitteluun. Tim Brown kutsuu T-muotoista luovuutta. Joku, jolla on syvällisiä taitoja yhdellä alalla (kuten graafinen suunnittelu), mutta laaja ymmärrys monista muista aloista (liiketoiminta ja tekniikka).

Termi johtuu David Guestista, joka loi termin T-muotoiset ihmiset vuonna 1991 artikkelissa The Hunt is on for the Renaissance Man of computing, joka julkaistiin The Independent -lehdessä.

Parhaimmat verkkosuunnittelijat, kehittäjät, strategit, tietoarkkitehdit, joiden kanssa olen työskennellyt, ovat kaikki olleet T-muodon ajattelijoita.

Valmistumispuheeni löi sen naulaan. Ainoa ero oli, että olin riittävän avoin matkalle, täyttämään kohtaloni tulemaan jedien web-suunnittelupoikaksi.

Et voi sivuuttaa valtavaa kysyntää käyttökokemukseen keskittyville suunnittelijoille. Ja kehittäjät, stategistit markkinoivat asiaa. Se voi olla ero 35 dollarin maksamisesta tunnissa suunnittelutuotannossa ja 125 dollarin tunnissa käyttökokemukseen keskittyvän suunnittelun välillä.

Joten lopeta sanominen tekniikasta. Aloita kielen oppiminen, aloita suunnittelu käyttäjillesi, auta heitä saavuttamaan tavoitteensa, aloita luomaan houkuttelevia tarinoita. Päästä yli itsesi ja mene aloittamaan tai liity mahtavaan tekniseen käynnistykseen ja auta muuttamaan maailmaa. Hitto. Tee se.

Eniten Lukemista
Kuinka käyttää symboleja luonnoksessa
Edelleen

Kuinka käyttää symboleja luonnoksessa

ketchin ymbolit ovat erityi iä elementtejä, joita voit käyttää uude taan ​​ja uude taan ​​koko a iakirja a, ivuilla ja piirtoalu toilla. e on pohjimmiltaan maaginen kerro ryh...
Kuinka korjata valmis pastellitaideteos
Edelleen

Kuinka korjata valmis pastellitaideteos

Tie itkö, että kun kiinnität ja kehy tät pa tellit la in alle, e on kaiki ta medioi ta py yvin, ko ka e ei ko kaan halkeile, haali tu tai tuhoa?On anomattakin elvää, ett&...
Studio yrittää luoda logoja uudelleen itseään käyttäen
Edelleen

Studio yrittää luoda logoja uudelleen itseään käyttäen

Vaikka hau kaa, työ kentely uunnittelu tudio a aiheuttaa u ein kunto- ja terveydentilan heikkenemi en, kiito kaiken tietokoneen ede ä i tuvan, jonka uunnittelijoiden on tehtävä. Ho...