Трент Уолтън за необходимостта от здравословен спор

Тази статия се появи за първи път в брой 242 на списание .net – най-продаваното списание в света за уеб дизайнери и разработчици.

Юг от югозапад (SXSW) доминира в Остин, Тексас в Съединените щати. И го прави напълно. Баровете са превзети от интернет гиганти, организиращи шумни частни партита. Автобусите са украсени с логата на най-новите и смели технологични стартиращи компании. Дори стълбовете на градските фенери не са безопасни; всеки е увит в разтърсващо палто от крещящи флаери за разговори, срещи, демонстрации и партита.

Разбира се, вероятно е трансформацията на Остин в индустриален билборд да остане до голяма степен незабелязана. Всеки в града има смартфон и го гледа неотклонно, докато върви с наведена глава. Защо Остин не е световната столица на автомобилните произшествия е мистерия (освен ако всички не са настроени на приложение, предназначено да открива приближаващи автомобили).

На фона на този неистов, поглъщащ кафе и пристрастен към честотната лента фон откриваме Трент Уолтън – гледащ телефона си – в сенчестото и прохладно фоайе на хотел Radisson.

Сивокос, филмово красив и спокоен, той говори бързо с едва доловим тексаски провлачен тон. „Предполагам, че можете да ме наречете уеб дизайнер“, казва той, „Аз съм основател и една трета от Паравел, но това изглежда твърде официално. Аз съм уеб дизайнер с двамата приятели, които имам от гимназията.“

Вместо да заема лъскав офис, оборудван с билярдна маса, Segways и натъпкан с много меки мебели, Paravel е по-скоро без място. Всеки от тримата членове – Дейв Рупърт, Рейгън Рей и Трент Уолтън – работят от вкъщи.

Избягването на традиционния подход на монолитна агенция и вместо това изборът на нещо, което се чувства по-скоро като колектив, със сигурност не е навредило на съдбата на Paravel. Агенцията беше творческата и техническа сила зад него Редизайн на адаптивната начална страница на Microsoft.

Точното място, точното време

В ход, катализиран от пристигането на Windows 8 и неговия сензорен интерфейс, проектът на Microsoft включва цялостна промяна на прозореца на уеб магазина на софтуерния гигант.

„Microsoft се връща към самото начало“, обяснява Уолтън, припомняйки си как той и колегите му от Paravel са спечелили работата. “Панаири на изгубения свят беше проект, който направихме за IE9. Работихме с Джейсън Санта Мария, Наз Хамид и Франк Чимеро. Джейсън и Дан Мол са приятели. Джейсън подслушва Дан да направи кода. Дан не беше на разположение и спомена мен и „тези момчета от Paravel в Тексас“. Станахме приятели с Джейсън. Човекът от Microsoft, който координира всичко това, беше Нишант Котари. Обединихме усилия с него в сайт, наречен 10k Apart. Беше много лесно да се работи с него. Имаше много свобода да се правят иновативни и авангардни неща. Така че обядвахме с Nishant по това време миналата година – в South By Southwest – и той попита дали сме заинтересовани да направим началната страница на Microsoft… Нямам представа как и защо, но ни наеха. Точното място, точното време? Предполагам, че се свежда и до приятелство.“

Други проекти в портфолиото на Paravel включват работа върху Microsoft Изградете уеб присъствие на конференцията и редизайн на сайта за шрифтов дизайнер Марк Симонсън.

Отпускайки се повече – ако това беше възможно – Уолтън се обляга назад и започва да обяснява как се е появил Паравел. „Cair Paravel беше името на замъка в „Хрониките на Нарния“ на К. С. Луис. Там няма метафора или истинска причина. Просто ми хареса как звучи и избрах нещо. [Компанията] се основава на приятелство. Когато бяхме отново в училище, Дейв уви къщата ми в тоалетна хартия. Дейв и Рейгън бяха съквартиранти в колежа. Бяхме работили заедно. Някои бяха по-добри от други, но всички искахме да контролираме съдбата си. Нямаше визия за Paravel, ставаше дума за инвестиция един в друг и все още мисля, че е така. Пътят винаги е бил: къде мислим, че трябва да отидем заедно. Познаваме се повече от половината живот!“

Колективна сила

И така, как колективът функционира вътрешно? „Моята специалност е всичко - от дизайна до кода на интерфейса. Рейгън е по-добър дизайнер от мен, а Дейв е просто по-добър уеб строител. Надявам се, че имам тази симбиотична връзка с тях. Може би ще го сметнат за малко паразитно!“

