Задаволены
- Што робіць дызайнер карыстацкага інтэрфейсу?
- Інтэрнэт супраць уласных праграм
- Паляпшэнне вашага набору навыкаў
Калі я пачынаў сваю кар'еру, я быў вэб-дызайнерам. Я працаваў у сферы вэб-дызайну чатыры гады, пачынаючы з сайтаў малога бізнесу і, у рэшце рэшт, пераходзячы да вялікіх кліентаў. Я даведаўся, што мяне цікавіў не графічны дызайн, і не праца на вялікія гандлёвыя маркі. Мяне больш цікавілі шаблоны пагінацыі, спосабы ўзаемадзеяння людзей з формамі і такія рэчы, як успрыманне прадукцыйнасці, чым візуальны дызайн вэб-старонкі.
Калі я глядзеў навукова-фантастычныя фільмы, я глядзеў на інтэрфейсы. І калі я гуляў у відэагульні, я назіраў за тым, як было раскладзена меню. Калі любая з гэтых рысаў вам падаецца знаёмай, вы таксама можаце быць у душы дызайнерам карыстацкага інтэрфейсу.
Я кінуў працу ў агенцтве і стварыў уласную кампанію. На сваёй старонцы ў LinkedIn я паспрабаваў рэзюмаваць сваю новую кар'ерную мэту: зрабіць лепшае праграмнае забеспячэнне магчыма. Прайшло чатыры гады, як я пачаў працаваць фрылансерам, і маё падарожжа не спынялася. У нашы дні я дапамагаю кіраваць невялікай кампаніяй па дызайне UI Мона. Нядаўна мы віталі нашага чацвёртага члена каманды.
У гэтым артыкуле я хачу апісаць, што такое быць дызайнерам карыстацкага інтэрфейсу, у тым ліку, што менавіта прадугледжвае праца, дзе знайсці лепшыя навучальныя рэсурсы і як палепшыць сваё майстэрства.
Што робіць дызайнер карыстацкага інтэрфейсу?
Я лічу, што звычайна працу дызайнера карыстацкага інтэрфейсу можна падзяліць на чатыры катэгорыі. Вы маеце зносіны з кліентам, даследуеце, распрацоўваеце ды прататып і маеце зносіны з распрацоўшчыкамі. Давайце разгледзім кожную з гэтых фаз больш падрабязна.
Зносіны з кліентамі
Зносіны з кліентамі заключаецца ў разуменні праблемы кліента. Мэта складаецца ў тым, каб разабрацца з бізнесам вашага кліента, таму пачатак праекта звычайна складае шмат размоў. Цалкам добра, каб не ведаць занадта шмат пра дамен вашага кліента, калі вы пачынаеце - вы можаце па-новаму паглядзець на іх бізнес, пакуль вы ўяўляеце магчымыя дызайнерскія рашэнні.
Каб быць добрым дызайнерам карыстацкага інтэрфейсу, вы павінны мець магчымасць у рэшце рэшт думаць разам з бізнесам вашага кліента. Напрыклад, ваш кліент можа быць у авіяцыі. Праца на іх з часам зробіць вас дастаткова дасведчанымі пра гэтую галіну. Такім чынам, парада для ўласнага шчасця тут - гэта разумна выбіраць галіны, у якіх вы працуеце, каб вы ў канчатковым выніку не сталі экспертам у тым, што вас не хвалюе ці не цікавіць.
Падчас праекта зносіны не спыняецца. Як дызайнер, вы будзеце пастаянна прадстаўляць свае работы. У нашай кампаніі мы аддаленая каманда, таму ў нас не так шмат асабістых сустрэч. Замест гэтага мы актыўна выкарыстоўваем агульны доступ да экрана праз відэаканферэнцыі. Інструменты камунікацыі, такія як Skype і Slack, выкарыстоўваюцца кожны дзень.
Карысна спалучаць сінхронныя і асінхронныя метады сувязі. Званок выдатна падыходзіць, калі вам хутка патрабуецца шмат інфармацыі, але вы павінны быць побач адначасова. Мы разглядаем Slack як наш "віртуальны кулер для вады" і выкарыстоўваем Basecamp для кіравання складанымі дызайнерскімі праектамі. Калі мы распрацоўваем прататыпы з выкарыстаннем HTML і CSS, мы выкарыстоўваем GitHub Issues для непасрэднага абмеркавання кода.
Даследаванні
Акрамя зносін з кліентамі, вы правядзеце шмат даследаванняў. Гэта можа ўключаць палявыя даследаванні, семінары з кліентам, аналіз канкурэнцыі або вызначэнне стратэгіі - па сутнасці, практычна ўсё, што дапаможа вам зразумець праблему.
Даследаванні - гэта тое, што інфармуе пра ваш выбар дызайну. Гэта артыкул, які вы калісьці чыталі, альбо тая новая рэч, якую Apple толькі што выпусціла. Калі прыйшоў час растлумачыць, чаму вы зрабілі пэўны выбар дызайну, ваша даследаванне падмацоўвае вас.
Даследаванні могуць быць вельмі шырокімі. Я часта тэстую новыя прылады ў навукова-даследчых мэтах альбо падпісваюся ў новым вэб-дадатку для вывучэння яго карыстацкага інтэрфейсу.
Дызайн і прататыпаванне
Як дызайнер, вы, верагодна, праводзіце большую частку часу, займаючыся распрацоўкай і прататыпаваннем. Дызайнерскі праект карыстацкага інтэрфейсу можа рухацца наперад любымі спосабамі: ад эскізавання, дэталёвага дызайну і кадавання.
Спосаб, які вы выкарыстоўваеце, шмат у чым залежыць ад тыпу праекта. Што вы распрацоўваеце? Гэта вэб-сайт, ці вы б хутчэй назвалі яго дадаткам? Ці выкарыстоўвае ён родныя тэхналогіі? Гэта рэдызайн альбо вы пачынаеце з нуля?
У нашай кампаніі няма фіксаванага працэсу, але большасць праектаў прытрымліваецца аднолькавага парадку: яны пачынаюцца з эскізаў і каркасаў, пераходзяць да дэталёвага візуальнага дызайну і дызайну ўзаемадзеяння і заканчваюцца прататыпам.
Як дызайнеры, мы шмат часу задумваемся над нашымі інструментамі. Хоць выдатныя інструменты важныя, яны не самыя важныя. Уменне пісьменна карыстацца Adobe Creative Suite і такімі праграмамі, як Sketch, эквівалентна магчымасці алоўка маляваць альбо пэндзлем маляваць. Яшчэ трэба зрабіць роспіс.
Як гаворыцца, здаровы інтарэс да інструментаў - гэта добра. Я люблю спрабаваць новыя інструменты, якія могуць дапамагчы мне быць больш прадуктыўнымі. Мой любімы інструмент для рэдагавання вектараў - Illustrator, але большасць маіх візуальных дызайнерскіх работ зроблена ў Sketch у нашы дні. Іншыя члены каманды перайшлі на новыя інструменты, такія як Affinity Designer.
Інструменты - гэта вельмі асабісты выбар. Пакуль мы можам лёгка працаваць разам, кожны вольны выбіраць свой. Каб было прасцей размаўляць з кліентамі пра наш дызайн, мы робім прататыпы з InVision. Аднак для больш дасканалага прататыпавання мы выкарыстоўваем HTML і CSS. Інструмент, які вам патрэбны, залежыць ад працы, якую вы хочаце з ім зрабіць.
Сувязь распрацоўшчыкаў
Часта забытай часткай працы дызайнера карыстацкага інтэрфейсу з'яўляецца сувязь з распрацоўшчыкамі. У нашы дні вы не можаце сысці, проста адправіўшы свае распрацоўкі распрацоўшчыкам і спадзеючыся, што яны будуць правільна рэалізаваны. Лепшыя дызайнеры ведаюць, што задача складаецца не ў стварэнні дызайну, а ў перадачы яго не толькі зацікаўленым бакам, якія павінны даць сваё адабрэнне, але і распрацоўнікам, якія павінны яго рэалізаваць.
Перадача дызайну мае шмат розных формаў: падрабязныя характарыстыкі, прадастаўленне актываў, агляд дызайну разам. Тое, што мае сэнс дастаўляць у кожным асобніку, шмат у чым залежыць ад таго, з'яўляецца праект уласным альбо вэб-дадаткам.
Традыцыйны падыход - дастаўляць актывы побач з дызайнам экрана. Дызайн экрана можна выкарыстоўваць, каб убачыць, як будзе выглядаць дызайн у цэлым, а актывы - гэта гатовыя да выкарыстання PNG і SVG-значкі, таму распрацоўшчыкам не прыходзіцца мець справу з графічным рэдактарам.
У нашай кампаніі мы прыхільнікі дасягнення большага. Мы выкарыстоўваем кіраўніцтва па стылі кампанентаў, каб дапамагчы захаваць паслядоўнасць у нашым дызайне. Калі мы маем справу з вэб-праектам, мы пастаўляем падрабязныя наборы HTML і CSS, дакументаваныя паштучна, гатовыя да рэалізацыі. Я лічу, што наяўнасць дызайнерскага ўвагі на кожным этапе распрацоўкі праграмнага забеспячэння - гэта адзіны спосаб дасягнуць мэты стварэння праграмнага забеспячэння сусветнага класа.
Інтэрнэт супраць уласных праграм
Пры распрацоўцы ўласнага прыкладання для платформы (напрыклад, iOS або Android) вы, як правіла, прытрымліваецеся пэўных рэкамендацый. Калі вы займаецеся дызайнам для Інтэрнэту, не так шмат рэкамендацый. Як правіла, ваш кліент мае набор графічных рэкамендацый для свайго брэнда, якія вызначаюць, як усё павінна выглядаць.
Аднак гэтыя рэкамендацыі, як правіла, прыстасоўваюцца да маркетынгавых сайтаў, і тое, што там ёсць, не заўсёды прыводзіць да правільных рашэнняў карыстацкага інтэрфейсу. Шрыфты, як правіла, выбіраюць з маркетынгавых меркаванняў, а не з разборлівасці. Колеры могуць быць тоўстымі і яркімі, што працуе ў рэкламнай кампаніі, але не ў дадатку, якім вы карыстаецеся штодня. Гэтыя дапаможнікі павінны быць інтэрпрэтаваны.
У Інтэрнэце некалькі рэкамендацый адносна карыстацкага інтэрфейсу. Можна паспрачацца, што Інтэрнэт - гэта плавільны кацёл розных стыляў. Калі вы робіце што-небудзь, што больш падобна на прыкладанне, чым на вэб-сайт, вам трэба ведаць пра такія шырока выкарыстоўваюцца фрэймворкі, як Bootstrap і ZURB Foundation. Структура пачынае вызначаць, як усё павінна выглядаць, таму што вы не хочаце вынаходзіць кола. І гэта, напэўна, добра.
У нашай кампаніі мы любім выкарыстоўваць Bootstrap. Ён забяспечвае разумныя памеры па змаўчанні для звычайных элементаў карыстацкага інтэрфейсу, такіх як кнопкі, табліцы дадзеных і мадалі.
У вэб-дызайне вы больш абмежаваныя тэхнічнымі магчымасцямі Інтэрнэту. Раней было складана рэалізаваць на сайце просты візуальны росквіт, як закругленыя куты. Гэтыя дні даўно мінулі - зараз вы можаце маляваць карыстацкія інтэрфейсы з вялікай колькасцю ценяў, пераходаў, анімацыі і нават 3D.
Як дызайнеру, больш рэальна ўзяць пад кантроль працэс і дызайн у браўзэры. Я не бачыў, каб шмат дызайнераў карыстацкага інтэрфейсу бралі на сябе праграмаванне карыстацкага інтэрфейсу ўласнага прыкладання, але дызайнер, які робіць HTML і CSS вэб-прыкладанняў, - звычайная з'ява. Калі вы зможаце ствараць свае ўласныя распрацоўкі, вы будзеце мець перавагу перад аднагодкамі, якія не кадуюць, і для мяне гэта адзіны спосаб сапраўды зразумець, як працуе Інтэрнэт.
Інтэрнэт-абмежаванні
Неўзабаве вы даведаецеся, што не ўсе цікавыя прыёмы, якія вы даведаецеся, падтрымліваюцца ў кожным браўзэры, і гэта рэальнасць распрацоўкі для Інтэрнэту. Добра прытрымлівацца вядомых прынцыпаў, такіх як паступовае ўдасканаленне, калі вы па магчымасці загружаеце пашыраны кантэнт, але таксама думайце пра тое, як змест пагаршаецца.
У апошні час стала папулярнай «рэзка гарчыцы». Закліканая вэб-камандай BBC, гэта ўключае ў сябе адрозненне паміж "добрымі" і "дрэннымі" аглядальнікамі і прадастаўленне абмежаванага досведу для "дрэнных" аглядальнікаў. Аднак гэта сапраўды працуе толькі для кантэнт-сайтаў.
Што тычыцца прыкладанняў, шмат людзей абмяжоўвае падтрымку толькі некалькімі вядучымі браўзэрамі, каб палегчыць распрацоўку. На жаль, гэта вяртае нас да сітуацыі 1996 года, калі для прагляду змесціва патрэбен пэўны браўзэр.
Паляпшэнне вашага набору навыкаў
Такім чынам, як вам быць у курсе хутка развіваецца вэб-індустрыі і палепшыць свой набор навыкаў? Давайце разгледзім некалькі розных метадаў павышэння вашых навыкаў ...
Веды на платформе
Асноўную частку арсенала дызайнера складаюць веды на платформе. Вы павінны ведаць пра розныя аперацыйныя сістэмы і пра тое, як людзі імі карыстаюцца. Як дызайнеры, мы, як правіла, выкарыстоўваем Mac, але тады лёгка забыцца, што большасць людзей выкарыстоўваюць скрынкі Windows, каб зрабіць сваю працу.
Я адчуваю, што ты можаш па-сапраўднаму зразумець нешта, толькі калі сам карыстаешся гэтым. Я аддаю перавагу выкарыстоўваць свой Mac для дызайну, але марную шмат часу, даганяючы эвалюцыю розных іншых платформаў. На маім Mac у якасці віртуальных машын усталявана некалькі копій Windows. Я быў заняты тэставаннем новых зборкаў Windows 10 з дапамогай праграмы Insider ад Microsoft, каб праверыць розныя змены ў карыстацкім інтэрфейсе.
Я таксама рэгулярна купляю новае абсталяванне, каб праверыць, як яно працуе. Я купіў Apple Watch толькі для таго, каб праверыць платформу. Затым я прадаў яго, бо адчуваў, што гэта не так шмат дадае да майго жыцця.
Акрамя гэтага, Інтэрнэт можна разглядаць як сваю ўласную аперацыйную сістэму. Ён пастаянна развіваецца, і новыя функцыі дадаюцца кожнаму пастаўшчыку аглядальнікаў кожны тыдзень. Вельмі варта ведаць пра тэхнічныя аспекты браўзэраў, асабліва адносна CSS і графічных магчымасцей. Вы павінны ведаць, што такое SVG і WebGL, і як вы можаце выкарыстоўваць API вэб-анімацыі.
Кожная платформа з цягам часу развіваецца, і як дызайнер карыстацкага інтэрфейсу ваша задача быць у курсе. У рэшце рэшт, усё, што вы распрацоўваеце, жыве не адасоблена, а з'яўляецца часткай большай экасістэмы праграмнага забеспячэння.
Вяртаемся да асноў
Тое, з чым мы змагаемся сёння, не так адрозніваецца ад таго, з чым мы змагаліся 20 гадоў таму. У кнігах ёсць маса добрых парад. Паспрабуйце абарончы дызайн для Інтэрнэту Джэйсана Фрыда і Мэцью Ліндэрмана і "Не прымушай мяне думаць" Стыва Круга для пачатку.
Калі вы не ведаеце пра такія паняцці, як мадальнасць і даступнасць, вам трэба пачытаць. Вы павінны мець магчымасць растлумачыць, што такое закон Фітса. Гештальт-закон блізкасці? Гэта хлеб і алей дызайну карыстацкага інтэрфейсу.
Натхняйцеся гульнямі і фільмамі
Як дызайнер карыстацкага інтэрфейсу, я карыстаюся іншымі крыніцамі натхнення, каб зрабіць сваю працу. Шмат натхнення я знаходжу ў гульнях. Некаторыя гульні вельмі складаныя, і дызайнерам карыстацкага інтэрфейсу даводзілася вырашаць тыя ж складаныя праблемы інтэрфейсу, што і дызайнеру карыстацкага інтэрфейсу, які працуе над бізнес-праектамі.
Гульні таксама могуць азначаць тэндэнцыі. Мінімалізм, які сустракаецца ў меню Colin McRae Rally, нагадвае мне пра кірунак iOS7. У пэўным сэнсе дызайн анімацыі карыстацкага інтэрфейсу, які цяпер з'яўляецца модным, з'яўляўся ў гульнях гады і гады таму. Пераход ад скеўмамарфізму да голага, функцыянальнага інтэрфейсу і «плоскага дызайну» быў відавочны і ў гульнях. Параўнайце 2006 Oblivion з Skyrim 2011 года. Абедзве гульні з'яўляюцца RPG адной і той жа серыі, але розніца дзіўная.
Футурыстычныя інтэрфейсы ў такіх фільмах, як "Жалезны чалавек", таксама натхнілі мяне. Яны не зусім прыдатныя прыклады, але яны прымушаюць больш думаць пра вылічальную тэхніку ў цэлым. Ці хочам мы будучыні экранаў, ці хочам, каб экраны знікалі? Гэта, напэўна, добрае пытанне, каб паставіць яго ў пабе, поўным дызайнераў.
Вы росцеце дызайнерам дзякуючы працавітасці, настойлівасці, размовам са сваімі аднагодкамі і надзвычай шмат чытання. Прыблізна год таму я прачытаў у "Нью-Ёрк Таймс" артыкул пра людзей, якія дасягнулі 80-х гадоў, якія працягваюць удасканальваць сваё майстэрства. Я адчуваю, што толькі пачынаю. Што наконт цябе?
