Хто такі UX дизайнери та чим вони займаються. З чого почати навчання UX-дизайну Хороші знання ux ui

Дизайн - поняття досить широке і невизначене. Коли хтось говорить? «Я дизайнер», не відразу зрозуміло, чим він в дійсно займається кожен день. Існують кілька різних областей, об'єднаних під поняттям «дизайн».

Професії, пов'язані з дизайну, існують в самих різних областях - від промислового дизайну (дизайн машин і меблів і ін.), Друкованого дизайну (журнали та інші друковані видання) до веб-дизайну (веб-сайти, мобільні додатки).

Однак за недавній час з'явилося безліч нових дизайн-професій, сфокусованих на розробці інтерфейсів для різного виду екранів. Вакансії, озаглавлені UX- або UI-дизайнери незрозумілі для непосвячених і навіть часто для самих дизайнерів з інших областей.

Давайте спробуємо розібратися в тому, що ж означає кожен з цих термінів.

UX-дизайнер (USER EXPERIENCE дизайнер)

UX-дизайнер в першу чергу сконцентрований на тому, як продукт «відчувається», сприймається користувачем. Поставлена ​​дизайнеру завдання не має одного вірної відповіді. UX-дизайнери пробують різні підходи, щоб вирішити якусь специфічну проблему користувача. В широкий списокобов'язків UX-дизайнера входить завдання переконатися в тому, що продукт послідовно переводить клієнта з однієї стадії в наступну. Один із способів досягти цього - проведення безпосередніх тестів з реальним користувачем, щоб мати можливість спостерігати за його поведінкою. Виявляючи вербальні і невербальні перешкоди, UX дизайнери вдосконалюють продукт і послідовно приходять до створення найкращого варіанту взаємодії користувача з продуктом. Тестова версія необхідна для того, щоб забезпечити максимально зручне користування продуктом.

Приклад опису роботи experience-дизайнера в Twitter:

«Визначте моделі взаємодії, призначені для користувача потоки завдань, і UI-специфікації. Уявіть різні варіанти розвитку подій, опишіть процес користування і моделі взаємодії від і до і продемонструйте зразки зацікавленим особам. Працюйте з нашим креативним директором і візуальними дизайнерами, щоб об'єднати візуальну ідентичність Твіттера і його характерні риси. Розвивайте або зберігайте макети, мок-апи та стандарти по необхідності »

Результати роботи:макети зображень на екранах, розкадровки, план сайту.

Інструменти: Photoshop, Sketch, Illustrator, Fireworks, InVision

UI-дизайнер (USER INTERFACE дизайнер)

На відміну від UX-дизайнерів, які відповідальні за загальне сприйняттяпродукту, робота UI-дизайнера крутиться навколо того, як продукт спроектований. Такі фахівці відповідальні за дизайн кожної сторінки або екрана, з якими взаємодіє користувач, і зобов'язані переконатися в тому, що UI візуально поєднується з стежкою, прокладеною UX-дизайнером. Наприклад, UI-дизайнер, який створює аналітичну панель, може уявити найбільш важливий контент нагорі сторінки, або вирішити, що повзунок або кнопка управління більше підходять сприйняття користувача для регулювання графіка.

Зазвичай UI-дизайнер також несе відповідальність за створення єдиного стилюі зобов'язаний переконатися в тому, що відповідний «мова» дизайну застосований у всьому продукті.

Збереження послідовності у всіх візуальних елементах і визначення поведінки (наприклад, як відображати помилку або попередження) підпадають під компетенцію UI-дизайнера.

Кордон між цими двома професіями досить розмита, і найчастіше компанії наймають однієї людини на ці дві вакансії.

Інструменти: Photoshop, Sketch, Illustrator, Fireworks

Візуальний дизайнер (графічний дизайнер)

