Пређите са графичког на веб дизајн у седам једноставних корака

Ако сте недавно завршили скупу школу за дизајн или сте амбициозни самоуки дизајнер који прво жели да зарони главом у узбудљиви свет веб дизајна, али се превише плаши жаргона, технолошких људи и ЦСС-а, престаните!

Да бисте били релевантни у 21. веку, морате бити мултидисциплинарни. Још важније, потражња за веб дизајнерима је велика чак и у уској економији у којој се налазимо.

Недавно сам поделио својих седам корака како бих постао графички дизајнер фокусиран на корисничко искуство са 500 графичких дизајнера у КАКО Конференција о интерактивном дизајну . Публику је чинио широк спектар дизајнера - неки који су се бавили само штампањем, а други који су се бавили штампањем и вебом. Сви су делили исто звучно искуство - сви су се суочавали са изазовима са веб пројектима, било да су то загонетке кода, тешка интеракција са програмерима или постављање и управљање очекивањима клијената.

Да ли вам било шта од овога звучи познато?

Која је тајна постајања успешним дизајнером фокусираним на корисничко искуство? Ево седам корака:

како из ортографског приказа нацртати изометријски приказ

1. Престаните да говорите да се ради о технологији

Престаните да говорите себи и другима да се ради о технологији или да не знате како да направите веб локацију. Колико пута сам чуо од студената и од професионалаца: „Ма ја
не желим да улазим у мрежу “,„ Не желим да кодирам “. И љути ме и растужује кад видим младе дизајнере и клијенте парализоване страхом од „технологије“. Веб дизајнери долазе у свим укусима. Постоји дизајнер 'Флаки / Дорки', који је и визуелно и технички оријентисан хибрид који може једнако добро да дизајнира и кодира. Такође имате дизајнера 'Евил / Дорки' који је бољи у изради жичаних оквира и дијаграма тока него у дизајнирању секси дугмади. Или можете да будете попут мене и да будете дизајнер „Непријатан / отпоран“ који боље продаје идеје. Идентификовање ваших снага такође ће вам помоћи да ојачате своје веб пројекте.

Ако желите да сазнате који сте тип дизајнера (или програмер или стратег), узмите бета верзију моје Процена ФЕДО-а (флаки, зли, дорки, одвратни) .





2. Сарадња - реч је о групама

У а Чланак брзе компаније из новембра 2010 , цитиран је директор креативне директорке велике њујоршке огласне агенције на радионици обуке коју је организовао Хипер Исланд рекавши: „Цела ова„ сарадња, ми ћемо радити заједно као тим “... Тешко ми пада . “ То је зато што интерактивни дизајн захтева да пословни, креативни, технолошки и маркетиншки људи раде заједно. Са сваким од њих који имају различита интересовања за пројекат.

Учеснику (Злог) посла је стало само до повраћаја улагања, (Флаки) члана креативног тима занимају само естетика и њихови вршњаци мислећи да су цоол, (Дорки-јев) програмер забринут је због тога што ради и (Непријатан) маркетиншки учесник - ко обично се неко време изоставља са слике - брине га само да ли могу да комуницирају са „вредностним реквизитом“ на свим својим „каналима“ - традиционалним, дигиталним, ПР, друштвеним медијима и тако даље.

Сви они можда говоре различите језике. Само постоји један начин на који сам лично успео да управљам овом правом Бабилонском кулом, а то је 3. корак.



3. Слушајте - није ствар у вама

Не ради се о томе шта пословна заинтересована страна мисли да је најновији и највећи тренд. Није ствар у томе шта креативни учесник мисли да ће изгледати добро у њиховом портфељу. Не ради се о најновијем и најбољем што технолошка заинтересована страна жели да испроба. Не ради се о томе да учесници у маркетингу производе толико буке на свим могућим каналима. Једини заједнички језик који сам могао да користим да олакшам сарадњу између свих ових различитих заинтересованих страна је - улога бубња - молим - корисници. Ради се о томе које циљеве имају циљни корисници и шта им треба од вас да би их испунили ... Ради се о томе да сазнате ко су они, користећи податке, истраживање трендова и здрав разум. Ради се о тестирању корисника и заправо слушајући СТВАРНИМ КОРИСНИЦИМА!

Ради се о заједничком раду на одређивању приоритета које функције и функционалности налажу потребе корисника.

Дизајнирате вишедимензионално искуство које постоји у времену и простору, с причама људи преплетеним у сваку појединачну одлуку коју донесете - све до нивоа пиксела.

Ок Јосе, па како да то урадим?

