Что нужно знать начинающему веб дизайнеру: Как стать веб-дизайнером – пошаговое руководство — Дизайн на vc.ru

Содержание

Как стать веб-дизайнером – пошаговое руководство — Дизайн на vc.ru

{«id»:163047,»url»:»https:\/\/vc.ru\/design\/163047-kak-stat-veb-dizaynerom-poshagovoe-rukovodstvo»,»title»:»\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u2013 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e»,»services»:{«facebook»:{«url»:»https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/163047-kak-stat-veb-dizaynerom-poshagovoe-rukovodstvo»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/163047-kak-stat-veb-dizaynerom-poshagovoe-rukovodstvo&title=\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u2013 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e»,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.

com\/intent\/tweet?url=https:\/\/vc.ru\/design\/163047-kak-stat-veb-dizaynerom-poshagovoe-rukovodstvo&text=\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u2013 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e»,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/163047-kak-stat-veb-dizaynerom-poshagovoe-rukovodstvo&text=\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u2013 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e»,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.
ru\/design\/163047-kak-stat-veb-dizaynerom-poshagovoe-rukovodstvo»,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u2013 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e&body=https:\/\/vc.ru\/design\/163047-kak-stat-veb-dizaynerom-poshagovoe-rukovodstvo»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}

6539 просмотров

Как начать путь веб-дизайнера? — Офтоп на vc.ru

Друзья, хочу поделиться своим небольшим откровением по поводу образования. Я закончил строительный университет, прошел повышение квалификации руководителя строительных проектов, поступил в университет дружбы народов в магистратуру и казалось бы все здорово, но поработав пол года понял, что работа мне не по душе, не говоря про магистратуру, одно название и корочка для галочки.

В свободное на работе время начал изучать интернет-маркетинг, рекламу и дизайн. И все же большая тяга к веб-дизайну, так как это не однотипно, каждый проект новый и что-то в этом есть притягивающее, но возникла трудность. Нужен ли диплом веб-дизайнера, чтобы претендовать на высокую зп и должность в студии или же можно самостоятельно прокачивать скил и трудоустроиться в хорошую веб-студию?

Всем успехов и мира!))

8825 просмотров

{ «author_name»: «Михаил Варавка», «author_type»: «self», «tags»: [], «comments»: 23, «likes»: 14, «favorites»: 17, «is_advertisement»: false, «subsite_label»: «flood», «id»: 34858, «is_wide»: true, «is_ugc»: true, «date»: «Sun, 18 Mar 2018 04:04:07 +0300», «is_special»: false }

{«id»:156167,»url»:»https:\/\/vc. ru\/u\/156167-mihail-varavka»,»name»:»\u041c\u0438\u0445\u0430\u0438\u043b \u0412\u0430\u0440\u0430\u0432\u043a\u0430″,»avatar»:»e669a0b9-9c02-4656-18b7-9cda09579de0″,»karma»:14,»description»:»»,»isMe»:false,»isPlus»:false,»isVerified»:false,»isSubscribed»:false,»isNotificationsEnabled»:false,»isShowMessengerButton»:false}

Сколько я получаю веб-дизайнером. Личный опыт фрилансера с 5 летним стажем