Візуальний дизайнер - це той, хто займається графікою. Якщо ви запитаєте когось, хто не займається дизайном, хто такий дизайнер, мабуть, першим на розум прийде якраз-таки графічний дизайнер. Графічні дизайнери ніяк не пов'язані ні з тим, як екрани повідомляються один з одним, ні з тим, як хтось взаємодіє з продуктом. Замість цього, вони зосереджені на створенні гарних іконок, елементів управління і інших візуальних елементів і вибирають відповідні шрифти. Графічні дизайнери працюють над маленькими деталями, яким інші не надають значення, і часто працюють в Photoshop в режимі наближення 4X або 8X.

Також досить поширена ситуація, коли UI-дизайнери виконують подвійну роботу і створюють кінцевий варіант елементів зображень. Деякі компанії приймають рішення не наймати окремого графічного дизайнера.

Інструменти: Photoshop, Sketch

Interactive-дизайнер (моушен-дизайнер)

Пам'ятайте майже непомітну підстрибує анімацію, коли ви оновлюєте пошту на своєму iPhone? Це робота моушен-дизайнера. На відміну від графічних дизайнерів, які працюють зі статичними елементами, моушен-дизайнери створюють анімацію всередині додатків. Вони мають справу з тим, що робить інтерфейс, після того, як користувач до нього торкається. Наприклад, вони вирішують, яким чином має розгортатися меню, які ефекти переходу використовувати, і як повинна реагувати та чи інша кнопка. Добре виконаний моушен-дизайн стає невід'ємною частиною інтерфейсу, пропонуючи візуальні підказки як використовувати продукт.

Опис роботи моушен-дизайнера в Apple:

«Висока кваліфікація в графічному дизайні, моушен-графіку, знання в digital art, гарне сприйняття шрифтів і кольору, загальну увагу до матеріалів і текстур, а також практичне розуміння анімації. Знання iOS, OS X, Photoshop і Illustrator, також знайомство з Director (або аналогом), Quartz Composer (або аналогом), 3D-моделюванням, моушен-графікою »

Інструменти: AfterEffects, Core Composer, Flash, Origami

UX Дослідник (Дослідник користувачів)

Мета UX дослідника - відповісти на два питання: «Хто наш споживач?» і «Що хоче наш споживач?» Зазвичай в обов'язки дослідника входить проведення інтерв'ю з користувачами, дослідження маркетингових даних і загальний збір аналітики. Дизайн - це процес постійного вдосконалення. Дослідник може допомогти в цьому процесі, проводячи A / B-тестування, щоб виявити, яке дизайнерське рішення найбільш повно задовольняє споживчі потреби. UX-дослідник зазвичай - головна опора в великих компаніях, де доступ до величезної кількості інформації дає йому достатньо можливостей, щоб прийти до значних висновків.

Опис роботи UX-дослідника в Facebook:

«Впритул працюйте з командами, що створюють продукт, щоб визначити тему досліджень. Проводьте дослідження, які одночасно належать як до споживчого поведінки, так і до їхніх думок. Проводьте дослідження, використовуючи широкий спектр якісних і кількісних методів, наприклад, опитування. »

UX-дизайнери періодично виконують обов'язки UX-дослідників.

Результати роботи:портрет користувача, результати A / B-тестування, поведінкові дослідження користувачів / інтерв'ю.

Інструменти: мікрофон, паперу, документи

Зовнішній розробник (UI-розробник)

Зовнішні розробники відповідають за функціональне втілення інтерфейсу продукту. Зазвичай, UI-дизайнер передає статичний мок-ап зовнішньому розробнику, який в подальшому трансформує його в працюючий, інтерактивний продукт. Зовнішні розробники також відповідають за кодування, верстку інтерактивної графіки, яку створює моушен-дизайнер.

Інструменти: CSS, HTML, JavaScript

дизайнер продукту

Продакт-дизайнер - всеосяжне поняття, щоб описати дизайнера, який в загальному залучений в процес створення образу і сприйняття продукту.

Роль продакт-дизайнера не дуже добре визначена і різниться в різних компаніях. Продакт-дизайнер може по мінімуму займатися кодуванням, проводити призначені для користувача дослідження, створювати інтерфейс, або створювати візуальні елементи. З початку до кінця продакт-дизайнер допомагає виявити початкову проблему, встановити будь-які критерії для її вирішення, а потім створювати, тестувати і вдосконалювати різні рішення. Деякі компанії, які хочуть працювати в рамках більш «текучого» співпраці, вказують при пошуку здобувача саме цю вакансію, щоб в результаті створити команду різнопрофільних дизайнерів і працювати над призначеним для користувача сприйняттям продукту, проводити призначені для користувача дослідження і створювати візуальні елементи.