4. Не ради 'то': дизајнирај 'зашто'

Наш посао није да то дизајнирамо. То је научити и испливати на површину причу о „зашто“ и уклонити све препреке између „зашто“ и корисника који каже „хвала што задовољава моје потребе ...“

Није ствар у томе што мислим да „тако“ треба да буде овако - или „тако“ треба да буде тако. Реч је о томе „то“ се сусреће са причом „зашто“.



Ако сте ме тамо изгубили, дозволите ми да поделим са вама како све ово држимо исправно.

Да бисмо управљали „причом о томе“, користимо оно што називамо „Троугао љубави пиксела“.

Три ствари дефинишу вашу веб страницу - или интерактивно искуство - било на мобилном уређају или на неки други начин: ко сте, ко су ваши корисници и који су ваши пословни циљеви.

Прво дефинишемо ко сте. Ко си ти? (Клијент). Вероватно то већ знате - ми то само потврђујемо заједно . Да бисмо то урадили, користимо неколико различитих вежби, али једна од најефикаснијих је вежба која помаже у дефинисању „изјаве о бренду“ за компанију. С обзиром да се обично ангажујемо за дизајн и израду веб странице, то називамо „изјавом о веб локацији“. Желимо да будемо сигурни да нам је јасно да нећемо поновити вашу изјаву о бренду или изјаву о мисији.

Друго, ми дефинишемо ваше кориснике. Ко су они, какве су њихове приче? Који су њихови циљеви? Које су њихове потребе? Дајемо предност главним трима циљевима и прва три потреба.

Треће, радимо заједно са читавим тимом на идентитету и давању приоритета пословним циљевима организације. То радимо мозгајући у три категорије:

  • Свест - маркетиншке стратегије и тактике.
  • Приход - стратегије и тактике производа / продаје.
  • Ефикасност - стратегије и тактике за уштеду времена, смањење отпада и повећање продуктивности.

Дајемо им предност краткорочно, средњорочно или дугорочно. Поред тога, оцењујемо их на скали од један до 10 колико екипа жели и колико је вероватно да ће тим постићи ове циљеве.

Коначно радимо оно што називамо „Љубавни јорган“, где најбоље три потребе корисника подударамо са прва три пословна циља у свакој категорији. На основу њих утврђујемо кључне карактеристике и функционалности нашег дигиталног производа. На пример, продавац камера на мрежи може као пословни циљ рећи „повећајте продају путем е-трговине“, а корисник као циљ може рећи „лак начин проналаска праве камере која одговара мени и мојим потребама“. Тамо где се њих двоје упознају, тим би могао да каже „једноставан за коришћење конфигуратор потреба са препорукама“ као карактеристику коју треба применити.

Ове вежбе радимо у „радионици“ у стилу са три правила:

  1. Учествујте
  2. Можете да кажете било шта (не цензуришите)
  3. Забави се!

Ове радионице могу трајати један до три дана. Обично то радимо у две полудневне сесије због доступности заинтересованих страна.

Можете гледајте како да направите кориснички профил са стварним клијентом у Редизајн веб странице уживо на мом подкасту Недеља у веб дизајну.

5. Будите Георге Луцас: Причајте приче

Када питам (Дорки-јевог) левог мозгара да опише шта веб локација ради, добијем опис робота „крафтверк“ са списком карактеристика и функционалности попут каталога одређеног дела за хемијски сет. Није лако разумјети, јер му недостају корисници (ликови) или зашто би требали да брину (мотивација).

Шта ако бих вам рекао да не дизајнирате и не правите веб странице! Стварате уверљиве приче. Ни по чему се не разликујете од Лукаса или Спилберга [убаците свог омиљеног редитеља]. Разлика је у томе што уместо камере, дигиталних ефеката и реквизита користите ЦСС, СКЛ и Пхотосхоп.

Запитајте се како да поједноставите веб страницу и учините да изгледа природно ... оживите приче са стварним људима у стварним окружењима.

Да бисмо помогли да ово постане „стварно“ за наше клијенте и за нас саме креирамо оно што интерно називамо „корачањем у будућност“ или живим корисничким причама. Ми пишемо и снимамо корисничке профиле као да интервјуишемо кориснике око годину дана након покретања веб странице или производа који смо дизајнирали. Функционише.

Ево примера за Миспаце:

Ове приче су рађене рано у процесу дизајнирања како би се потврдиле корисничке приче и како би се продао менаџерски тим у смеру.

Ево примера за Регал Цинема:

Видео је направљен у једном дану користећи иПхоне 4 као примарну камеру.

