Ugrás a grafikusról a webdesignra hét egyszerű lépésben

Szerző: John Stephens
A Teremtés Dátuma: 27 Január 2021
Frissítés Dátuma: 17 Lehet 2024
Anonim
Ugrás a grafikusról a webdesignra hét egyszerű lépésben - Kreatív
Ugrás a grafikusról a webdesignra hét egyszerű lépésben - Kreatív

Tartalom

Ha nemrégiben végzett egy drága formatervező iskolában, vagy olyan vágyakozó autodidakta tervező vagy, aki először a webdesign izgalmas világába akar merülni, de túlságosan fél a szaknyelvtől, a technikusoktól és a CSS-től, álljon meg!

Ahhoz, hogy releváns legyen a 21. században, multidiszciplinárisnak kell lenned. Ennél is fontosabb, hogy a webes tervezők iránti kereslet még abban a gagyi gazdaságban is magas, amelyben vagyunk.

Nemrégiben a HOW interaktív tervezési konferencián osztottam meg hét lépésemet a felhasználói élményre összpontosító grafikai tervezővé válás érdekében 500 grafikussal. A közönség számos tervezőből állt - volt, aki csak nyomtatott, más pedig nyomtatott és internetes. Mindannyian ugyanazt a hangzatos tapasztalatot osztották meg - valamennyien szembesültek a webes projektekkel, legyen szó kódproblémákról, nehéz interakciókról a programozókkal, vagy az ügyfelek elvárásainak beállításáról és kezeléséről.

Valaki ismerősnek hangzik?

Mi a sikeres felhasználói élményközpontú tervezővé válás titka? Itt van a hét lépés:


1. Ne mondd, hogy a technikáról van szó

Ne mondd tovább magadnak és másoknak, hogy a technológiáról van szó, vagy hogy nem tudsz webhelyet építeni. Hányszor hallottam diákoktól és szakemberektől: „Ó, én
ne akarj webbe menni. "" Nem akarok kódolni. " Dühös és szomorú is, amikor látom, hogy a fiatal tervezők és az ügyfelek egyaránt megbénultak a „technológiától” való félelemtől. A webdesignerek minden ízben megtalálhatók. Van a „Flaky / Dorky” tervező, aki mind vizuálisan, mind technikailag orientált hibrid, amely ugyanolyan jól tud tervezni és kódolni. Megvan a ’Gonosz / Dorky’ tervező is, aki jobban képes drótvázakat és folyamatábrákat készíteni, mint szexi gombokat tervezni. Vagy lehetsz olyan, mint én, és „kellemetlen / pelyhes” tervező, aki jobban eladja az ötleteket. Az erősségek azonosítása szintén hozzájárulhat a webes projektek megerősítéséhez.

Ha meg szeretné tudni, hogy Ön milyen típusú tervező (vagy fejlesztő vagy stratéga), vegye figyelembe a FEDO (Flaky, Evil, Dorky, Obnoxious) értékelésem béta verzióját.


2. Együttműködés - csoportokról szól

A Fast Company 2010. novemberi cikkében egy Hyper Island által szervezett képzési műhely egyik New York-i reklámügynökségének kreatív igazgatóját idézte: „Ez az egész„ együttműködés, csapatként fogunk együtt dolgozni ”... úgy találja, hogy ez f * * * nehéz. " Az interaktív tervezéshez ugyanis üzleti, kreatív, technológiai és marketing emberekre van szükség. Mindegyiknek különböző érdekei vannak egy projektben.

A (Gonosz) üzleti érdekelt fél csak a ROI-val törődik, a (Pelyhes) kreatív csapat tagját csak az esztétika és a menőnek gondoló társaik érdeklik, a (Dorky) fejlesztőt aggasztja ez a munka és a (kellemetlen) marketing érdekelt fél - aki általában egy időre kimarad a képből - csak az érdekli, hogy az összes „csatornájukon” - a hagyományos, digitális, PR, közösségi médiában stb. - kommunikálni tudják-e az „értéket”.

Lehet, hogy mindannyian különböző nyelveket beszélnek. Csak van egy úgy, hogy személyesen tudtam kezelni ezt az igazi Bábel-tornyot, és ez a 3. lépés.


3. Figyelj - ez nem rólad szól

Nem arról van szó, hogy az üzleti érdekeltek szerint mi a legújabb és legnagyobb trend. Nem arról van szó, hogy a kreatív érdekeltek szerint mi fog jól kinézni a portfóliójukban. Nem a legújabb és a legnagyobb, amit a technológiai érdekeltek ki akarnak próbálni. Nem arról van szó, hogy a marketing érdekeltek ekkora zajt csapnak le az összes lehetséges csatornán. Az egyetlen közös nyelv, amelyet a különböző érdekelt felek közötti együttműködés megkönnyítésére használhatok, a dobszerepet kérem - a felhasználók. Arról szól, hogy a célfelhasználók milyen célokkal rendelkeznek, és mire van szükségük Öntől e célok eléréséhez ... Arról szól, hogy az adatok, a trendkutatás és a józan ész felhasználásával kiderítsék kik ők. A felhasználói tesztek elvégzéséről és valójában hallgat az igazi felhasználóknak!

Arról van szó, hogy együtt kell fontossági sorrendbe állítani, hogy a felhasználók igényei milyen jellemzőket és funkciókat diktálnak.

Ön egy többdimenziós élményt tervez, amely időben és térben létezik, és az emberek történetei összefonódnak minden egyes döntésében - egészen a pixel szintig.

Ok Jose, akkor hogyan csináljam ezt?

4. Ne csináld: csináld: tervezd meg, miért

A mi feladatunk nem az, hogy megtervezzük. Meg kell tanulni és fel kell tárni a „miért” történetét, és fel kell számolni az összes akadályt a „miért” és a „köszönöm, amely megfelel az igényeimnek ...” között.

Nem arról van szó, hogy szerintem ’ennek’ ilyennek kellene lennie - vagy a ’kell’ annak. Arról szól, hogy „ez” megfelel a „miért” történetének.

Ha ott vesztettél el, hadd osszam meg veled, hogyan tartjuk mindezt egyenesen.

A „miért” történetének kezeléséhez használjuk az úgynevezett „Pixel Love Triangle” -t.

Három dolog határozza meg webhelyét - vagy interaktív élményét - legyen az mobil vagy más: ki vagy, kik a felhasználók és milyen üzleti céljaid vannak.

Először meghatározzuk, ki vagy. Ki vagy te? (Az ügyfél). Valószínűleg már tudja - mi csak megerősítjük együtt. Ennek érdekében több különböző gyakorlatot használunk, de az egyik leghatékonyabb egy olyan gyakorlat, amely segít meghatározni a vállalat „márka nyilatkozatát”. Mivel rendszerint egy weboldal tervezésére és felépítésére veszünk fel, úgy hívjuk, hogy „honlap nyilatkozat”. Biztosak akarunk lenni abban, hogy tisztában vagyunk azzal, hogy nem fogjuk megismételni a márkanevet vagy a küldetést.

Másodszor meghatározzuk a felhasználókat. Kik ők, mik a történeteik? Mik a céljaik? Milyen igényeik vannak? Elsőbbséget élvezünk az első három cél és az első három szükséglet között.

Harmadszor az egész csapattal együtt dolgozunk a szervezet azonosítása és a szervezet üzleti céljainak rangsorolása érdekében. Ezt három kategóriában ötletbörze segítségével tesszük:

  • Tudatosság - marketing stratégiák és taktikák.
  • Bevétel - termék / értékesítési stratégiák és taktikák.
  • Hatékonyság - stratégiák és taktikák az idő megtakarítására, a pazarlás csökkentésére és a termelékenység növelésére.

Ezeket rövid, közép- vagy hosszú távon rangsoroljuk. Ezenkívül ezeket egy-tíz skálán értékeljük, hogy mennyire kívánja őket a csapat, és mennyire valószínű, hogy a csapat megszerzi ezeket a gólokat.

Végül megtesszük az úgynevezett „The Love Quilt” -t, ahol az első három felhasználói igényt az egyes kategóriák három legfontosabb üzleti céljával egyeztetjük. Ezek alapján meghatározzuk digitális termékünk legfontosabb jellemzőit és funkcióit. Például egy online fényképezőgép-kiskereskedő üzleti célként azt mondhatja, hogy „növelje az e-kereskedelem értékesítését”, a felhasználó pedig azt, hogy „egyszerű módja annak, hogy megtalálja a megfelelő fényképezőgépet, amely megfelel nekem és az igényeimnek”. Ahol ez a kettő találkozik, a csapat azt mondhatja, hogy „könnyen használható igény-konfigurátor ajánlásokkal”, mint jellemző, amelyet folytatni kell.