Деякі компанії використовують «UX-дизайнер» або просто «дизайнер» в якості всеосяжного терміна. Прочитання опису вакансії - кращий спосіб з'ясувати, що буде входити в вашу компетенцію.

Опис роботи продакт-дизайнера для Pinterest

«Володіння всіма сферами дизайну: взаємодія, візуальна частина, робота з продуктом, макетування. Створення шаблонів елементів зображень і їх верстка ».

шукаю дизайнера

Найпоширеніша фраза, яку я чую від молодих стартапів. Зазвичай вони шукають того, хто міг би робити все вищеперелічене. Вони шукають того, хто міг би створювати красиві іконки, створювати Лендінзі, запускати A / B-тестування, логічно розміщувати елементи UI на екрані, і може навіть робити щось з обов'язків розпорядника розробника. Через загального характеру, який носить ця посада, ми часто чуємо, що компанія хоче найняти просто «дизайнера», не заглиблюючись в подробиці і специфіку цієї професії.

Межі між кожним з цих напрямків дизайну дуже розмиті. Передбачається що деякі UX-дизайнери також працюватимуть над взаємодією з споживачем, а деякі UI-дизайнери будуть в тому числі займатися графікою. Кращий спосібзнайти дизайнера - детально описати, що ви від нього очікуєте в рамках роботи на вашу компанію, і вибрати заголовок вакансії, найбільш чітко відображає обов'язки дизайнера.

29.09.2017

User Experience (досвід взаємодії) або UX- це популярний в даний час термін в технологічних і дизайнерських індустріях. Так як UX продовжує розвиватися і визначатися, багато людей все ще не впевнені, що означає UX, і як правильно використовувати цей термін.

Напевно, ви часто чуєте про UX коли мова йде про інтерфейси сайтів або мобільних додатків. Почасти це правильно, але більш глибокий погляд на UX необхідний для повного розуміння того, чому досвід взаємодії настільки важливий, і чому так важливо про нього знати.

Що таке User Experience (UX)?

UX розшифровується як "user experience (досвід взаємодії)". Досвід взаємодії - це те, як люди взаємодіють з продуктом.

Ви стикаєтеся з UX всюди. За ідеєю, все з чим ви контактуєте, починаючи з програмного забезпеченняі закінчуючи кнопкою включення / вимикання і її формою, є прикладом елементів, що створюють UX. Сума ваших взаємодій з продуктом стає досвідом, який ви отримуєте використовуючи цей продукт.

Всі об'єкти навколо нас мають досвід взаємодії - від тач-скрін кіосків в метро до елітних кава-машин, які дозволяють налити собі чашечку кави для гурманів. можливість використовувати мобільний телефонабо будь-який інший девайс на ходу покращує UX, також як взаємодія з автомобілем за допомогою тач-скрін і голосових команд робить керування автомобілем простіше і зручніше.

Успіх продукту грунтується на тому, як користувачі його сприймуть. Використовуючи продукт, люди зазвичай оцінюють свій досвід взаємодії в такий спосіб:

• Чи отримав я користь від цього продукту?
• Чи легко його використовувати?
• Чи приємно його використовувати?

Те, чи стануть люди постійними і вірними користувачами продукту безпосередньо залежить від відповіді на ці питання.

елементи UX

Дон Норман (Don Norman), співзасновник Nielsen Norman Group, був першим, хто ввів поняття "user experience" в 90-ті роки, сказавши "Досвід взаємодії охоплює всі аспекти взаємодії користувача з компанією, її послугами і продуктами".

"Я придумав цей термін, тому що вважав, що людські інтерфейси і юзабіліті - занадто вузькі поняття. Я хотів захопити всі аспекти людського досвіду взаємодії з системою, включаючи індустріальний дизайн, графіку, інтерфейси і фізичне взаємодія. "