6. Суочите се са својим страхом: „Лука, ја сам твој отац“

Једино што вам стоји на путу је ти . Ваши страхови - страх од неуспеха, страх од незнања, страх од неадекватности, страх од недовољне паметности.

Превазићи ти мораш знам ти.

На пример, знам да не могу да дизајнирам цео систем - 20 ПСД-ова. Сила мог АДД-а је премоћна. Такође не могу да кодирам. Нисам могао да обратим довољно пажње. Такође знам да сам добар са људима и да одлично продајем идеје. Знање шта добро радим омогућава ми да искористим своје снаге и учиним оно што радим забавним.

Ако већ не знате у чему сте добри, шта волите да радите или још боље чему сте предиспонирани, одвојите тренутак да дате ФЕДО оцену ако већ нисте. Кад се боље упознате, утврдите какву бисте улогу желели да имате у пројекту или коју врсту пројеката да радите ако сте слободни сарадник.

Ако је ваша перцепција „веб дизајна“ или „корисничког искуства“ велика сложеност и људи који ће помислити да сте глупи ако не знате разлику између ЛАМП стога и подне лампе, за вас је огромно разочарање.

Веб дизајн је научити како ефикасно сарађивати са више дисциплина. Било да радите самостално или са тимом, савладавање језика корисничког искуства створиће разлику између страха, бола и патње и иновативног, ефектног дизајна апликација. Ко зна да бисте можда могли имати утицаја и створити промене.

7. Будите (при) 1 одсто: не радите на промени, будите промена

Као и сви други у Америци, и ја сам гледао кретање од 99 посто и иако имам огромну количину емпатије и подршке за оно за шта се они залажу, чини ме тужним што толико пуно мислилаца, дизајнера и приповедача великих слика немају способност да се једноставно окупе са МБА-има и хардцоре глупанима (програмерима) како би креирали следећи АирБнБ, следећи Етси, следећи КицкСтартер или следећи Тхреадлесс.

Графички дизајнери су већи део последњих пола века потчинили индустрији правећи своје плакате, брошуре и веб странице како би сокирали осредње производе.

Будите или победите 1 одсто на који год начин желите.

„Не ради само за промену - мири гроша“ „Буди промена“. Сада имате алате који ће бити моћни као 1 одсто ако знамо како да их користимо. Узбудљива вест је да се алати не односе на технологију, већ на језик, емпатију и љубав пиксела.

Закључак

Ја сам графички дизајнер. Фокусирам се на корисничко искуство. Пре петнаест година, када сам дипломирао на Факултету за дизајн Арт Центер, одржао сам (врло смешан) говор у коме сам изнео аргумент да бисмо се сви требали фокусирати на „дигитални“ и „аналогни“ дизајн. Када сам се придружио Разорфисху крајем 1996. године, стекао сам осећај да се тамо нешто догађа. Знао сам да то није „дизајн студио“ у традиционалном смислу, али заглавио сам у томе.

Данас: Да ли сам графички дизајнер? Уметник? Да ли сам пословни стратег? Да ли сам информативни архитекта? Да ли сам етнограф?

Ја сам веб дизајнер, све сам те ствари, али са дубоким фокусом на графички дизајн. Ја сам оно што Тим Бровн назива креативцем у облику слова Т. Неко ко има дубоке вештине у једној области (попут графичког дизајна), али широко разумевање многих других области (посао и технологија).

Израз се приписује Давиду Гуесту који је 1991. године створио термин „људи у облику слова Т“ у чланку под насловом „У току је потрага за ренесансним човеком рачунарства“ објављеном у часопису Тхе Индепендент.

Најбољи веб дизајнери, програмери, стратези, информативни архитекти са којима сам сарађивао сви су били мислиоци у облику слова „Т Схапе“.

Мој дипломски говор погодио је нокат. Једина разлика је била у томе што сам био довољно отворен да кренем на путовање, да испуним своју судбину да постанем џедај момак за веб дизајн.

Не можете занемарити велику потражњу за дизајнерима усмереним на корисничко искуство. И програмери, државници, маркетиншки стручњаци. То може бити разлика између зараде од 35 долара на сат на дизајнирању и 125 долара на сату на дизајну фокусираном на корисничко искуство.

Зато престаните да говорите да се ради о технологији. Почните да учите језик, почните да дизајнирате за своје кориснике, почните да им помажете да остваре своје циљеве, почните да стварате уверљиве приче. Преболите себе и крените или се придружите сјајном технолошком покретању и помозите променити свет. Проклетство. Уради то.