Ezeket a kísérleteket egy „műhely” stílusú foglalkozáson végezzük, három szabály szerint:

  1. Részt venni
  2. Mondhat bármit (ne cenzúrázzon)
  3. Érezd jól magad!

Ezek a műhelyek egy-három napig tarthatnak. Általában ezeket két félnapos ülésszakon végezzük az érintettek elérhetősége miatt.

Megtekintheti, hogyan hozhat létre felhasználói profilt valódi klienssel az Élő webhely újratervezése című podcaston, a Hét a webdesignban.

5. Legyen George Lucas: Mesélj

Amikor megkérek egy (Dorky) baloldali gondolkodót, hogy írja le, mit csinál egy weboldal, megkapom a „kraftwerk” robotleírást, amely felsorolja a funkciókat és a funkcionalitást, mint egy alkatrész katalógusa a kémiai készletekhez. Nem könnyű megérteni, mert hiányzik belőle a felhasználó (karakter), vagy miért kell törődnie velük (motiváció).

Mi lenne, ha azt mondanám, hogy nem Ön tervez vagy épít weboldalakat! Lenyűgöző történeteket készít. Nem vagy más, mint Lucas vagy Spielberg [Helyezze be a kedvenc rendezőjét]. A különbség az, hogy kamera, digitális effektek és kellékek helyett CSS-t, SQL-t és Photoshopot használ.

Kérdezd meg magadtól, hogyan egyszerűsítheti a weboldalt, és hogyan varázsolhatja természetesebbé ... valósítsa meg a történeteket valódi emberekkel, valós körülmények között.

Annak érdekében, hogy ezt „valódivá” tegyük ügyfeleink számára, és saját magunk számára létrehozzuk azt, amit belsőleg úgy hívunk, hogy „belépünk a jövőbe”, vagy élő felhasználói történeteket. Úgy írjuk és forgatjuk a felhasználói profilokat, mintha egy évvel később készítettünk interjút a felhasználókkal az általunk tervezett webhely vagy termék elindítása után. Működik.

Itt van egy minta a Myspace-hez:

Ezek a történetek a tervezés korai szakaszában készültek a felhasználói történetek validálása és a menedzsment csapat eladása érdekében.

Íme egy példa a Regal Cinema-ra:

A videó egy nap alatt készült el, iPhone 4-et használva elsődleges kameraként.

6. Nézz szembe a félelmeddel: "Luke, én vagyok az apád"

Csak az áll az utadban Ön. A félelmeid - félelem a kudarctól, félelem attól, hogy valamit nem tudsz, félelem a nem megfelelőségtől, félelem attól, hogy nem vagy elég okos.

Leküzdeni Ön neked muszáj tud Ön.

Például tudom, hogy nem tudok teljes rendszert megtervezni - 20 PSD-t. Az ADD erőm túl erős. Kódolni sem tudok. Nem tudtam kellő figyelmet fordítani. Azt is tudom, hogy jó vagyok az emberekkel, és remekül értékesítek ötleteket. Ha jól tudom, hogy mit csinálok, akkor kiaknázhatom erősségeimet, és szórakoztatóvá tehetem, amit csinálok.

Ha még nem tudod, miben vagy jó, mit szeretsz csinálni, vagy még jobb, amire hajlamos vagy, szánj egy percet a FEDO-értékelés elvégzésére, ha még nem tetted meg. Miután jobban megismeri önmagát, határozza meg, hogy milyen típusú szerepet szeretne betölteni egy projektben, vagy milyen típusú projekteket kell elvégeznie, ha szabadúszó.

Ha a „webdesign” vagy a „felhasználói élmény” megítélése nagy bonyolultságot mutat, és olyan emberekről van szó, akik hülyének fogják tartani magukat, ha nem ismeri a különbséget a LAMP verem és az állólámpa között, hatalmas csalódás.

A webdesign arról szól, hogy megtanulják hatékonyan együttműködni a mutliple tudományterületekkel. Akár egyedül dolgozik, akár egy csapattal, a felhasználói élmény nyelvének elsajátítása különbséget tesz a félelem, a fájdalom és a szenvedés, valamint az innovatív, hatásos alkalmazás kialakítása között. Ki tudja, hogy még hatása is lehet, és változást hozhat létre.

7. Legyen (at) az 1 százalék: ne a változásért dolgozzon, legyen változás