У цьому відео Дон Норман ділиться своєю думкою про витоки терміну UX.

На питання, в чому ж різниця між UX-дизайнером і UI-дизайнером, люблять відповідати через заперечення. Знаєте, такий літературний прийом. На кшталт «UX - це не про інтерфейс, не про графічний дизайн, це не юзабіліті, які не аналітика, чи не прототип». Сьогодні коротко показуємо різницю, розповідаємо історію появи термінів і пояснюємо, чому два поняття навіть через стільки років з такою охотою зливають в одне - UX / UI.

Коротко про різницю

UI-дизайнер (user interface) - це дизайнер інтерфейсів в ідеальному середовищі, який малює кнопочки, іконочки, форми, підбирає шрифти і робить з усього гармонійний і красивий макет. Сайту, додатки, хоч чого, з чим буде взаємодіяти користувач - хоч екрану вокзального терміналу. І більше ні про що не думає.

UX-дизайнер (user experience) - це не дизайнер, а проектувальник (просто в англійському слово designer має якраз друге значення). Він вивчає потреби користувачів, будує логічні схемироботи інтерфейсу, тестує прототипи на живих людях, пише ТЗ на дизайн. Іншими словами, це такий інженер-маркетолог: на вході аналітика, на виході принципи створення інтерфейсу, логіка роботи, компоновка, контент. Малювання як такого він не стосується.

От і все.

Навіщо потрібно було все ускладнювати

Як було раніше: дизайнеру надходило завдання «намалювати сайт». Всі сайти були більш-менш однаковими: головна, про компанії, каталог, далі за списком. Дизайнер питав: «а коли нам контент дадуть?». Ніколи, товаришу дух, це армія.

І дизайнер називався просто «дизайнер». Без заморських приставок.

Як стало потім: агентства захотіли отримувати більше грошей, а світ поступово почав перехід від «просто сайтів» до складних веб-сервісів. А сервіс - це не тільки унікальний інтерфейс, це ще і стоїть за ним особливий бізнес-процес. Наприклад, згадайте сайт Airbnb - без глибокого вивчення предмета жоден графдізайнер не зміг би відразу зробити інтерфейс.

Раз роботи стало більше, виникла потреба розділити одну професію на кілька. Тепер UX-фахівець (будемо називати його так, щоб не було плутанини) досліджував і проектував інформаційну архітектуру, прототіпіст робив функціональну частину, а графічний (UI) дизайнер створював кінцевий продукт: сучасний і приємний для ока.

Те ж саме вже було в галузі. Наприклад, просто «програмістів» розділили на «фронтенд» і «бекенд». А фронтендеров на справжніх фронтендеров і «просто верстальників». До речі,.

Причина завжди одна: одну людину не вистачає на великий процес. Їдемо далі.

Хто такий UX / UI-дизайнер

Що весело: у вакансіях часто миготять посади UX / UI дизайнера, саме так, через слеш. Навіть Тінькофф шукає такого кккомбо-фахівця:

З іншого боку барикад, дизайнери все поголовно стали іменувати себе саме як UX / UI. Тому що бути просто ДизайнРу - фу, немодно.

Хто такий UX / UI в ідеальному світі? Надлюдина, який проводить весь цикл робіт UX, а потім ще встигає відмалювати все з декількома ітераціями правочек (зробити UI).

Ким є насправді UX / UI? Просто хорошим дизайнером. Тим, хто вважає своїм обов'язком не просто «фігачіть макети», а підходити до кожного проекту індивідуально, починати з аналізу, питань, уточнень, начерків, схем і т.д. Це не повноцінна UX-експертиза, але, як правило, для підтримки вже готового сервісу або розробки «просто сайту», її достатньо.

Так що, якщо бачите дивного мутанта UX / UI, знайте, що:

• Це дизайнер, який підходить до проекту з головою, а не просто клацає мишкою і дзьобом.
• Це хлюст, який начитався розумних слів і тепер називає себе UX / UI.