Той се смее. „Работя в мрежата от 1998 г. Създадох сайтове в Homestead и GeoCities и осъзнах, че това ще бъде първата ми любов. [Също] разбрах, че няма нищо наистина окончателно в уеб работата. Хареса ми идеята за постоянно повторение и промяна на нещата. Всичко това води до едно хоби.“

След като напуска държавния университет „Стивън Ф. Остин“, където учи психология и детско и семейно развитие, Уолтън има много различни работни места. „Всяка работа, която намерих, имаше тази уеб роля в рамките на по-голяма работа с други отговорности. Исках да работя в мрежата и бих пренебрегнал всичко останало. Рано или късно се дипломирах в повече уеб и маркетинг роли.”

В крайна сметка беше спестил достатъчно, за да поеме риска и да започне Paravel с двамата си приятели.

Ако историята за началото на Паравел беше нетрадиционна досега, историята получава нов обрат. „И така, през 2002 г. платих на Дейв Рупърт осемдесет долара, за да ме научи на HTML. Бях завършил колежа, както и той. Специализирал е японски език. Той отлетя до Япония, за да преподава английски и участва в незабавни съобщения през следващите три години в това сътрудничество. Винаги беше много напред. Когато той беше буден и аз бях буден, и часовите ни зони се подредиха, всеки ден разговаряхме и се учихме.

Отзивчиво коляно

От самото начало на Paravel нашият разговор пренасочва към адаптивния дизайн и как индустрията и дизайнерите като цяло се чувстват относно появата му. „Първоначално имахме по-скоро коленичене, отколкото омраза. Бяхме уплашени или уплашени от това. Това е така, защото всички технологии, с които бяхме наети да работим и имахме голям успех, като уеб шрифтове и CSS(3). Те наистина играят добре за пикселни перфектни неща.“

Гледайки края на последната ера на мрежата и появата на отзивчивата ера (в момента, преди новото да се появи в полезрението), дизайнерите бяха мимолетно щастливи. Те можеха да направят мрежата да изглежда сякаш е създадена във Photoshop и това беше напълно достатъчно. Работата свършена.

„Цялото адаптивно нещо или мултиплатформен дизайн – видях го като отнемане на контрола от дизайнера“, обяснява Уолтън.

Очевидно падането на една религия и възходът на нова е значително; припомнянето му кара Уолтън – уверен оратор – да се препъне видимо в думите си.

„Бяхме поразени. Беше заплашително“, продължава той. "Това е. Това застраши нашия процес, застраши контрола, който имах, и усещането, което имах във Photoshop. Във Photoshop можех да бъда предписващ чак до края на проекта. Всичко това беше напълно преобърнато. Отзивчивостта наистина беше гвоздеят в ковчега. Нямахме никакъв контрол върху това, което правим.

Разбира се, преминаването към отзивчив или мултиплатформен дизайн не засяга само начина, по който се натискат пикселите. Той също така променя начина, по който екипите са формулирани и работят. „Знаеш ли, ние сме само трима и беше трудно. Решаването кой е отговорен за какво и кога в рамките на даден проект стана трудно. Преминаването през планирането, дизайна и кода не беше лесно и ние се познаваме от половината живот. Кога трябва да приключи проектирането или планирането? Сега откриваме, че никога не го прави.”

„Този ​​уеб дизайн за множество устройства увеличава стреса експоненциално. Най-големият проблем е преструктурирането, защото колкото по-голям е екипът, толкова по-голям е стресът. Това е като кораб. Има повече инерция. Има повече хора. Има повече тежест, която се движи в една посока. За да го промените, трябва много.

Жестикулирайки, Уолтън оприличава по-стария подход на изграждане на уеб сайтове и екипни структури с производствена линия: дизайнерите са проектирани и програмистите са кодирани. „В наши дни всеки трябва да разшири своя набор от умения“, обяснява той. „Трябваше да сменим нашите инструменти. Има този безкраен спектър. В единия край имате Photoshop дизайнер, който не разбира нищо от код. И тогава имате кодер, който прави HTML, CSS и JavaScript и нищо друго. С този спектър идват много различни инструменти, които според мен са отчасти свързани с комуникацията. Ние ги използваме, за да артикулираме визия и да изразим визуално идеи. Надяваме се, че чрез тази комуникация можем да научим за неща извън нашите зони на комфорт.“

И така, какви инструменти се крият в Mac на Walton и кои според него са от съществено значение, за да направи промяната към дизайна с множество устройства възможно най-плавна и продуктивна? "Точно сега, CodeKit. Това беше най-голямата промяна за мен от гледна точка на инструментите. Преминаването към Sass и интелигентното изграждане по този начин беше страхотно. CodeKit и приложението GitHub правят живота ми възможен. Аз съм от онези дизайнери, които се страхуват от терминала. Всички тези фантастични инструменти... не бих могъл да направя нищо без тях“, казва той.