Mint mindenki más Amerikában, én is a 99 százalékos mozgást figyeltem, és bár hatalmas empátiával és támogatással rendelkezem azzal kapcsolatban, amit képviselnek, elszomorít, hogy ennyi nagy képben gondolkodó, tervező és mesemondó nincs meg képesség, hogy csak összejöjjenek az MBA-kkal és a kemény idegekkel (programozókkal), hogy létrehozzák a következő AirBnB-t, a következő Etsyt, a következő KickStartert vagy a következő Threadless-t.

A grafikusok az elmúlt fél évszázad nagyobb részét az iparnak alárendelve költötték el, ha posztereiket, prospektusokat és weboldalakat készítettek a sólyom közepes termékeinek elkészítéséhez.

Legyen vagy legyőzze az 1 százalékot, attól függetlenül, hogy hová akarja tenni.

"Ne dolgozzon csak a változásért - nyerjen filléreket" "Legyen változás". Most már megvan az eszköze, hogy akkora legyen, mint az 1 százalék, ha tudjuk, hogyan kell használni őket. Az izgalmas hír az, hogy az eszközök nem a technológiáról szólnak, az eszközök a nyelvről, az empátiáról és a pixel szeretetről szólnak.

Következtetés

Grafikus vagyok. A felhasználói élményre összpontosítok. Tizenöt évvel ezelőtt, amikor elvégeztem az Art Center Design Főiskolát, egy (nagyon vicces) kezdőbeszédet mondtam, ahol azt az érvet fogalmaztam meg, hogy mindannyian a „digitális” és az „analóg” tervezésre kell összpontosítanunk. Amikor 1996 végén csatlakoztam a Razorfishhoz, olyan érzésem támadt, hogy valami történik ott. Tudtam, hogy ez nem hagyományos értelemben vett „design stúdió”, de ragaszkodtam hozzá.

Ma: grafikus vagyok? Művész? Üzleti stratéga vagyok? Információs építész vagyok? Néprajzkutató vagyok?

Webdesigner vagyok, mindezek a dolgok, de mély hangsúlyt fektetek a grafikai tervezésre. Én vagyok az, akit Tim Brown T alakú kreatívnak hív. Valaki, aki mélyen jártas egy területen (például a grafikai tervezés), de sok más területet (üzleti és technológiai) átfogóan ismer.

A kifejezést David Guest-nek tulajdonítják, aki 1991-ben kitalálta a „T alakú emberek” kifejezést a The Independent folyóiratban megjelent, „A vadászat folytatódik a számítástechnika reneszánsz emberére” című cikkben.

A legjobb web-tervezők, fejlesztők, stratégák, információs építészek, akikkel dolgoztam, mind a „T Shape” gondolkodók voltak.

Végzős beszédem a körmére csapott. Az egyetlen különbség az volt, hogy elég nyitott voltam ahhoz, hogy megtegyem az utat, hogy teljesítsem a sorsomat, hogy jediké válhassak.

Nem hagyhatja figyelmen kívül a felhasználói élményre összpontosító tervezők iránti óriási igényt. És a fejlesztők, a statisztikusok marketingesei az anyagért. Különbség lehet annak között, hogy 35 dollárt keresnek tervezési produkcióval óránként és 125 dollárt keresnek a felhasználói élményre összpontosító tervezéssel.

Szóval ne mondd, hogy a technológiáról van szó. Kezdje el megtanulni a nyelvet, kezdje el tervezni a felhasználóit, kezdjen segíteni nekik a céljaik megvalósításában, kezdjen el vonzó történeteket készíteni. Legyél túl magadon, és indulj el, vagy csatlakozz egy fantasztikus technológiai startuphoz, és segít megváltoztatni a világot. Basszus. Csináld.

Népszerű Ma
A holland cég újradobja a kerékpártervezést a flatpack forradalomban
További

A holland cég újradobja a kerékpártervezést a flatpack forradalomban

A andwich Bike nem ha onlít emmilyen má kerékpáro kialakítá hoz, amelyet láttunk. A holland dizájn, a lapo c omagolá é az otthoni ö ze zerelé...
A dobási folyamat megkerülésének új módja
További

A dobási folyamat megkerülésének új módja

A film elké zíté e hagyományo an ho zú találkozókat, végtelen várakozá okat é a túdió öltönyök ok be zippantá á...
Hogyan hozta létre az Aardman Animations a digitális kultúrát?
További

Hogyan hozta létre az Aardman Animations a digitális kultúrát?

Majdnem 30 évvel ezelőtt Wallace é Gromit a Holdra mentek egy olyan nagy nap alkalmával, amely az Aardman Animation -t globáli hírnévnek örvendette, é a tá...