Перевіряється елементарно: попросіть дизайнера розповісти, чому він вибрав саме таке розташування елементів, таку послідовність екранів і т.д. У хорошого дизайнера жодне частиною інтерфейсу рішення не робиться просто так - всьому є логічне обґрунтування.

До речі

Ця стаття вже друга в серії «чим один веб-фахівець відрізняється від іншого». Що підштовхнуло нас до ідеї зробити довідник всіх професій від інтернету, з різними варіантами їх назв. Щоб клієнту (та й усім нам, чого вже) стало зрозуміліше жити.

Про те, як стати дизайнером.

Моя подруга якось зізналася, що вона завжди хотіла стати дизайнером, але упустила можливість стати їм. Я швидко запевнила її, що почати ніколи не пізно і я того була найкращим підтвердженням. Насправді, багато дизайнерів змогли навчитися UX дизайну без будь-якого формального навчання.

Ось як у мене все це відбувалося, крок за кроком:

1. Зрозумійте всі напрямки Дизайну

Є візуальні дизайнери, дизайнери взаємодій, дизайнери користувальницького досвіду (UX), дизайнери інтерфейсів (UI), продуктові дизайнери, графічні і так далі. Є й універсали, які знають все потроху. Начините з того, що б з'ясувати, яка спеціалізація вас цікавить.

2. Читайте статті по UX / UI дизайну по шляху на роботу

4. Зробіть перерву, коли зіткнетеся з труднощами

рано чи пізно ви зіткнетеся з тим, що будете заплутані, переможені і перевантажені - купіть собі латте ласка! Заохочуйте себе за ту важку роботу, яку ви вкладаєте в вашу пристрасть. Залишайтеся позитивними.

Я з посмішкою згадую день, коли я зніяковіло зізналася своєму другові, що поняття не маю, як працювати інструментом «перо» (вам буде смішно через кілька місяців). Мій друг і я отримали роботу в одній компанії через рік і до сих пір посміхаємося, згадуючи день, коли в буквальному сенсі витратили 8 годин, малюючи фігури в Photoshop.

5. Читайте хороші книги.

6. Знайдіть дизайнера, який знає як робити і питайте його іноді

Я не кажу «знайдіть ментора». Я не вірю в менторів, так як я думаю, що люди дуже зайняті працюючи над виконанням власних мрій. Я ніколи не очікувала, що хтось ще буде вкладати багато сил в мою кар'єру, але я знайшла кілька чудових друзів, яким я можу швидко поставити запитання або пригостити кавою, коли мені потрібна порада.

7. Вдохновлятесь

Слухайте Матіаса Дуарте, віце-президента по дизайну Android, і його розповіді про матеріальне дизайні.

Дивіться роботи на Dribbble, The Best Designs і Awwwards. Зробіть натхнення пріоритетним завданням. Воно допоможе вам зрозуміти UX шаблони, візуальний дизайн та додасть вам сил.

8. Працюйте над неіснуючими проектами

Якщо ваша мета - стажист або позиція початкового рівня в UI / UX дизайні, то вам потрібно щось показати роботодавцю. Це найскладніший крок, це як зістрибнути зі скелі. Навряд чи ви будете готові почати роботу над проектом, але зробіть це, так чи інакше. Спробуйте створити порфтоліо в Sketch або Illustrator, почніть з призначених для користувача потоків, вайрфреймов, взаємодій і, нарешті, повноцінного мокап. Після цього переробіть сайт, якому це просто необхідно. Створіть власний додаток зі списком завдань. Створіть додаток з доставки. Продовжуйте створювати те, що хвилює вас.

В ІТ-галузі досить багато напрямків пов'язаних з дизайном. Найпоширеніші з них - дизайнери, приховані за абревіатурами UX і UI. Ну а дехто примудряється записати в дизайнери навіть розробників front-end. Давайте спробуємо розібратися, хто такі дизайнери в світі ІТ, в чому різниця між UI і UX, і яке відношення до дизайну мають фронтендщікі.

Дизайнери

