Дызайн UI/UX стаў папулярным полем у тэхналагічнай галіне, прыцягваючы супрацоўнікаў з шырокім спектрам талентаў і паходжання. Адзін з найбольш часта зададзеных пытанняў людзей, якія займаюцца кар'ерай у дызайне UI/UX, - гэта неабходнасць праграмавання. Хуткі адказ заключаецца ў тым, што гэта залежыць ад ролі, праектаў, над якімі вы працуеце, і вашых кар'ерных мэтаў. \
Каб лепш зразумець гэта, мы хочам паглядзець на сувязь паміж праграмаваннем і дызайнам UI/UX, выпадкам, калі праграмаванне можа быць карысным, і як перамяшчацца па гэтым полі з тэхнічнымі ведамі або без.
Разуменне розніцы паміж UI і UX
Перш чым паглыбіцца ў кадаванне, важна зразумець розніцу паміж карыстацкім інтэрфейсам, карыстацкім інтэрфейсам і UX, карыстацкім досведам, дызайнам. Хоць яны цесна звязаны, яны засяроджваюцца на розных галінах працэсу распрацоўкі:
-
Дызайн карыстацкага інтэрфейсу ўключае ў сябе стварэнне візуальных кампанентаў лічбавага прадукту, такіх як кнопкі, абразкі, макеты, тыпаграфія і каляровыя схемы. Мэта складаецца ў тым, каб распрацаваць інтэрфейсы, якія з'яўляюцца эстэтычнымі і практычнымі, што дазваляе людзям лёгка перамяшчацца.
-
UX Design улічвае ўвесь карыстацкі досвед і гарантуе, што прадукт інтуітыўны, даступны і прыемны. Гэты працэс ўключае ў сябе даследаванне карыстальнікаў, планаванне падарожжаў, каркас, прататыпаванне і тэставанне зручнасці выкарыстання.
Хоць абедзве дысцыпліны карыстаюцца тэхналагічнымі ведамі, кадаванне часта лепш падыходзіць для некаторых частак дызайну карыстацкага інтэрфейсу, чым для UX Design.
Ці павінны дызайнеры карыстацкага/UX ведаць, як кадаваць?
Неабходнасць навыкаў кадавання вар'іруецца ў залежнасці ад профілю працы і кампаніі. Каб праілюстраваць гэта, варта разгледзець наступныя агульныя сцэнарыі:
1. Ролі, якія не патрабуюць кадавання
Многія дызайнеры UI/UX засяроджваюцца выключна на працэсе распрацоўкі, які не прадугледжвае праграмавання. Гэтыя прафесіі часта засяроджваюцца на:
-
Стварэнне каркасаў, макетаў і прататыпаў з выкарыстаннем такіх інструментаў, як Figma, Sketch або Adobe XD.
-
Правядзенне даследаванняў карыстальнікаў і тэсты для атрымання разумення.
-
Супрацоўніцтва з распрацоўшчыкамі для перакладу канструкцый і забеспячэння належнай рэалізацыі.
-
Праца з усталяванымі дызайнерскімі сістэмамі і рэкамендацыямі.
Для гэтых задач веданне інструментаў дызайну і цвёрдае разуменне прынцыпаў дызайну важней, чым навыкі праграмавання.
2. Ролі, дзе навыкі праграмавання з'яўляюцца плюсам
Нягледзячы на тое, што навыкі праграмавання не патрабуюцца, яны могуць быць карыснымі ў пэўных сітуацыях. Напрыклад:
- Веды ў дызайне Frontend: Калі ў вас ёсць HTML, CSS і асноўныя навыкі JavaScript, вы можаце лепш мець зносіны з распрацоўшчыкамі і пераканацца, што вашы праекты практычна можна рэалізаваць.
-Прататыпаванне з кодам: Дызайнеры могуць выкарыстоўваць такія інструменты, як Framer і WebFlow, каб стварыць прататыпы высокай дакладнасці з кодавымі інтэрфейсамі або прамой кадаваннем.
- Невялікія каманды і стартапы: У меншых кампаніях дызайнеры часта носяць некалькі галаўных убораў, якія могуць уключаць асноўныя задачы кадавання, каб пераадолець разрыў паміж дызайнам і распрацоўкай.
3. Гібрыдныя ролі, якія патрабуюць кадавання
Некаторыя прафесіі відавочна ўключаюць у сябе як задачы па распрацоўцы, так і распрацоўку. Прыклады гэтага ўключаюць:
-
Распрацоўшчык карыстацкага інтэрфейсу: Стварае карыстацкія інтэрфейсы ў кодзе, які часта патрабуе добрага ведання распрацоўкі Frontend.
-
Інжынер UX: дзейнічае як мост паміж праектаваннем і распрацоўкай, гарантуючы, што прынцыпы дызайну ў кодэксе будуць рэалізаваны.
У многіх прафесіях кадаванне з'яўляецца найважнейшым кампанентам, як і веданне моў праграмавання і рамак.
Перавагі навучання кадаваць у якасці дызайнера UI/UX
Нягледзячы на тое, што праграмаванне не можа быць патрабаваннем да вашай пазіцыі, вывучэнне тэхнічных навыкаў можа прынесці розныя перавагі:
-
Палепшанае супрацоўніцтва: Калі вы разумееце асновы развіцця пярэдняга канца, вы можаце больш эфектыўна працаваць з распрацоўшчыкамі і прадбачыць тэхнічныя праблемы.
-
Мэтазгоднасць дызайну: Калі вы ведаеце, як праграмаваць, вы можаце распрацаваць больш рэалістычныя і дзейсныя ідэі.
-
Палепшанае прататыпаванне: З навыкамі праграмавання вы можаце стварыць інтэрактыўныя прататыпы, якія пераўзыходзяць абмежаванні тыповых інструментаў дызайну.
-
Прафесійная гнуткасць: Пашыраючы свае навыкі з ведамі праграмавання, у вас ёсць магчымасць займацца гібрыднымі прафесіямі, такімі як UX Engineering або Design Design.
навігацыя карыстацкага інтэрфейсу/UX без навыкаў кадавання
Калі вы не зацікаўлены ў навучанні кода, не хвалюйцеся. Многія паспяховыя дызайнеры UI/UX паспяхова, не напісаўшы ніводнага радка кода. Вось як вы ўсё яшчэ можаце вылучыцца:
-Master Design Tools: Даведайцеся, як ствараць прафесійныя праекты і прататыпы, выкарыстоўваючы такія інструменты, як Figma, adobe XD, і эскіз.
-
Зразумейце прынцыпы дызайну: Засяродзьцеся на фундаментальных канцэпцыях, такіх як друкарня, тэорыя колеру, макет і даступнасць.
-
Эфектыўна супрацоўнічайце: Развівайце добрыя навыкі зносін для эфектыўнага супрацоўніцтва з распрацоўшчыкамі і іншымі зацікаўленымі бакамі.
-
Выкарыстоўвайце інструменты без кода: Такія платформы, як Webflow, Framer і Bubble, дазваляюць ствараць інтэрактыўныя канструкцыі і прататыпы без кадавання.
Як вырашыць, ці варта вам навучыцца код
Рашэнне аб вывучэнні праграмавання ў якасці дызайнера UI/UX залежыць ад вашых прафесійных мэтаў і захапленняў. Задайце сабе наступныя пытанні:
-
Якую дзейнасць я хачу займацца? Кадаванне можа быць больш значным, калі вы хочаце працаваць у гібрыдных ролях альбо з меншымі камандамі.
-
** Ці падабаюцца мне тэхнічныя аспекты дызайну?
-
Наколькі высокі попыт у маёй галіне? Вывучыце паведамленні аб працы ў вашым рэгіёне, каб вызначыць, ці з'яўляюцца навыкі праграмавання тыповым патрабаваннем да пазіцый карыстацкага/UX.
Навучальныя рэсурсы для дызайнераў, зацікаўленых у кадаванні
Калі вы хочаце даведацца праграмаванне, вось некалькі зручных для пачаткоўцаў рэсурсаў:
-
HTML і CSS: Web Docs Freecodecamp, Codecademy і MDN прапануюць добрыя ўрокі.
-
JavaScript: красамоўны JavaScript, праект Odin.
-
Frontend Development: азнаёмцеся з такімі рамкамі, як React або Vue.js.
-
Інструменты інтэрактыўнага прататыпавання: Framer - выдатны спосаб аб'яднаць навыкі праектавання і праграмавання.
Апошнія думкі
Нягледзячы на тое, што праграмаванне не абавязкова патрабуецца ў дызайне UI/UX, асноўнае разуменне яго можа дапамагчы вам далей развіваць свае навыкі, больш эфектыўна супрацоўнічаць і адкрыць новыя магчымасці для кар'еры. Аднак многія прафесіі ў першую чаргу сканцэнтраваны на дызайне і патрабуюць выдатных візуальных, даследаванняў і навыкаў прататыпаў. \
\
Калі вы хочаце структураваны і практычны падыход да навучання, пры [n_o_t_r_a_n_s_l_a_t_e_0] мы прапануем як UX/UI Design і [распрацоўка вэб-вэб https://codelabsacademy.com/en/courses/web-development) Bootcamps, якія дапамогуць вам пабудаваць неабходныя навыкі. У канчатковым рахунку, рашэнне атрымаць ступень праграмавання залежыць ад вашых прафесійных мэтаў і асабістых інтарэсаў. Незалежна ад таго, вы выбіраеце шлях без кода альбо вывучыце тэхнічныя навыкі, мэта-заставацца цікаўнасцю і ўдасканальвацца ў якасці дызайнера.
Паднясіце свае навыкі кадавання Code Labs Academy Web Development BootCamp.