Той добавя: „Ние все още използваме Photoshop за създаване на активи, изследване и щастливи инциденти, което е много важно за мен. Не го използваме, за да нарисуваме нещо, което трябва да бъде кодирано като предписващо нещо, но все пак е много важна част от пъзела.

Винаги е увлекателно да се говори с дизайнери и да се разкриват техните лични творчески процеси. Някои рисуват във Photoshop, други се кълнат в прототипиране в браузъра. Други посягат към писалка и хартия, когато трябва да разберат проблем.

„Всъщност всичко започва с много спорове. Работата е там, че не работим заедно всеки ден. В дните, в които си казваме „ще започнем нов проект“ или сме в момент от проект, в който направихме нашето проучване и трябва да разрешим проблемите, спестяваме дискусиите, докато всички не са на същото мнение стая. Всички ние идваме със скици и идеи, но за нас има нещо в това да го изхвърляме и да се борим за идеи. Ако нещо не е обсъдено добре, няма чувството, че сме приключили."

Изхвърляйки го

Правейки пауза, Уолтън отново събира мислите си и сваля ръцете си от почти блъскащата им поза. „Работя у дома четири от всеки пет дни. Живея в провинцията и за мен има нещо наистина важно в това да бъда сам. За нас, ние работим сами, ние се събираме с нашите игрални лица и сме готови да се справим.”

Но къде и как намира суровите неща, за да подхрани въображението си? „Имам ново нещо. Купувам много книги от eBay. Книги от един до десет долара в eBay. Просто ще купя купища от тях: едногодишни скаути, наръчници по градинарство, списание Mad, книги с вицове. Много неща са дизайнерски, но наистина произволни. Имам грамофон. Колкото повече неща, с които мога да се заобиколя, които не са на екрана на компютъра, неща, които нямат нищо общо с това, което [Paravel прави], обикновено ме правят по-добър в работата ми. успокоявам се. Има различно темпо. Ето защо не живея в града. Това е в пълно противоречие с това, което правим в мрежата.

Изпичане на всички цилиндри

Използвайки ръцете си, сякаш за да изтръгне идеи от въздуха, Уолтън казва: „Мрежата е толкова бърза. Ако бъдете прекалено всмукани, това не е естествено. Някак си мисля, че [по-бавният ритъм на живот] допринася за поддържането ми. С уеб дизайна, когато работи на всички цилиндри, ще има нещо друго. Следващото нещо и то – каквото и да е то – ще отнеме още повече пара. Така че е важно да имаме енергията да се борим, да учим и да експериментираме.

И така, какъв беше творческият процес като работата с Microsoft, фирма, която не създава непременно образ на гъвкавост? „Знаете ли, предположението, което правите отвън, е, че ще има много бюрокрация, много важни хора, с които да говорите, много политика. Същото е с всяка голяма компания в света. Но това не беше така. Имахме един човек, Бенсън Чан. Сигурен съм, че е свършил много трудна работа и е събрал заедно всички тези хора за планиране на съдържание и маркетинг... целия персонал, който можете да си представите. Просто работихме заедно, за да направим възможно най-добрия отзивчив сайт. Ние се втурнахме към техния отбор.

Докато излизаме от лобито на хотела и се качваме в ниско окачената кола на Уолтън с цвят на оръжие, трудно е да си го представим като спорещ, да не говорим за боец.

Неговият ентусиазъм към мрежата, желанието му да учи и експериментира са осезаеми. „Никога не съм бил толкова развълнуван от дизайна за мрежата“, обяснява той като обобщение. „В момента, в който спрем да имаме проблеми за решаване, в момента, в който нещата престанат да са трудни, може да нямаме работа. Фактът, че нещата се променят толкова бързо, трябва да сме благодарни за това. Надявам се мрежата винаги да е такава. Чувствам се сякаш съм в средата на гората, ровя наоколо и разширявам тази територия.“

И тогава ключът се завърта. „Знаеш ли, баща ми и брат ми карат състезателни коли като хоби. Всеки в моето семейство има малко оловен крак“, казва Уолтън. Колата се търкаля към задръстване от триста и шестдесет градуса от гигантски камиони и ръмжащи коли. „Човече, виж това!“ възкликва Уолтън, „може ли да минем оттам? Мисля, че можем.” Колата се промъква и си проправя път през неподвижната метална змия. Най-добър, частите за трафика. Аргументът е спечелен.

Открийте 65 невероятни примери за HTML5 в нашия дъщерен сайт, Creative Bloq.