Розробка інтерфейсу додатків, сайтів або ігор є досить складним процесом і потребує застосування знань з різних областей: інженерії, психології та дизайну. Дизайнери призначеного для користувача інтерфейсу (по-англійськи - User Interface або UI) фокусуються на способі відображення функціональності сайту (пошук, вкладки, меню) і деталях взаємодії клієнта і інтерфейсу. Мета UI-дизайнера - естетично прийнятний сучасний дизайн продукту. UX розшифровується як User Experience, що в перекладі означає «користувальницький досвід». UX-дизайнер більше зосереджений на зручність і розумінні інтерфейсу потенційним користувачем. Такий фахівець часто проводить дослідження і опитування, які стануть основою для створення концепції дизайну, а також тестує концепції в ході розробки і після неї. Зазвичай він зосереджений на структурі, змісті, навігації і тому, як користувач взаємодіє з цими елементами.

Він виробляє карти сайтів, прототипи, які є базовою структурою при створенні програмного забезпечення. Мета роботи UX-дизайнера - щоб користувач швидко і безболісно отримав від сайту то, навіщо він сюди приходить. Проте, сьогодні дуже часто можна зустріти написання цих двох спеціалізацій через слеш. Тобто завдання обох напрямків виконує один фахівець. UX / UI дизайнер проектує взаємодія користувача з інтерфейсом, вирішує, що саме йому потрібно зробити і відповідає за те, як цей інтерфейс в результаті буде виглядати.

Що потрібно знати UX / UI-дизайнера

Графічні редактори. Найпопулярніші на ринку інструменти - це Adobe Photoshop, Adobe Illustrator, а також Sketch, Figma. Виберіть зручний для себе редактор і спробуйте для початку намалювати скріншоти сайту або програми трохи їх модернізувавши.

Інструменти прототипирования (Mockplus, Axure). Інструмент для створення прототипів є сполучною ланкою між ідеєю і її реалізацією. Неважливо яким інструментом при цьому ви будете користуватися. Можна спробувати кілька і визначитися з тим, який підійде саме вам за стилем і перевагам.

Призначена для користувача психологія.Уже на етапі розробки макета варто подумати про те, чи буде зручно вам або комусь ще користуватися цим інтерфейсом. Уявіть себе на місці клієнта, побудуйте міцний зв'язок з ним і будьте уважні до його потреб. Адже продукт буде успішний, якщо на нього є попит.

Також знадобляться знання теорії кольору. Дещо ми знаємо з дитинства, особливо ті, хто ходив в художню школу. Проте, є певна специфіка, що стосується саме роботи дизайнерів. Початкові знання можна отримати з книг або статей в інтернеті.

Бажано мати уявлення про типографике, Засобі об'єднання текстової та візуальної складової.

Композиція і юзабіліті сайту.

Залежно від специфіки роботи може знадобитися розуміння HTML і CSS або (трохи) мов програмування (посилання на ресурси можна подивитися нижче, в розділі «Що повинен знати Front-end розробник»).

Розробник Front-end

Основним завданням фронтендщіка є розробка клієнтської частини інтерфейсу. Тобто, такий фахівець «оживляє» те, що спроектували дизайнери. Він відповідає за роботу і експлуатацію інтерфейсу і менше - за візуальне наповнення. Front-end розробник часто має знайти хороше рішеннядля призначеного для користувача інтерфейсу на стадії його розробки, тому часто взаємодіє з UX / UI дизайнером. Код, написаний front-end розробником, виконується в браузері користувача (як кажуть, «на стороні клієнта»). Також однією з найважливіших завдань є перевірка того, що сайт або веб-додаток виглядає однаково на всіх платформах і браузерах.

Що повинен знати Front-end розробник

Як правило, front-end стоїть на трьох китах: мова розмітки сторінки HTML, Таблиці стилів CSS і мова програмування JavaScript. Крім того, фронтендщік повинен розуміти принципи роботи протоколу HTTP, серверів і браузерів, особливості відображення інтерфейсу на різних пристроях, Які в даний час знаходяться на ринку. Інструменти і методи створення веб-інтерфейсів постійно розвиваються і змінюються, тому розробник повинен за цим постійно стежити.

HTML і CSS (верстка)

Це верстка, ті самі цеглу, з яких будується сайт. Мова розмітки HTML диктує організацію сайту, вміст і все взаємодія між ними. Він дозволяє позначити верхню частинусторінки, нижню, бічні блоки з вмістом, заголовки, відображення тексту і мультимедійних елементів. Таблиці стилів CSS служить для прикраси HTML-елементів. Вони визначають, як саме відображається кожен графічний елемент, який розташовується на сторінці. За допомогою найсвіжіших версій HTML5 та CSS3 можна розміщувати відео і аудіо компоненти на сторінку, створювати двомірні зображення і анімацію, і навіть писати нескладні ігри. Не потрібно намагатися запам'ятати відразу все теги і стилі. Буде корисно вивчити основи і відразу ж застосувати їх у дії. Дуже непоганий сайт, де можна вивчити основи HTMLі CSS - W3School. Але тільки якщо у вас є хоча б базові знання англійської. Також фронтендщік повинен розбиратися в крос-браузерної і кроссплатформенной розробці, адаптований і чуйною верстці.

Bootstrap

Це фреймворк для HTML, CSS і JavaScript. Тобто певні шаблони, з яких, як з конструктора, можна збирати сайти набагато швидше, ніж без них. Але, зрозуміло, його потрібно заточувати під ваші потреби самостійно. Якщо знаєте англійську, рекомендуємо сайт getbootstrap і все той же w3schools.

JavaScript

Javascript - ядро ​​front-end розробки. Це перший і найбільш поширена мова програмування інтерфейсів. Він здатний додати масу можливостей на сайт. На базовому рівні ця мова дозволяє додавати інтерактивні елементи на сторінку. Його використовують для створення карт, які оновлюються в режимі реального часу, інтерактивних онлайн-ігор і фільмів. На старших курсах JavaRush ми трохи вивчаємо JavaScript. Також його можна вивчати на тому ж W3School або почитати про нього російською, на сайті javascript.ru.

jQuery

jQuery - це бібліотека Javascript, в якій містяться плагіни і розширення здатні зробити розробку ще простіше і швидше. Замість того, щоб писати код з нуля, бібліотеки дозволяють додавати готові компоненти, які потім можна налаштувати під певний проект. Ви можете використовувати функції автозаповнення форм пошуку, переставлення і зміна розмірів сітки і настройки таймерів зворотного відліку. Практичний курс по jQuery на w3school

Javascript-фреймворки

існують різні типифреймворків, але ви можете вибрати один з них, який буде зручний у використанні саме вам. Найвідоміші - Angular, Backbone, Ember, і React. Являють собою готову структуру для коду. Вони допомагають прискорити розробку. А в сукупності з бібліотеками здатні мінімізувати розробку сайту або програми з нуля. Огляд 5 найпопулярніших JavaScript фреймворків і бібліотек 2017

Система управління версіями Git

Системи контролю версій здатні відстежувати зміни, які вносять в код згодом. Також дозволяють повернутися до попередньої версіїпроекту. Git - сама широковживаних система управління версіями. Уміння працювати з Git є важливим навиком для кожного розробника.

короткі висновки

UI розшифровується як User Interface, що в перекладі означає «інтерфейс користувача». Тобто, дизайнер UIвідповідає в першу чергу за те, як продукт представлений користувачеві. Він розробляє кнопки, іконки, підбирає шрифти, готує макет. UX розшифровується як User Experience (призначений для користувача досвід). Так що UX-дизайнерпроектує дизайн сайту, додатки - та чого завгодно - так, щоб користувачеві було зручно і зрозуміло, що до чого, і він міг отримати від сайту то, що йому потрібно з мінімальними зусиллями. Дуже часто обидва види робіт виконує одна людина-оркестр: UI / UX-дизайнер. Розробник Front-end оживляє роботу дизайнерів, вносячи в неї динаміку: кнопки починають знаходитесь у скрутному становищі, а картинка - змінюватися. Він повинен знати мови програмування, приправлені фреймворками, препроцесор і бібліотеками.