{«id»:116246,»url»:»https:\/\/vc.ru\/life\/116246-skolko-ya-poluchayu-veb-dizaynerom-lichnyy-opyt-frilansera-s-5-letnim-stazhem»,»title»:»\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u044f \u043f\u043e\u043b\u0443\u0447\u0430\u044e \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c. \u041b\u0438\u0447\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0444\u0440\u0438\u043b\u0430\u043d\u0441\u0435\u0440\u0430 \u0441 5 \u043b\u0435\u0442\u043d\u0438\u043c \u0441\u0442\u0430\u0436\u0435\u043c»,»services»:{«facebook»:{«url»:»https:\/\/www. facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/life\/116246-skolko-ya-poluchayu-veb-dizaynerom-lichnyy-opyt-frilansera-s-5-letnim-stazhem»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/life\/116246-skolko-ya-poluchayu-veb-dizaynerom-lichnyy-opyt-frilansera-s-5-letnim-stazhem&title=\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u044f \u043f\u043e\u043b\u0443\u0447\u0430\u044e \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c. \u041b\u0438\u0447\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0444\u0440\u0438\u043b\u0430\u043d\u0441\u0435\u0440\u0430 \u0441 5 \u043b\u0435\u0442\u043d\u0438\u043c \u0441\u0442\u0430\u0436\u0435\u043c»,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/life\/116246-skolko-ya-poluchayu-veb-dizaynerom-lichnyy-opyt-frilansera-s-5-letnim-stazhem&text=\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u044f \u043f\u043e\u043b\u0443\u0447\u0430\u044e \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c.

\u041b\u0438\u0447\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0444\u0440\u0438\u043b\u0430\u043d\u0441\u0435\u0440\u0430 \u0441 5 \u043b\u0435\u0442\u043d\u0438\u043c \u0441\u0442\u0430\u0436\u0435\u043c»,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/life\/116246-skolko-ya-poluchayu-veb-dizaynerom-lichnyy-opyt-frilansera-s-5-letnim-stazhem&text=\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u044f \u043f\u043e\u043b\u0443\u0447\u0430\u044e \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c. \u041b\u0438\u0447\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0444\u0440\u0438\u043b\u0430\u043d\u0441\u0435\u0440\u0430 \u0441 5 \u043b\u0435\u0442\u043d\u0438\u043c \u0441\u0442\u0430\u0436\u0435\u043c»,»short_name»:»TG»,»title»:»Telegram»,»width

что читать и где учиться?


Это первая глава | Продолжение (Глава 2) →

Перед вами бесплатный курс Рафаля Томаля «Интро в веб-дизайн».  Курс включает 7 глав, раскрывает базовые концепции веб-дизайна и дает тот необходимый минимум информации, который требуется начинающему дизайнеру на старте.

Над переводом работали: Ольга Жолудова и Анастасия Свеженцева.

Когда я только начал свое путешествие в мир дизайна, мне казалось, что дизайн — это форма искусства, и что самое главное — чтобы сайт выглядел красиво. Годы работы с самыми разными клиентами и компаниями научили меня, что ценность дизайна оценивается в деньгах, принесенных бизнесу.

Дизайн — это мостик между клиентами и бизнесом. Сегодня пожалуй, каждому бизнесу очевидно, что хороший дизайн влияет на прибыль.

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

Все начинается с бренд-дизайна: без него не обойтись, если вы хотите произвести хорошее первое впечатление и вызвать нужные чувства у клиента. Далее идет маркетинговый дизайн, который помогает привлечь правильную аудиторию и даже увеличить субъективную ценность продукта/услуги.

Продуктовую страницу нужно заботливо задизайнить, протестировать и оптимизировать конверсию. Но даже идеальная во всех отношениях продуктовая страница принесет ноль пользы, если страницы чекаута и покупки спроектированы неправильно.

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

Если проанализировать путь покупателя, то дизайн там на каждом шагу — и его нельзя игнорировать.

Чтобы стать отличным дизайнером, нужно понимать, зачем вы делаете то, что делаете — и уметь объяснить это коллегам, клиентам, работодателям и всем заинтересованным лицам, чтобы они тоже могли привнести ценность в вашу работу.

Первое впечатление самое сильное

Согласно исследованию, проведенному Google в 2012 году, пользователи составляют свое мнение за 50 миллисекунд. Другое исследование, проведенное Катариной Райнеке и Лейном Харрисом, показало, что долгосрочные суждения мы формируем за 500 миллисекунд — а то и меньше.

Для большинства пользователей первое впечатление становится самым сильным и далее влияет на весь опыт взаимодействия с продуктом и брендом. Если первое впечатление испорчено, невероятно сложно его загладить. Эта первая 1/20 секунды может стоить бизнесу кучу денег.

Возможно, вы сразу подумали: “Сайты, которые мне понравились с первого раза, при ближайшем рассмотрении оказывались не такими уж красивыми” — и это правда.

Оказывается, один из ключевых факторов, который влияет на наше эстетическое суждение — это визуальная сложность и прототипичность дизайна. Это означает, что чем проще ваш дизайн, чем он “знакомее” пользователю — тем лучше.

Рис. 1.0: Менее сложный дизайн на первый взгляд кажется приятнее и красивее.

Чтобы создать хорошее первое впечатление, дизайн не обязательно должен быть красивым и креативным — главное, чтобы он был минималистичным и простым.

Если дизайн не соответствует ожиданиям пользователей, у них может сложиться негативное первое впечатление — а это исказит их дальнейшие ожидания”

— Хавьер Баргас-Авила, Старший UX-исследователь в отделе UX исследований YouTube

Так что эй, вам не нужно быть самым талантливым дизайнером, чтобы удовлетворить ожидания обеих сторон: принести бизнесу ценность, а клиентам — восхитительный пользовательский опыт.

Увеличьте субъективную ценность продукта или услуги

Большинство людей принимают решения о ценности и покупке продуктов, основываясь на своем отношении к бренду. Задействуя определенные шрифты, формы, иконки, фотографии и цвета, мы можем влиять на субъективное восприятие клиентом ценности наших продуктов и услуг.

Рис 1.1: У Gather очень качественные фотографии и крутой бренд-дизайн. Благодаря этому мы, еще не зная деталей, сразу чувствуем: это крутой продукт. Восприятие ценности было бы совсем другим, если бы мы увидели размытые фотки и скучный дизайн — как это часто бывает на Amazon.

А еще, ощущения клиента от пребывания на вашем сайте — от первого визита до момента покупки — могут повлиять на его желание потратить здесь свои деньги.

Представьте, что вы выбираете продукт на сайте — а там плохой дизайн, много мусора и никакая навигация. Какое мнение вы сложите о продукте, если его создатели не потрудились даже собрать нормальный сайт?

Люди ценят продукты Apple очень высоко и с радостью их покупают, даже несмотря на то, что цены у Apple выше среднего, а некоторые функции у конкурентов проработаны и получше.

Однако, если присмотреться, чистый и минималистичный дизайн Apple говорит сам за себя. Кроме того, важную роль играют ощущения клиентов при использовании продуктов. У большинства девайсов Apple приятная гладкая поверхность и плавные, скругленные углы.

Техника Apple спроектирована так, что мы с первого взгляда знаем: это высококлассные продукты. Это уже потом мы начнем анализировать конкурентов и сравнивать функции. А на этапе первого впечатления наше восприятие уже определено — бренд дизайном, маркетингом и визуальным дизайном самого продукта.

Формируйте доверие и авторитет

Мы доверяем известным брендам, чьи ценности разделяем. Если хотите создать запоминающийся бренд, хороший дизайн поможет достучаться до клиентов и аудитории на многих уровнях.

Даже такая простейшая вещь как брендовые цвета может многое рассказать о компании и ее целевой аудитории. У каждого цвета есть определенное значение, каждый цвет пробуждает определенные чувства. Смешивая цвета и создавая уникальные цветовые палитры, вы сможете выделиться из толпы.

Рис 1.2: ConvertKit всегда использовали в качестве основного брендового цвета синий, но недавно они перешли на более теплую палитру. Предыдущая палитра была холодной и сфокусированной на приложении, а новая палитра — более веселая и творческая — лучше подходит целевой аудитории ConvertKit: дизайнерам и креативщикам.

Нужно помнить, что бренд — это нечто большее, чем цвета и логотип. Визуальный бренд включает в себя множество элементов: типографику, иконки, иллюстрации — и все их нужно последовательно использовать по всем каналам продвижения: в соц.сетях, в блоге, на сайте, в продуктах.

В последнее время стали особенно популярны иллюстрации, ведь они позволяют практически полностью контролировать визуальный образ бренда. Можно выразить любую эмоцию с использованием брендовых цветов — и постепенно люди начнут узнавать их и ассоциировать с вами.

Рис 1.3: Используйте иллюстрации, чтобы передать основную идею вашего бренда и наладить контакт с аудиторией.

У некоторых брендов настолько характерный дизайн, что вам даже не нужно видеть их логотип: их узнаешь по отдельным элементам брендинга.

Рис 1.4: Недавний мощный ребрендинг Dropbox здорово добавил бренду узнаваемости. Их новые цвета, типографика и иллюстрации поистине уникальны!

Больше, чем просто внешний вид

Проектирование пользовательских интерфейсов добавляет еще одно измерение. Юзеры не только смотрят на ваш дизайн — они с ним взаимодействуют. И чем лучше дизайн — тем глубже будет пользовательский опыт.

Вы можете ускорить пользователей — например, за счет правильного расположения элементов интерфейса, интуитивного лейаута или более удобной формы. Также вы можете порадовать пользователя забавными сообщениями или элементами геймификации (значки и бейджи).

Рис 1.5: Интерфейс MailChimp наполнен позитивными и забавными элементами, которые превращают скучный процесс создания рассылки в праздник.

За счет правильного подбора цветов и шрифтов в дизайне, контент можно сделать более доступным для пользователей с ограниченным зрением. Чем больше ваша аудитория — тем лучше для бизнеса и маркетинга.

Дизайн продает

Исследования, проведенные The Design Council и Design Management Institute, доказали, что компании, которые делают ставку на дизайн, успешнее тех, которые игнорируют его важность.

Компании, которые руководствуются принципами дизайна во всей своей деятельности — от маркетинга до клиентского опыта — получают огромную выгоду от своих инвестиций.

Сейчас, когда технологии доступны большинству людей, очень важно, чтобы ваш сайт был максимально простым и интуитивным в использовании. Ожидания пользователей сегодня гораздо выше, чем раньше. Люди не собираются тратить время на распутывание сложных интерфейсов — они просто пойдут искать более простые решения на рынке.

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

Это услуга, которая сама окупается.

Рис 1.5: A/B тестирование, пользовательские исследования, тепловые карты и другие техники — все это помогает увеличить прибыльность бизнеса, просто за счет внесения необходимых изменений в уже существующую воронку. Скриншоты выше — из моего любимого инструмента hotjar.com.

Для дизайнеров будущее — светлое

Раньше дизайнеров считали этакими уличными художниками: в цифровом мире их зарплаты всегда были ниже среднего. Когда я учился в колледже, научный руководитель хотел отговорить меня от занятий по дизайну, потому что тогда труд дизайнера оплачивался очень низко — средняя зарплата была порядка 35 тысяч долларов в год.

В обязанности дизайнера тогда часто включали дополнительные работы — например, писать текст или код — потому что в старом добром дизайне ценности видели мало. И хотя сейчас такое еще встречается в отдельных компаниях, все же за последние несколько лет ситуация кардинально изменилась.

Сегодня шестизначная зарплата у UI/UX дизайнера — это нормально, а опытные фрилансеры и консультанты берут за свои услуги от 200 долларов в час.

Согласно отчету Product Design Report, подготовленномуInVision в 2016 году, средняя годовая зарплата дизайнера составляет $80,606.

Дизайнеры основывают свои компании, выступают консультантами в стартапах, занимают руководящие позиции (вице президент по дизайну, креативный директор, главный дизайнер — все эти позиции с недавнего времени стали появляться в современных компаниях).

Хороший дизайн начинают ценить во всех сферах деятельности. Многие крупнейшие продукты и бренды сделали хороший дизайн и удобный интерфейс своим конкурентным преимуществом.

И даже если в скором времени появится какая-то новая модная штука, ей все равно понадобится классный дизайн. Отличное время, чтобы быть дизайнером!

Продолжение (Глава 2) →

Что должен уметь веб-дизайнер? Главные навыки веб-дизайнера | Глава 2


← Назад | Продолжение (Глава 3) →

(Перед вами бесплатный курс Рафаля Томаля «Интро в веб-дизайн». В курсе 7 глав. Если вы здесь впервые, то лучше начните сначала)

Мир изменился. Как мы уже выяснили в предыдущем уроке, ценность дизайна выросла, а вместе с ней — и требования к профессии дизайнера.

И хотя сегодня достаточно сложно быть мастером на все руки и одновременно оставаться на волне всех новинок, но и зарываться во что-то одно я тоже не советую. Все меняется очень быстро и скоро появятся новые роли, о которых мы пока даже не догадываемся.

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

Если вы только начинаете свой путь в дизайне, дайте волю экспериментам и пробуйте разные роли, чтобы найти что-то свое. Если вы уже хорошо поднаторели в дизайне интерфейсов, возможно, будет полезно погрузиться в другие аспекты пользовательского опыта или продуктового дизайна — так вы сможете расширить ваш профессиональный диапазон и привнести что-то в текущую работу.

Я всегда думал, что по мере изучения дизайна буду становиться все более узким специалистом, но на деле все оказалось наоборот. Чем больше проектов появлялось в моем арсенале, чем больше связей я приобретал, тем шире становились мои знания. Можно сказать, что я стал специалистом широкого профиля с несколькими основными направлениями.

Этот подход на практике оказался достаточно продуктивным, так как знания из разных областей можно использовать для создания более качественных работ. Плюс, так проще общаться с разными специалистами в рамках большой команды.

К примеру, иногда бывает нужно поговорить с маркетологами, чтобы выяснить их потребности, а потом сходить к разработчикам и понять ограничения их фреймворка — и уже потом, наконец, разработать интерфейс, который устроит и тех, и других.

Ниже я перечислил различные роли в области веб-дизайна. Можете прикинуть, где вы сейчас и куда вам интересно развиваться. Все эти роли размыты, нельзя провести четкую границу между ними.

Графический дизайнер

Рис 2.0: Графический дизайнер создает инфографику, материалы для социальных сетей, веб-баннеры, изображения для контент-маркетинга, макеты продуктов, иллюстрации и т.д. Все примеры на картинке — работы с CreativeMarket.com.

Графический дизайнер — очень широкое понятие. Раньше граф дизайнер совмещал в себе все роли, которые я перечислю ниже. Для многих людей за пределами дизайн-индустрии, любой UI/UX-дизайнер, веб-дизайнер или бренд-дизайнер — это просто “графический дизайнер”. Так что если не хотите долго объяснять свою должность на очередном семейном ужине, просто говорите, что вы графический дизайнер.

С точки зрения веб-дизайна, графический дизайнер это тот, кто создает статичную цифровую 2D графику, которую можно использовать в веб-дизайне.

Визуальный дизайнер

Рис 2.1: Визуальный дизайнер создает макеты сайтов, веб-приложений, мобильных приложений, а также руководства по стилю, шаблоны и т.п. Все примеры на картинке — работы с CreativeMarket.com.

Визуальный дизайн — одна из основных тем этого курса. Мы будем говорить обо всем, что касается создания визуального опыта пользователей: о лейаутах, цветах, типографике, UI-элементах, изображениях и других деталях, которые помогают создать эстетичный, приятный и функциональный дизайн.

В веб-дизайне работает так: если у компании есть руководство по брендингу, карта сайта, вайрфреймы и стратегия, все это передается визуальному дизайнеру, и он на основании этих материалов создает макеты сайтов и страниц.

Большинство дизайнеров начинают именно как визуальные дизайнеры и постепенно наращивают свои навыки, окунаясь в смежные области, вроде пользовательского опыта и контентной стратегии сайта.

Бренд-дизайнер

Рис 2.2: Бренд-дизайнер в основном создает логотипы, руководства по стилю, руководства по брендингу, цветовые палитры, руководства по шрифтам, иконки, иллюстрации и другие элементы визуальной айдентики. В примерах выше — работы Benjamin GarnerEddie Lobanovskiy и Claire Coullon.

Бренд-дизайнер отвечает за создание уникального образа продукта, услуги или всей компании. Сюда входит создание брендовой стратегии и всех визуальных элементов: логотипа, цветов, шрифтов, изображений и руководства по стилю.

Иногда бренд-дизайнера приглашают именно для создания руководства, которым смогут пользоваться другие дизайнеры при разработке печатных материалов, графики, сайтов или продуктов.

Мы коснемся этого подробнее, когда будем говорить о подборе цветовой палитры и типографики для создания руководства по стилю в веб.

Дизайнер интерфейсов (UI)

Рис 2.3: Дизайнер пользовательских интерфейсов создает макеты экранов приложений и руководства по стилю в интерфейсе. Примеры выше — работы Regen G.Cuberto и Greg Dlubacz.

Там, где требуется взаимодействие человека и программы, всегда есть интерфейс. Дизайнеры интерфейсов создают визуальные макеты того, как будет выглядеть этот процесс взаимодействия.

Визуальные макеты обычно идут в комплекте с руководством по стилю, которое содержит все элементы интерфейса — кнопки, поля ввода, иконки, сообщения, таблицы, схемы и другие компоненты приложений — в разных состояниях (статичное, наведенное, активное, неактивное).

UX-дизайнер

Рис 2.4: UX-дизайнер проводит исследования, интервью с пользователями и клиентами, создает пользовательские истории, пути пользователя (user flow), вайрфреймы и т.д. Примеры выше — работы Alex SailerJanna HaganAutumn Mariano, а также мои собственные проекты.

Хотя проектирование пользовательского опыта — дисциплина с уже некоторым стажем, ее место в дизайн-процессах устоялось не так давно.

UX-дизайнеры прорабатывают весь процесс взаимодействия с продуктом с точки зрения пользователя. Их зона ответственности — чтобы клиенту было максимально просто и приятно работать и добиваться своих целей в продукте.

Работа по проектированию пользовательского опыта — это исследования пользователей, интервью с клиентами, определение проблем, поиск решений, рисование путей пользователя (user flows) и вайрфеймов.

Хороший UX-дизайнер должен также иметь представление о психологии поведения пользователей, дизайне, разработке, маркетинге и даже бизнесе. Мы подробнее остановимся на UX сайтов в следующих уроках этого курса.

Веб-дизайнер

Рис 2.5: Веб-дизайнер обычно создает вайрфреймы, макеты страниц и руководства по стилю в веб. Примеры выше — это работы, которые я делал для своих клиентов.

После завершения этого курса по дизайну, вы будете знать практически все, что нужно веб-дизайнеру для работы.

Веб-дизайнер — это микс нескольких ролей. Обычно веб-дизайнер занимается в основном проектированием страниц, но поскольку современные сайты часто напоминают многофункциональные интерфейсы, навыки UI и UX здесь тоже нужны.

При создании более крупных и сложных сайтов, дизайнер должен сначала разобраться в контентной стратегии, вайрфреймах, карте сайта и информационной архитектуре — и только потом приступать к созданию макета. Очень часто все это ложится именно на плечи веб-дизайнера.

От веб-дизайнера не требуется умение кодить: можно просто послать дизайн разработчику, чтобы тот превратил картинку в работающий сайт.

Однако, не лишним будет хотя бы понимать как устроен код, чтобы работа шла эффективнее. Должен ли дизайнер кодить? Это мы обсудим в следующем уроке.

Дизайнер-единорог

Рис 2.9: Дизайнер-единорог умеет дизайнить и кодить — и всегда сварганит чашечку чудесного кофе.

Ок, это не настоящая должность, а скорее внутрячковая шутка tech-стартаперов. Это такой универсал, который владеет и визуальным дизайном, и UI/UX, и проектированием взаимодействий, и продуктовым дизайном — ну и кодить конечно тоже умеет здорово.

Именно за этот невероятно редкий набор компетенций он и получил свое гордое название “дизайнер-единорог”.

Нужно ли стремиться стать единорогом? Конечно нет! Даже если бы вам удалось освоить сразу несколько ролей, было бы невероятно сложно поддерживать актуальные знания по каждой из них, чтобы оставаться в теме.

Все зависит от ваших целей и предпочтений. Если вы терпеть не можете кодить, не нужно делать “через не хочу” — без желания и мотивации ваш код все равно будет посредственным. Но если вам нравится и дизайнить, и кодить, и вы можете освоить оба навыка на приемлемом уровне — то почему нет?

Из-за обилия информации, может показаться, что освоить дизайн сложно. Сфера развивается так стремительно, постоянно появляются новые роли — например, дизайнер дополненной реальности или дизайнер 3D моделей.

Не ставьте себе цели изучить все: учитесь с умом и концентрируйтесь на том, что действительно хотите делать. Если вас привлекает цифровой дизайн (сайты, приложения, веб-инструменты и т.п.) — уделяйте максимум внимания визуальному и UI/UX дизайну.

Обилие информации может поставить в тупик — это нормально. В этом курсе я собрал для вас самые важные знания, чтобы вы взяли главное от каждой роли и могли начать создавать красивые и эффективные сайты для себя и своих клиентов.

Ни больше, ни меньше.

(с) Над переводом работали: Ольга Жолудова и Анастасия Свеженцева.


← Назад | Продолжение (Глава 3) →

Краткая инструкция о том, как надо работать с web-дизайнером (взгляд дизайнера)

Введение

Я работаю веб-дизайнером. Какое-то время назад я подрабатывала фрилансером, сейчас работаю в небольшой студии. У нас нет менеджера проектов, поэтому, зачастую, я сама выступаю этим самым менеджером, по совместительству. Опыт общения с самыми разными заказчиками у меня достаточно большой. Статья «Краткая инструкция по работе с web-дизайнером (для менеджера проекта)» вызвала у меня шквал эмоций и бурю негодования, потому что именно таких заказчиков я всегда старалась избегать. В этой статье я попробую описать, как в идеале должна проходить работа заказчика и дизайнера.

С удовольствием приму критику и выслушаю мнения «другой стороны».

Кто такой веб-дизайнер

Одна из самых главных ошибок наших клиентов в том, что они на самом деле не осознают, кто такой на самом деле этот веб-дизайнер и что же в итоге он должен уметь и делать. Именно с нее начинаются все проблемы и разногласия.

Большинство считают, что веб-дизайнер — это художник-оформитель, который придумывает дизайн исходя лишь из собственного вкуса и основная его задача — разукрасить сайт и придумать веселые фентифшлюшки и узорчики.

Это в корне не так.

Веб-дизайнер — это, в первую очередь, архитектор, в прямые обязанности которого входит изучение поведения пользователей и проектировка грамотных, удобных и работающих интерфейсов на основе этих данных. Это дизайнер должен думать, какие элементы, какая информация и в каком порядке должны располагаться на сайте. Расположение блоков, элементы управления, цветовая схема, визуальные акценты на сайте — все это берется не с потолка. Каждая деталь на сайте расположена в соответствии с определенными принципами, и именно веб-дизайнер должен уметь обосновать их. Это его основная работа, пожалуйста, уважаемые заказчики, не берите ее на себя.

Какую информацию надо предоставить исполнителю

Что бы дизайнер смог спроектировать действительно грамотный интерфейс он должен знать ответ на два вопроса: что вы, как владелец сайта, хотите получить от этого сайта и чего хотят ваши клиенты.

Нам, дизайнерам, очень важно знать вашу целевую аудиторию. Зачастую описать ЦА лучше всего получается не у высшего руководства, а у простых специалистов: менеджеров по продажам и администраторов на ресепшенах. Ведь чаще всего ваши клиенты общаются именно с этими специалистами, стоит прислушаться к их мнению.

Нам надо знать, какие цели и задачи вы ставите перед сайтом. Очень часто вместо этого мы слышим о личных предпочтениях заказчика в плане визуального оформления, которые в итоге не позволяют сделать сайт полноценным инструментом для достижения определенных результатов. Сайты не продают, не приводят новых клиентов, они просто висят в интернете. Ставьте четкие задачи, конкретные цели, делитесь планами о развитии проекта, что бы мы могли учесть все нюансы.

Бриф и техническое задание

Первое, что мы делаем с моими заказчиками — заполняем бриф. У каждого дизайнера свой бриф и это важный документ. В брифе описывается ваши идеи, цели и задачи проекта, планы по развитию проекта, целевая аудитория, ваши вкусы и пожелания (поверьте, мы всегда стараемся их учесть, если они не вредят итоговому результату), идеология вашего предприятия и его миссия и тд. В общем, в этот документ записывается все, что может помочь дизайнеру прийти к поставленной цели. Лучше всего заполнять бриф совместно: одна голова хорошо, а две — лучше. При совместном заполнении могут сразу появиться какие-то идеи или, наоборот, отсечется что-то лишнее. К тому же, это значительно экономит время.

Далее дизайнер анализирует бриф и составляется техническое задание. В идеале, ТЗ составляет дизайнер, которое корректируется заказчиком и, обязательно, утверждается. В техническом задании прописывается, что и как будет реализовано на сайте: какие элементы, инструменты, блоки и информация будут задействованы. ТЗ — это четкая инструкция для дизайнера. Грамотное ТЗ можно передать верстальщику и программисту (если они работают отдельно от дизайнера), что в конечном итоге сэкономит ваше время. Техническое задание — основа вашего будущего проекта, не относитесь к его составлению легкомысленно.

Может показаться, что слишком много формальностей, но на самом деле бриф и ТЗ значительно экономят ваше время, нервы и прочие ресурсы.

Прототип — это важно

После утверждения технического задания дизайнер разрабатывает прототип. Это каркас сайта, на котором показано, какие элементы и где будут располагаться, как пользователь будет работать с ними, и как эти элементы будут взаимодействовать друг с другом. Это основная работа дизайнера, она может занять продолжительное время, именно в прототипе закладываются все основы работы вашего сайта.
Почему не стоит сразу делать «конечный» вариант со всеми элементами дизайна во всей красе:
  1. Прототип может перерабатываться много раз. И если каркас переделать легко, то уже готовый макет со всеми стилями переделывать сложнее и значительно дольше.
  2. Прототип, обычно, делается черно-белым, с минимальной детализацией. Это делается еще и для того, что бы при анализе каркаса заказчик оценивал удобство пользованием (юзабилити), а не визуальные эффекты.

Очень хорошо, если прототип интерактивный и на нем наглядно показано, что будет происходить при совершении того или иного действия. Я приступаю к стилизации какой-либо страницы только после утверждения прототипа и этот прототип уже не меняется. Это делается для того, что бы в самый неподходящий момент не было замечаний вроде: «А давайте вставим сюда баннер».

Стилизация

После того, как каркас сайта готов и утвержден, дизайнер приступает к стилизации прототипа и превращает его в готовый макет. Тут уже мы ориентируемся на пожелания заказчика: цвета, стиль и т.д. и стараемся сделать так, что бы сайт пришелся по душе не только пользователям, но и заказчикам. Что бы этот этап взаимодействия прошел безболезненно и комфортно следует помнить и делать следующее:
  1. Максимально изложите свои пожелания дизайнеру, предоставьте брендбук (логотип, рекламные и печатные материалы, в общем, все, что помогает идентифицировать вас или вашу компанию), расскажите какого стиля придерживается ваша компания (деловой, неформальный, молодежный и т.д.), покажите оформление каких сайтов вам нравится и т.д.
  2. В дизайне есть свои правила и законы, и дизайнеры стараются следовать им, прислушивайтесь к мнению профессионала.
Внесение правок

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

Мои заказчики обычно распечатывают макет или прототип, расписывают свои пожелания и передают лист мне (лично или по электронной почте).

Дополнительные страницы и файлы

Я всегда делаю, так называемые, «дополнительные страницы» и советую вам требовать их от дизайнера. Это страница с типографикой (оформление текста, списков, таблиц, цитат, заголовков, изображений) и страница с элементами пользовательского интерфейса (кнопки, ссылки, пункты меню, выпадающие списки, формы, чекбоксы, радио-кнопки, иконки и т.д.). Все элементы пользовательского интерфейса должны быть показаны в нескольких состояниях (обычные, активные, неактивные, при наведении) и оформлены отдельным файлом для верстальщика с четкими пояснениями. Это нужно для того, что бы верстальщик мог полностью «прописать» стиль вашего сайта. Например, если у вас ограничен бюджет и вы не заказываете разработку личного кабинета пользователя, а используете стандартные страницы, они, по крайней мере, стилистически не будут отличаться от всего сайта.

В исходных файлах слои и группы должны быть подписаны и обозначены цветами. Должны быть приложены шрифты и оригиналы изображений (например, изображение заднего фона: у дизайнера в макете обрезано, но верстальщику-то нужен оригинал).

Выводы

  1. Прислушивайтесь к мнению профессионала
  2. Уважайте чужой труд и время
  3. Заранее обговаривайте ключевые моменты: сроки, стоимость, конечный результат, количество разрабатываемых страниц и элементов. Утверждайте их письменно или по электронной почте (не на словах)
  4. Способствуйте работе дизайнера, отвечайте на вопросы, предоставляйте информацию, идите на контакт
  5. Относитесь к людям так, как хотите, чтобы относились к вам

Вот как стать UX-дизайнером (Руководство на 2021 год)

Итак, вы хотите стать дизайнером UX?

Возможно, вы слышали, как в вашем офисе ругаются термины, или читали об этой быстрорастущей сфере. Возможно, вы уже знакомы с преимуществами карьеры в UX-дизайне: творческая и полноценная работа, гибкость, разнообразие, конкурентоспособные зарплаты и возможность работать напрямую с реальными людьми.

Действительно, UX-дизайнеры наслаждаются лучшим из обоих миров: они находятся прямо в гуще захватывающей технологической индустрии, но, в отличие от многих других технических специалистов, они не ограничиваются сидением перед компьютером.UX-дизайн — это все, что связано с человеческим взаимодействием — выходом на поле и взаимодействием с людьми, от генеральных директоров и ключевых заинтересованных сторон до реальных клиентов и конечных пользователей.

Звучит довольно интересно, но чем на самом деле занимается UX-дизайнер?

Термин «взаимодействие с пользователем» (или UX) описывает взаимодействие человека с продуктом или услугой. Рассмотрим задачу сделать покупки в Интернете или попытаться забронировать отпуск. В идеальном мире вы столкнетесь с веб-сайтом или приложением, в котором легко ориентироваться и которое позволит вам быстро найти то, что вы ищете.В кратчайшие сроки вы совершили покупку и уже в пути. Это то, что мы называем хорошим пользовательским интерфейсом!

Если вам не повезет, вы попадете на веб-сайт или приложение, которые не так удобны для пользователей. Возможно, страница загружается долго или макет настолько запутан, что вы начинаете ходить по кругу. Когда вы в конце концов найдете предмет, который искали, процесс оформления заказа кажется невозможным; Сначала вам нужно заполнить форму на всю страницу, а затем вы увидите всплывающие окна с вопросом, хотите ли вы добавить дополнительные товары в корзину.В конце концов, вы признаете поражение и закрываете этот конкретный веб-сайт, клянясь никогда не возвращаться. Это то, что мы называем плохим пользовательским интерфейсом.

Хороший и плохой пользовательский опыт не случается; они являются результатом хорошего или плохого дизайна! Именно здесь на помощь приходят дизайнеры UX. Они рассматривают каждый элемент, который формирует пользовательский опыт, будь то цифровой продукт, такой как приложение или веб-сайт, или физический продукт, который вы можете держать в руке, например смартфон. Что от этого чувствует пользователь? Насколько легко им пользоваться? Может ли пользователь выполнить желаемую задачу без особых размышлений и усилий?

UX-дизайнеры объединяют исследования рынка, разработку продуктов, стратегию и дизайн, чтобы создать беспроблемный пользовательский интерфейс для продуктов, услуг и процессов.Они создают мост к клиенту, помогая компании или владельцу продукта лучше понять и удовлетворить потребности и ожидания клиента.

По-прежнему существует много путаницы в том, что такое UX, а что нет, поэтому, если вы чувствуете, что можете сделать более подробное введение, обязательно ознакомьтесь с нашим подробным руководством для начинающих по дизайну пользовательского интерфейса. А пока предположим, что вы преодолели это незначительное препятствие и теперь задаетесь вопросом: Как мне выйти на поле боя?

К сожалению, по этому поводу все еще существует некоторая путаница.Если вы хотите стать врачом, вы идете в медицинский институт. Если вы хотите стать юристом, вы идете в юридический институт. Но просто не так много традиционных направлений, которые заканчиваются UX; так как же стать дизайнером UX?

UX — фаворит того, что немцы называют Quereinsteiger — новички, переходящие из одной области в другую и приносящие с собой свой опыт — свои передаваемые навыки. Мы видели, как тысячи Quereinsteiger прошли наш курс по изменению карьеры в UX-дизайне и получили работу, которую они хотят, в новой карьере, которую они любят.И у них необычайно широкий диапазон знаний — от ролей в сфере технологий, таких как цифровой маркетинг, визуальный дизайн и разработка программного обеспечения (44%), до якобы не связанных между собой ролей в обучении, банковском деле и офисном администрировании (56%). Так как они это делают? А как можно?

В дальнейшем мы объединились с дизайнером UX Габриэлем — суперзвездой, стоящей за чрезвычайно популярным каналом UXBites в Instagram, — чтобы провести вас через восемь шагов, которые вы можете предпринять, чтобы стать дизайнером UX.Первые три являются в основном ознакомительными и помогут вам определить, действительно ли UX вам подходит. Следующие пять посвящены наращиванию технических знаний — твердых навыков — и профессионального капитала — навыков межличностного общения — вам нужно будет убедить ведущих дизайнеров и менеджеров по найму в том, что вы подходите для этой работы. Если вы чувствуете, что прошли некоторые из начальных шагов, просто выберите более поздний из списка, чтобы сразу перейти к нему.

Как стать UX дизайнером

  1. Начать чтение на UX
  2. Изучите ключевые принципы UX
  3. Узнайте об основных методах и процессах UX-дизайна
  4. Структурируйте свое обучение с помощью надежного курса UX
  5. Применяйте полученные знания в реальных проектах
  6. Изучите инструменты торговли
  7. Создайте свое портфолио UX
  8. Сеть с начинающими и признанными дизайнерами

Готовы ли вы превратиться в UX-дизайнера? Превосходно.Тогда приступим.

1. Начните читать о UX. Спросите себя: «Это для меня?»

Габриэль говорит: «Погрузитесь в контент, предназначенный для новичков. Независимо от того, проводите ли вы свое время в Instagram и в сообществах UX, слушая подкасты, болтаете с людьми на местах, просматриваете более известные UX-блоги для начинающих, покупаете ли вы самые авторитетные вводные книги или смесь всего вышеперечисленного, вы должен быть нацелен на развитие широкого понимания истории месторождения, а затем вы должны развить понимание его текущего состояния.”

Итак, вас интересует UX. Отлично. Но что это на самом деле означает?

Означает ли это, что вы любите количественный анализ данных и отчаянно хотите погрузиться в исследования UX? Или это означает, что вы любите разрабатывать и тестировать быстрые прототипы на реальных пользователях и выполнять итерации, чтобы получить лучший в отрасли опыт? Или, возможно, это означает, что вы специалист по микрокопии, который может передать убедительное сообщение о бренде всего лишь с помощью небольшого количества символов. Ваш первый шаг — понять различные дисциплины, которые составляют широкую церковь современного UX-дизайна, поэтому исследуйте его интерьер, от коридора до прохода, прежде чем решить, подходит ли он вам — и хотите ли вы в конечном итоге улучшить свои навыки в одном конкретная область пользовательского опыта.

Так как же вам собрать все эти знания из самых отдаленных уголков мира и его паутины? Что ж, делай как обычно. Если вы уже проводите слишком много времени в Instagram, подписывайтесь на UXBites (и, конечно же, на все другие отличные каналы). Вы будете ежедневно получать удобоваримые советы и рекомендации, которые будут добавляться прямо в ленту. Если у вас есть немного больше времени, стоит подписаться на следующие каналы YouTube: AJ & Smart, CareerFoundry, The Futur и Jesse Showalter.Что касается блогов, к наиболее популярным относятся UXPlanet, UXCollective и InsideDesign от InVision. Предпочитаете чашечку чая и хорошую книгу? Тогда у нас есть несколько рекомендаций для вас. Вам нужно будет начать с Дизайн повседневных вещей , основополагающей книги, написанной Доном Норманом, который считается отцом UX-дизайна. После этого вы можете перейти к «Не заставляйте думать» и «100 вещей, которые каждый дизайнер должен знать о людях» .

Конечно, если вы очень серьезно относитесь к UX, вы можете сделать все вышеперечисленное: чтение книг в первую очередь даст вам прочную основу, подписка на блоги позволит вам быть в курсе всех последних тенденций и разработок, а подписка на аккаунты в социальных сетях будет время от времени давать вам интересную небольшую информацию через ваши ленты.Да, и если вам нравятся подкасты, вот 15 лучших подкастов о дизайне, любезно предоставленных нашими друзьями из InVision.

2. Изучите ключевые принципы UX

Габриэль говорит: «Читая тему UX, вы часто сталкиваетесь с законами, принципами и передовыми практиками. Моя книга UXBites даст вам четкое и краткое введение в самые важные из них. Знание таких ключевых принципов, как иерархия и последовательность, и законов, таких как законы Хика и Якоба, даст вам прочную основу, на которой можно строить.”

Итак, вы готовы с головой погрузиться в принципы UX — но что они собой представляют и с чего начать?

Золотое правило UX-дизайна — ориентированность на пользователя, и вы обнаружите, что каждое из более конкретных правил и передовых практик, с которыми вы сталкиваетесь, основывается на этом едином повсеместном принципе.

Но что именно означает ориентация на пользователя? Что ж, все дело в том, чтобы поставить на первое место пользователя; проектируя, думая о реальных людях и принимая решения на основе того, что им действительно нужно, а не на том, что, как вы, предполагаете, им нужно.

Как UX-дизайнер, ваша задача — защищать интересы пользователей, при этом делая бизнес счастливыми. Это означает понимание того, кто ваши целевые пользователи, выяснение того, что им нужно и чего они ожидают от разрабатываемого вами продукта, а затем разработка удобного для пользователя, технически выполнимого и жизнеспособного с точки зрения бюджета и бизнес-целей решения.

Вы можете думать о ориентации на пользователя как о столпе UX. От этого столпа отходят целые ряды правил и принципов, которые помогут вам принимать разумные решения, ориентированные на пользователя.Книга Универсальные принципы дизайна предлагает не менее 125 законов и руководящих принципов для хорошего UX, но это довольно хорошая отправная точка.

UX-дизайнер и наставник CareerFoundry Джонни Грасс советует начинающим и начинающим UX-дизайнерам начинать с пяти ключевых принципов проектирования UX: иерархия, согласованность, подтверждение, пользовательский контроль и доступность. Джонни объясняет каждый из этих принципов и почему они так важны в этом руководстве: 5 ключевых принципов для начинающих дизайнеров UX.

Для дальнейшего ознакомления с ключевыми принципами UX мы также рекомендуем взглянуть на эти основы взаимодействия с пользователем, определяемые удобством использования.gov, пять принципов дизайна продукта Эндрю Зачека для улучшения взаимодействия с пользователем, а также шесть ключевых принципов UX Стива Джобса.

3. Узнайте об основных методах и процессах UX-дизайна

Габриэль говорит: «Имея твердое представление о том, что такое UX-дизайн, пора начать изучать, как на самом деле это делать. UX-дизайнеры используют целый ряд различных методов и техник — от проведения пользовательских исследований до создания набросков каркасов, создания прототипов и выполнения пользовательских тестов.В рамках своего вступления в поле определите ключевые методы, составляющие процесс UX-дизайна, и узнайте, что входит в каждый из них. Это откроет вам путь к практическим занятиям ».

Какие самые важные методы UX?

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

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

Процесс проектирования UX можно разделить на четыре основных этапа: исследование , дизайн , тестирование и внедрение .

На этапе исследования вы определите цели и требования текущего проекта. Кто ваши целевые пользователи и что им нужно? В каком контексте они взаимодействуют с рассматриваемым продуктом или услугой? Какие ограничения у проекта? В последнем случае вам потребуется связаться с ключевыми заинтересованными сторонами, например, с владельцами продуктов или генеральным директором, чтобы определить такие вещи, как бюджет и временные ограничения.

На этапе проектирования вы придумываете решения и начинаете превращать их в материальные артефакты. Если вы подписаны на некоторые из тех аккаунтов Instagram, которые мы упоминали в первом разделе, вы, несомненно, видели свою долю макетов. Это именно то, что вы создаете на этапе проектирования. В конечном итоге ваши каркасы станут прототипами с высокой точностью, которые можно будет протестировать на реальных и репрезентативных пользователях на этапе тестирования. Пользовательское тестирование является важной частью процесса проектирования пользовательского интерфейса, так как оно позволяет выявить любые недостатки или пробелы в удобстве использования в вашем решении, прежде чем вывести продукт на рынок.

После нескольких раундов пользовательского тестирования вы перейдете к этапу внедрения. Здесь вы передаете свои проекты разработчикам, которые кодируют их и превращают в полностью функциональный продукт, готовый к выходу на рынок. В этом подробном руководстве мы подробно рассмотрели процесс проектирования UX.

Имея в виду этот обзор, вы можете начать узнавать о конкретных методах и процессах, которые входят в каждую фазу. Чтобы помочь вам начать работу, мы составили небольшой список некоторых ключевых методов и приемов, которые используют дизайнеры UX:

Это лишь верхушка айсберга; по мере того, как вы исследуете и исследуете, вы обнаружите, что многие из перечисленных выше методов включают в себя дополнительные, более конкретные методы (особенно исследования и тестирование пользователей).

Итак, где вы можете узнать о бесчисленных методах проектирования UX? Как всегда, в Интернете полно удобных руководств и учебных пособий для начинающих. В качестве отправной точки ознакомьтесь с этими A-Z техник UX от UX Mastery и этим большим справочником по некоторым из наиболее распространенных методов дизайна UX на UX Planet. Если вы больше разбираетесь в аудиовизуальных технологиях, вы также найдете множество информативного контента на канале CareerFoundry на YouTube.

4. Структурируйте свое обучение с помощью надежного курса UX

Габриэль говорит: «Если вы серьезно относитесь к построению карьеры в UX, вам необходимо структурировать свое обучение таким образом, чтобы объединить теорию и практику.Хороший курс UX-дизайна подскажет вам логический путь, по которому вы будете следовать всем основам в правильном порядке. Многие курсы отлично подходят для преподавания теории UX, но не все курсы ориентированы на конкретные результаты. Курс CareerFoundry UX Design делает все это — и гарантирует вам работу в конце ».

На что следует обратить внимание при выборе курса UX-дизайна?

До сих пор ваше путешествие в UX было связано с открытиями; это довольно автономное предприятие, благодаря которому вы можете свободно использовать различные блоги, книги и каналы YouTube.К настоящему времени вы должны иметь хорошее представление о том, что такое UX-дизайн, и хотите ли вы серьезно заниматься этой карьерой.

Предполагая, что вы действительно все еще хотите стать UX-дизайнером, пора поднять это на ступеньку выше. Как вы могли заметить, существует огромное количество контента, и хотя он идеально подходит для фонового чтения, он не превратит вас в работоспособного UX-дизайнера. Сейчас вам нужен структурированный практический подход к обучению.

Когда дело доходит до выбора курса UX-дизайна, вы должны быть уверены, что получаете лучшее соотношение цены и качества.В конце концов, это вложение в ваше будущее, поэтому вам нужно сделать все правильно — и не все курсы дизайна UX созданы равными.

Итак, на что именно следует обращать внимание при выборе курса UX-дизайна? Основываясь на наших обширных знаниях в отрасли, мы составили контрольный список указателей, которые помогут вам отличить лучшее от остальных:

  • Обучение на основе проектов

    Найдите курс, который требует от вас практического опыта. Работодатели захотят убедиться, что вы овладели нужными практическими навыками, поэтому недостаточно просто изучить теорию.Хороший курс должен содержать экспертный контент в сочетании с практическими упражнениями для проверки того, что вы узнали.

  • Сильный упор на создание портфеля

    Это идет рука об руку с вышеизложенным. Важно, чтобы закончить выбранный вами курс чем-то осязаемым, и первое, на что будут обращать внимание работодатели, — это ваше дизайнерское портфолио. Выберите курс, который не только поможет вам поработать хотя бы над одним портфельным проектом, но также поможет вам усовершенствовать и отполировать свое портфолио, готовое к выходу на рынок труда.

  • Человеческая поддержка

    Изучить совершенно новую область с нуля сложно — нет двух вариантов. Чего вы не хотите делать, так это тратить кучу денег на курс по UX-дизайну, чтобы потом вам оставалось разбираться с контентом самостоятельно. Самые эффективные курсы на рынке — это те, которые предлагают человеческую поддержку как часть учебной программы. Выберите курс, который объединит вас хотя бы с одним отраслевым экспертом, будь то наставник, репетитор или (идеальный сценарий!) Оба.Мы рассмотрели важность наставничества более подробно здесь.

  • Учебная программа для экспертов

    Остерегайтесь тщательно подобранного контента. Многие поставщики курсов будут лирически рассказывать о своей экспертной учебной программе, которая при ближайшем рассмотрении оказывается компиляцией стороннего контента. Для курса UX-дизайна нормально указывать на другие ресурсы для дальнейшего чтения, но в идеале основная программа будет написана (и постоянно обновляется) опытными составителями учебных программ.

  • Карьерная поддержка

    Овладение правильными навыками — это только половина дела. Если вы серьезно настроены ворваться в отрасль и получить должность UX, поищите курс, который предлагает профессиональную карьерную поддержку. Например, здесь, в CareerFoundry, наша программа изменения карьеры UX включает в себя целый модуль подготовки к работе. Студентам также назначается специальный специалист по вопросам карьеры, который проводит индивидуальные консультации на протяжении всего периода поиска работы.

Помимо перечисленных выше пунктов, подумайте о вашей личной ситуации.Сколько времени в неделю вы можете посвящать изучению UX? Какая гибкость вам нужна с точки зрения планирования? Какой у вас бюджет?

В конечном счете, если вы платите за курс UX, вам нужен полный пакет по смене карьеры. Некоторые провайдеры (например, мы) обеспечивают это гарантией работы; если вы не найдете работу в течение шести месяцев после выпуска, вы получите свои деньги обратно. Прежде чем совершить покупку, проведите тщательное исследование рынка; проверьте отзывы клиентов, поговорите с консультантом по вопросам карьеры и поищите законные истории успеха выпускников.

5. Практикуйтесь как можно больше

Габриэль говорит: «UX-дизайн — это чрезвычайно практическая область, поэтому вы захотите получить как можно больше практического опыта. К счастью, принципы и процессы UX можно применить практически ко всему, так что это не так сложно, как вы думаете. Поделитесь своими новообретенными навыками с некоммерческими организациями, внесите незапрашиваемые изменения в дизайн или ищите возможности включить UX в свою текущую работу. Используйте любую возможность учиться на практике.”

Где можно найти возможности применить свои начинающие навыки UX-дизайна?

Если вы хотите стать UX-дизайнером, лучшее, что вы можете сделать, — это практиковать то, что вы изучаете. Помимо портфельных проектов, которые вы охватываете в рамках своего курса UX-дизайна, вы можете получить реальное преимущество, выполняя как можно больше внеклассной дизайнерской работы.

Если вам не повезло найти платящего клиента, пока вы еще не освоились, вам нужно проявлять инициативу — и изобретательность — при поиске способов получить опыт.Чтобы помочь вам встать на правильный путь, вот три ключевых стратегии, которые вы можете использовать для практического освоения дизайна.

Добровольно поделитесь своими дизайнерскими навыками

Наем дизайнеров может быть дорогостоящим, и существует множество благотворительных и некоммерческих организаций, которые будут более чем рады воспользоваться вашими многообещающими дизайнерскими навыками. Волонтерство на основе навыков — отличный способ получить реальный опыт и собрать несколько интересных проектов для своего портфолио. Мало того: волонтерство — также отличный способ расширить вашу сеть и установить ценные связи в отрасли, не говоря уже о факторе хорошего самочувствия! Используйте такие платформы, как Catchafire, donate: code и VolunteerMatch, чтобы найти подходящие возможности для волонтерства.

Произвести нестандартную модернизацию

Использовали ли вы в последнее время приложение или веб-сайт, которым немного не хватало в области UX? Возможно, есть определенный пользовательский опыт, который запечатлелся в вашей памяти по совершенно неправильным причинам. Это прекрасная возможность для нежелательного изменения дизайна. Незапрашиваемый редизайн — это, по сути, добровольная задача дизайна, которую вы берете на себя исключительно для удовольствия (и для получения ценного опыта UX). Если вы хотите узнать больше об этой популярной практике UX, взгляните на статью цифрового дизайнера Шона Херво о ценности незапрошенных редизайнов и прислушайтесь к советам Джейсона Ли о том, как сделать незапрашиваемый редизайн, который действительно волнует людей.Для вдохновения посмотрите добровольный редизайн LastPass и Sephora от дизайнера Приянки Гупты.

Примените UX-дизайн к своей текущей работе

Возможно, вы работаете полный рабочий день, изучая UX, и у вас нет достаточно времени, чтобы посвятить себя увлеченным проектам или волонтерству. Если это так, поищите возможности попрактиковаться в UX поближе к дому. Определите потенциальную проблему на вашем текущем рабочем месте и попытайтесь решить ее, используя методологии UX.

Возможно, вы работаете в магазине и хотите улучшить качество обслуживания клиентов. Почему бы не провести быстрые и грязные пользовательские интервью с клиентами, чтобы узнать, чего они хотят? Может быть, вы работаете в офисе и не переносите хаос цифровой файловой системы компании. Это могло бы стать отличным упражнением в информационной архитектуре! Эта третья стратегия требует, чтобы вы немного нестандартно мыслили, но как только вы погрузитесь в мышление UX-дизайнера, вы начнете видеть возможности повсюду.

Габриэль говорит: «Когда дело доходит до найма UX-дизайнеров, работодатели проверяют владение правильными инструментами.Чтобы приступить к работе, вам нужно хорошо разбираться в самом важном программном обеспечении для проектирования. Набор инструментов дизайнера состоит из программного обеспечения для создания прототипов, инструментов проектирования пользовательского интерфейса и платформ пользовательского тестирования — и это лишь некоторые из них. При таком огромном выборе нет четкого правила, какие инструменты вам следует использовать. Начните с громких имен (таких как InVision и Sketch), прежде чем экспериментировать с некоторыми из новых инструментов на рынке, таких как Figma ».

Какие инструменты являются наиболее важными в отрасли и как лучше всего ими овладеть?

Изучение инструментов торговли идет рука об руку с освоением наиболее важных методов и процессов UX.Работодатели ожидают, что вы будете довольны такими известными инструментами, как Sketch и InVision, но также неплохо поэкспериментировать с другими. У каждого дизайнера есть свои индивидуальные предпочтения, поэтому поиграйте с несколькими вариантами и посмотрите, какие из них вам нравятся больше всего.

Итак, что именно вам нужно в вашем наборе инструментов для UX-дизайна? Вот некоторые из наиболее популярных инструментов для различных этапов процесса проектирования:

Инструменты исследования пользователей
Инструменты для создания каркасов и прототипов
  • Эскиз
  • Adobe XD
  • Фигма
  • Безумие
  • InVision
  • UXPin
Инструменты для пользовательского тестирования и тестирования удобства использования
  • Концентратор удобства использования
  • Hotjar
  • Optimizely
  • Усабилла

Мы перечислили здесь лишь несколько инструментов — их десятки, если не сотни.Чтобы начать свое обучение с помощью инструментов UX, мы рекомендуем обращаться к спискам, составленным дизайнерами. Джоанна Нгай, UX-дизайнер в Microsoft, делится своими фаворитами в этом исчерпывающем списке инструментов UX-дизайна. Мы также подробно рассмотрели эту тему: ознакомьтесь с десятью инструментами, которые UX-дизайнеры используют для создания удивительных вещей, а также с этим обзором инструментов для создания каркасов. UX Mastery не оставил камня на камне от этого гигантского списка из 200+ инструментов для дизайнеров UX.

Если вы все еще не уверены, на каких инструментах лучше сосредоточиться, спросите коллег-дизайнеров, что они используют.В то же время узнайте, какие инструменты наиболее популярны в отрасли, просмотрев объявления о вакансиях дизайнера UX — на какие инструменты обычно ссылаются работодатели? Ваш курс UX-дизайна, вероятно, также даст рекомендации.

7. Создайте свое портфолио UX

Габриэль говорит: «Ваше портфолио — ваш золотой билет в индустрию UX-дизайна. Это показывает работодателям, что вы приобрели нужные навыки и знаете, как их применить. По мере того, как вы приобретаете реальный опыт, заполняйте свое портфолио подробными тематическими исследованиями.Для каждого тематического исследования опишите свой процесс; продемонстрируйте, как вы решили проблему и в конечном итоге достигли окончательного дизайнерского решения. Вы хотите, чтобы ваше портфолио рассказывало визуальную историю, поэтому держите под рукой все артефакты, которые были частью проекта ».

Что такое портфолио UX-дизайна и что оно должно включать?

Мы уже говорили об этом раньше и скажем еще раз: ваше портфолио — ваш самый ценный актив как UX-дизайнера. Проще говоря, ваше портфолио — это личный веб-сайт, который знакомит вас и демонстрирует избранные ваши работы.Но, если все сделано правильно, он делает гораздо больше; он рассказывает историю и отправляет зрителя в путешествие.

Почему это важно? Что ж, работодатели не просто хотят видеть красивые интерфейсы и готовые продукты — они хотят знать, как вы к ним пришли. Ваше портфолио должно демонстрировать ваш процесс: как вы решаете проблемы? Каковы ваши модели мышления и процессы как UX-дизайнера?

По словам гуру дизайна Сары Дуди: «Большинство дизайнеров UX совершают огромную ошибку, когда дело касается их портфолио.Они показывают свои работы, но не рассказывают людям о своей работе. Они не предоставляют этого контекста, и без контекста никто, глядя на ваше UX-портфолио, не сможет понять, почему вы приняли те решения, которые приняли ».

В пятом разделе мы рассмотрели три метода, которые вы можете использовать для сбора ценных тематических исследований для своего портфолио. Следующая задача — представить их так, чтобы рассказать эту важную историю.

Итак, что вы должны включить в свое портфолио UX-дизайна? Что именно ищут работодатели и клиенты?

Тиффани Итон, разработчик взаимодействия в Google, выделяет пять ключевых компонентов, составляющих хороший портфельный проект: контекст — проблема, которую вы пытаетесь решить; сфера действия — внутренние и внешние факторы, окружающие проблему; обоснование — ваш процесс проектирования; визуальные элементы — внешний вид, ощущение и функции окончательного дизайна; и влияют на — что люди забирают из вашего дизайнерского решения.

Для новичка в этой области мысль о создании выдающегося портфолио может показаться довольно сложной задачей, но не нужно бояться. Мы видели, как бесчисленное количество студентов, изучающих UX-дизайн, создавали замечательные портфолио полностью с нуля; просто посмотрите на это тематическое исследование, созданное стажером UX-дизайнера Мириам Наво в рамках сертифицированной программы UX-дизайна, а это — выпускницей CareerFoundry Huiqin Gao. Как видите, оба дизайнера подробно описали проблему, которую они намеревались решить, а также инструменты и процессы, которые они использовали, вместе с визуальными артефактами, которые документируют эволюцию окончательного дизайна.

Прежде чем приступить к созданию собственного портфолио, уделите время изучению и вдохновению. Погрузитесь в прекрасный мир портфолио UX-дизайна и ознакомьтесь с лучшими отраслевыми практиками. Шилпа Трипати, специалист по UX-дизайну в SAP, обрисовала в общих чертах тринадцать лучших практик из портфолио UX, которые помогут вам на вашем пути. Мы также составили исчерпывающее руководство по созданию потрясающего UX-портфолио с помощью наставника по UX-дизайну и тренера по стартапам Тобиаса Треппманна, в котором есть советы о том, что включить в ваше портфолио, а также методы, которые помогут вам выделить ваше портфолио. как некоторые очень важные запретные портфолио.Для дальнейшего вдохновения ознакомьтесь с этими 50 основными портфолио UX, а также с портфолио студенческих проектов CareerFoundry:

8. Сеть с другими дизайнерами

Габриэль говорит: «Никогда не недооценивайте мощь надежной промышленной сети. Вы так много узнаете об этой области, просто находясь среди других дизайнеров, так что начните устанавливать эти связи на ранней стадии. Посещайте местные встречи, обращайтесь к опытным дизайнерам в LinkedIn, приглашайте своих коллег по UX на кофе и присоединяйтесь к специальным каналам Slack.Это всего лишь несколько способов показать себя и лично познакомиться с отраслью ».

Итак, вы готовы выйти и построить отраслевую сеть, но с чего начать?

Сетевые технологии часто называют секретной дверью в любую отрасль. Хотя это простой совет, это, пожалуй, одна из самых сложных стратегий для реализации. Реальность такова, что не все чувствуют себя как дома на сетевой сцене; многим из нас это может показаться довольно неловким.Если вы еще не считаете себя «настоящим» UX-дизайнером, вы можете опасаться зайти в комнату, полную отраслевых экспертов.

Так зачем мы это делаем? Действительно ли нетворкинг стоит того?

Одним словом, да. Сетевое взаимодействие дает много преимуществ, особенно в такой творческой области, как дизайн, и речь идет не только о том, чтобы подбадривать вас к вакансии. Общение с коллегами-дизайнерами будет вдохновлять и мотивировать вас — будь то новички-единомышленники или ветераны отрасли.Вы также откроете для себя неисчислимые возможности учиться, сотрудничать, выражать свое разочарование и просто развлекаться.

Хорошая новость в том, что сети бывают самых разных форм и размеров; Вам не обязательно посещать большое официальное мероприятие, чтобы установить ценные связи в отрасли. Когда вы только начинаете знакомиться с миром UX, мы рекомендуем начать с малого. Если вы не совсем готовы к личному общению, онлайн-платформы, такие как Slack, — отличный способ облегчить себе жизнь.Посетите Designer Hangout, Junior UX Community, Dear Designers и Team Sketch — вместе с этим списком из 28 сообществ Slack, к которым вы должны присоединиться как UX дизайнер.

После этого наберитесь смелости и отключите свои сетевые усилия. Если в вашей нынешней компании есть UX-дизайнер, пригласите его на кофе и подумайте. В то же время searchmeetup.com для местных групп и мероприятий.

Как бы вы ни выбрали сеть, помните, что речь идет не об обмене визитными карточками и сборе контактов LinkedIn.Сосредоточьтесь на установлении значимых связей и создании подлинных отношений с окружающими. В конце концов, UX-дизайн — это эмпатия и человеческое взаимодействие!

Чтобы узнать больше о нетворкинге в качестве начинающего UX-дизайнера, прочтите руководство Клайва Лавери по работе с сетями, десять лучших социальных сетей Марка МакГиннесса для творческих людей и, если вы интроверт или неохотный сетевик, это руководство о том, как работать в сети без Ваша душа.

Как стать UX-дизайнером: вывод

Итак, что вы думаете? Подходит ли вам UX-дизайн? Как вы уже видели, проникновение в сферу UX-дизайна требует развития очень разнообразных навыков — и именно это делает эту область такой захватывающей.Вам нужно будет много читать и много практиковаться, и вам нужно будет научиться рассказывать свою историю как UX-дизайнер. И мы можем помочь вам в этом, и мы также можем помочь вам найти работу в UX. Вот распределение должностей, которые сейчас имеют выпускники UX-дизайна в 2019 году.

Независимо от вашего предыдущего опыта или нынешней должности, выполнение восьми ключевых шагов, описанных в этом руководстве, поможет вам твердо встать на верный путь к тому, чтобы стать добросовестным дизайнером UX.Готовы ли вы сделать это? Откройте для себя полный пакет услуг по смене карьеры с нашей программой UX-дизайна.

Для дальнейшего чтения ознакомьтесь со следующими руководствами:

И не забывайте подписываться на @uxbites и @careerfoundry в Instagram, чтобы получать ежедневные советы и рекомендации для начинающих дизайнеров UX.

распространенных языков веб-дизайна, что они делают и зачем они вам нужны

Для людей, не разбирающихся в технологиях, работать с веб-дизайнером или разработчиком может быть непросто.Они используют такие фразы, как CSS, HTML и Java, которые могут мало что значить для вас как владельца бизнеса.

Эти фразы относятся к языкам, которые веб-разработчики используют для написания кода и создания привлекательного дизайна. Большинству владельцев бизнеса не нужно разбираться в тонкостях веб-дизайна, но это может помочь узнать основы, прежде чем начинать разговор об изменении вашего веб-дизайна или внедрении нового.

Почему важно базовое понимание?

Вам не нужно знать код, чтобы знать, что ваш веб-сайт является важным компонентом вашего бизнеса и маркетинговых стратегий.

Однако, понимая несколько вещей, вы можете почувствовать, что вы и ваш дизайнер можете вести последовательную беседу — и вы сможете более четко выразить свои потребности.

Вы можете поверить, что можете просто сказать дизайнеру, что хотите, и как по волшебству, это произойдет. Иногда это так, но когда дела идут не так гладко, это может помочь понять, почему.

Технологии продолжают развиваться — поскольку они меняются, они помогают понять, почему разработчикам может потребоваться изменить ваш сайт, чтобы он оставался актуальным.

Компании и веб-разработчики постоянно пересматривают свой дизайн и вносят изменения, чтобы не отставать от обновлений Google, тенденций дизайна и т. Д.

Наиболее часто используемые языки

Разработчики могут выбирать из множества языков программирования, и большинство из них используют тот язык, который им наиболее удобен. Их предпочтения со временем формируются на основе их опыта использования разных языков.

Вот наиболее распространенные языки и способы их использования:

1.HTML

HTML составляет макет и структуру вашего веб-сайта. Этот язык динамичен и позволяет создавать красивый веб-сайт, используя меньше кода. HTML используется для создания отправной точки для веб-сайта, и с него начинается большинство ваших статических страниц. Лучший способ понять этот язык — рассматривать его как скелет, на котором держится ваш сайт.

2. CSS

CSS — это язык, который разработчики могут использовать для стилизации веб-сайта. Язык таблиц стилей описывает, как ваш веб-сайт представлен и его макет.CSS используется вместе с HTML для добавления цветов, фона, макетов, размеров шрифтов и многого другого. Этот язык является основной технологией, которую веб-разработчики используют для проектирования и создания веб-сайтов.

3. Java

Java — самый популярный язык веб-программирования. Он используется для разработки контента веб-сайтов, игр, приложений и программного обеспечения. Java используется в производстве большинства приложений для Android. Исследования показали, что более 15 миллиардов устройств в той или иной форме используют Java. Язык Java является переносимым и может работать на нескольких программных платформах.

4. JavaScript

JavaScript используется во многих аспектах веб-разработки. Веб-разработчики используют этот язык для добавления интерактивных элементов на свои веб-сайты. Вовлечение пользователей важно для вашего бизнеса, и ваш веб-разработчик должен включать элементы JavaScript в ваш дизайн.

5. Python

Python — один из самых простых языков в использовании и работе. Python может создать основу практически для любого веб-сайта. В этом языке используется простой и понятный синтаксис, что упрощает работу веб-разработчиков и объяснение их пользователям.Некоторые знакомые сайты, использующие этот язык, — Pinterest и Instagram.

6. SQL

SQL — это язык запросов к базе данных, который используется, когда ваш веб-сайт обрабатывает большие объемы данных. Использование SQL позволяет собирать данные из разных баз данных и использовать их для обслуживания вашего веб-сайта целевой аудитории. Этот язык не используется сам по себе; вместо этого он сочетается с другими, чтобы получить максимальную отдачу от вашей базы данных клиентов и разработки веб-сайта.

7.PHP

PHP часто используется на веб-сайтах с большим объемом данных или для разработки приложений. Это язык с открытым исходным кодом, который можно легко изменить в соответствии с потребностями вашего бизнеса или веб-сайта. Крупные веб-сайты, такие как WordPress и Facebook, используют PHP для управления и обработки своих данных.

8. .NET

.NET (произносится как точка net) — это среда, которая предоставляет рекомендации по программированию, которые можно использовать для разработки широкого спектра приложений от Интернета до мобильных и приложений на базе Windows.Платформа .NET может работать с несколькими языками веб-программирования, такими как C #, VB.NET, C ++ и F #. В Grand Circus мы используем C #, а также MVC. .NET имеет огромную коллекцию предопределенных библиотек классов (предварительно написанного кода), которые поддерживают простые и сложные структуры данных.

9. Angular

Angular — это платформа интерфейсных приложений с открытым исходным кодом на основе TypeScript, возглавляемая командой Angular в Google и сообществом частных лиц и корпораций. Angular — это полностью переписанный продукт той же команды, которая создавала AngularJS.Angular — это платформа, которая упрощает создание приложений в Интернете. Angular сочетает в себе декларативные шаблоны, внедрение зависимостей, сквозные инструменты и интегрированные передовые практики для решения проблем разработки. Angular дает разработчикам возможность создавать приложения, которые размещаются в Интернете, на мобильных устройствах или на компьютерах.

Почему одни языки работают лучше других?

Ни один язык по своей сути не лучше другого, просто они лучше справляются с различными задачами.Есть несколько ключевых факторов, которые веб-разработчики учитывают, когда решают, какой язык или метод кодирования использовать при работе над проектом. Вот некоторые из этих факторов:

  • Выразительность: Выразительность связана с тем, насколько легко язык понимать, использовать и писать. Продуктивность языка многое говорит о том, насколько выразительным будет ваш сайт. Чем проще писать на языке, тем больше времени можно потратить на добавление элементов дизайна на сайт. Выразительность связана с тем, насколько легко добавить к существующему коду.Разработчик будет использовать язык, на котором ему или ей не придется тратить много времени на размышления о том, как расширить код для расширения или обновления веб-сайта.
  • Надежность: Надежность языка и кода важна. Функциональность вашего сайта зависит от надежности языка. Код также существует для защиты вашего сайта и клиентов. Надежный код будет легко тестировать и поддерживать. Когда разработчик просматривает код, он или она должны иметь возможность отсканировать его и получить представление о том, насколько надежным будет веб-сайт.
  • Производительность: Это важный фактор, который разработчики должны учитывать при работе над бизнес-сайтом. Они должны принимать во внимание объем трафика, который будет получать ваш сайт, и какие действия будут выполнять пользователи во время посещения вашего сайта. Они будут стремиться к легкой оптимизации для разных серверов и браузеров и будут стремиться обеспечить единообразную работу кода на протяжении всего времени, проведенного посетителем на веб-сайте.

Знайте основы и позвольте своему дизайнеру взять его оттуда
Существует несколько доступных онлайн-ресурсов, которые могут помочь новичкам изучить основы кода и лучше понять веб-разработку.Как владелец бизнеса или кто-то, кто просто заинтересован в понимании языков программирования, базовое понимание приведенных выше примеров может иметь большое значение.

Веб-дизайнеры и разработчики могут показаться большинству из нас волшебниками, но, более того, они художники — и, в отличие от других форм искусства, формы и функции должны работать вместе. Программисты хотят, чтобы сайты работали хорошо и хорошо выглядели для бизнеса и клиентов. Когда это хорошо для вас, это хорошо работает и для них.

Вставьте это изображение на свой веб-сайт (скопируйте код ниже):

Предоставлено: SPINX DIGITAL

Редизайн веб-сайта: окончательный контрольный список на 2020 год

[Инфографика] Почему адаптивные веб-сайты играют ключевую роль в мире множества устройств

Почему вам нужно постоянно менять дизайн своего сайта?

Статьи 1 | Грамматика — от начального до среднего

Посмотрите на эти примеры, чтобы увидеть, как используются статьи.

Она врач.
Мне нужен зонт.
Вы слышали новости?
Я не люблю пауков.

Попробуйте это упражнение, чтобы проверить свою грамматику.

Грамматический тест 1

Грамматический тест 1: Статьи 1

Прочтите объяснение, чтобы узнать больше.

Грамматика

Вот некоторые из самых важных вещей, которые нужно знать об использовании статей.

Вакансий

Когда мы говорим, какая работа у людей, мы обычно используем , / и .

Он архитектор .
Она ученый .
Моя бабушка была учительницей.

Единственное число существительных

Счетные существительные в единственном числе всегда имеют артикль — , /, , или , (или другой определитель — мой, , , ваш , , это , , это и т.

Мы используем , / и — неопределенный артикль — когда мы говорим о чем-то впервые или о чем-то, что является частью группы или типа.

Я вчера видел хороший фильм .
Хотите напиток ?

Мы используем a , когда следующее за ним слово начинается с согласного звука. Мы используем и , когда за ним следует гласный звук. Это облегчает произношение.

Имеет высшее образование .
Дорога домой заняла и час.

Мы используем , — определенный артикль — когда слушатель уже знает, о чем мы говорим, потому что это было упомянуто ранее или потому что есть только один из них.

Я собираюсь прогулять собаку .
Вы видели ключ от машины ?
Они идут в школу рядом с мостом .

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *