Что делает веб дизайнер и какие навыки ему нужны
В этой статье вы найдете подробное описание, что делает веб дизайнер и какими навыками он обладает. Вы узнаете много интересного об этой востребованной и интересной современной профессии. Легко ли стать хорошим специалистом, и как понять: стоит ли углубляться в эту тему вам самим.
Стать веб дизайнером и работать удаленно вас приглашают молодые успешные люди, которые уже смогли и уверяют – вы сможете так же. Их счастливые лица на фоне вечно зеленого Бали действуют безотказно – все мечтают жить в изобилии.
Профессия веб дизайнер действительно сейчас на слуху: если вы посмотрите варианты удаленной работы, то в этих списках веб дизайнер будет в первой тройке. Им занимаются как мужчины, так и женщины. Заголовки обучающих курсов так и завлекают зарабатывать десятки тысяч на веб дизайне, не выходя из дома. Давайте попробуем разобраться в этом.
СОДЕРЖАНИЕ
Кто такой веб дизайнер на самом деле
Кому точно не подойдет такая профессия
ТОП-7 советов: какие навыки развивать веб дизайнеру, чтобы за ним бегали заказчики
Почему обучающие видео ролики в интернете нельзя смотреть ни в коем случае
Что выбрать онлайн или оффлайн обучение
Секрет, которым делятся преподаватели веб дизайна с новичками
Где работают веб дизайнеры по окончанию обучения
Какие книги нужно читать, список
Кто такой веб дизайнер на самом деле
О веб дизайне можно говорить очень и очень много. Дизайнер предоставляет услугу по созданию красивой картинки сайта, которая устраивает заказчика. Иными словами он воплощает идею в жизнь. Свою работу по созданию дизайн-макета он выполняет согласно поставленной задаче в указанные сроки.
Что конкретно делает веб дизайнер?
Веб дизайнер создает прототип сайта, согласно предоставленному тексту от заказчика и затем, дизайн-макет. Если заказчику требуется помимо сайта придумать логотип или какой-то банер, то это уже задача графического дизайнера. Но, конечно же, веб дизайнер тоже может сделать это в графическом редакторе.
А многие считают, что это, прежде всего, художник, который благодаря своему редкому художественному вкусу и необыкновенному таланту, рисует дизайн сайта. Дизайнер чего-либо считается творческой профессией. В этом, конечно, есть доля истины. Но обязательно ли человек, создающий сайты, должен быть художником?
Миф, что дизайнер должен уметь рисовать
Полагать, что в веб дизайнеры не примут, если вы ниразу не держали в руке кисть и не сидели с мольбертом на пленэре — не правильно. Вовсе не обязательно разбираться в классической живописи, чтобы создавать отличные сайты. Однако очень важно иметь чувство вкуса и видеть прекрасное, чтобы элементарно отличать красивое от некрасивого.
Вывод такой: веб дизайнер – это не художник. Но — вам нравится графика, и вы готовы уделять время для просмотра сотен изображений, в поисках одной, наиболее подходящей для будущего сайта. Вы замечаете красоту в мелочах, чувствуете гармонию в сочетании цветов – то вы справитесь.
Кому точно не подойдет такая профессия
Часто можно услышать противоречивое мнение о веб дизайне: это просто или это сложно. На что можно совершенно четко ответить. Веб дизайн – это искусство создавать сайты. Кому-то это просто, кому-то сложно. Но если вы думаете, что здесь и делать-то нечего, тыкай себе на кнопки, да картинки вставляй по шаблону – то вам не сюда.
Хороший специалист постоянно растет и развивается, много читает, решает поставленные задачи. Человек, способный глубоко погрузиться в создание продукта – от идеи до воплощения его в жизнь. Так что, если вы не готовы посвятить большую часть своего времени в обучение и потом в работу, то можете даже не начинать.
ТОП-7 советов: какие навыки развивать веб дизайнеру, чтобы за ним бегали заказчики
Хороший специалист по веб дизайну знает много различных программ: Adobe Photoshop, Adobe Illustrator или Corel Draw. Он понимает основы верстки, умеет создавать прототипы сайта, знает типографику. Ведь когда вы в фотошопе, например, создаете макет сайта – вы должны понимать: что реально воплотить, а что нет.
Тому, кто хочет освоить профессию веб дизайнер — нужно этим программам обучиться. Быть готовым к постоянному развитию. Прогресс не стоит на месте: меняется мода на сайты, появляются новые тренды. Чтобы совершенствовать навыки, полезно больше углубляться в тему веб дизайна: смотреть стильные работы, читать соответствующую литературу.
Как связан веб дизайн с английским языком?
В заключении, к полезным навыкам можно добавить элементарное знание английского языка. Даже если у вас русифицированная версия adobe Photoshop, то углубляясь в профессию, вы захотите, например, пользоваться сервисами – помощниками на английском. Благодаря многим таким сервисам вам будет проще создавать шедевры.
Из англоязычных источников можно черпать очень много полезной информации о веб дизайне. Например, сайт www.psdtuts.com с понятными уроками, как пользоваться некоторыми инструментами для оттачивания мастерства. Да и вообще, очень много идей берется с иностранных сайтов, поэтому хорошее знание языка здесь не лишне.
Что такое типографика и почему важно в ней разбираться
Интернет состоит из огромного количества текстов, которые предоставлены читателю для информации. Замечали ли вы когда-нибудь, что некоторые сайты воспринимаются удивительно легко, на которых вам приятно находиться. А есть такие сайты, на которых тяжело читать тексты: либо шрифт не удобный, либо на глаза давит сочетание цветов.
Этим как раз и занимается типографика. Слова, которые написаны для привлечения внимания читателя, должны выглядеть восхитительно. Они должны быть удобными, красивыми – за это отвечает правильно подобранные комбинация шрифтов и цвета. Можете для тренировки воспользоваться отличным сервисом: Комбинатором веб шрифтов. http://font-combinator.com
В интернете вы сможете почитать издания онлайн, чтобы как можно лучше разобраться в основах типографики. Как вариант — «Типографика От а до я», «Основы типографики и верстки».
Почему обучающие видео ролики в интернете нельзя смотреть ни в коем случае
Итак, вы хотите попробовать свои силы в веб дизайне, уже немного собрали информацию об этом. А программой фотошоп вы пользоваться уже умеете хорошо ли плохо ли. Но как понять: понравится ли вам эта профессия, с чего начать свои пробы, где брать уроки? Конечно, первое что приходит на ум – найти в ютубе бесплатные обучающие ролики.
Так почему же ни в коем случае нельзя, да и просто невозможно обучиться по случайным роликам в интернете?
По статистике — каждую минуту загружается 400 часов видео на этот видео хостинг. Сейчас почти у каждого человека старше 6-8 лет есть свой канал на ютубе. И туда он записывает любое видео того, что он умеет делать.
Есть очень большая вероятность, что тот видео урок или даже целый видео курс, который вы нашли по поисковому запросу, выкладывает человек, уверенно утверждающий, что он эксперт в веб дизайне. Так ли это? Как вы можете это проверить?
Если среди сотен «учителей» с Ютуба и есть действительно толковый учитель, знающий материал, то вы не можете быть уверенными в этом. Человек может записать урок, а сам иметь очень поверхностные знания графического редактора. Отзывы об этих уроках вам найти не удастся. Такие курсы могут оказаться ужасными и не профессиональными. Вы просто потеряете время, да еще загубите веру в себя.
Что выбрать — онлайн или оффлайн обучение
Но тем не менее, это совершенно не значит, что любое онлайн обучение некачественное и уроки ведут не профессионалы. Если вы действительно желаете обучиться профессии, чтобы быть отличным специалистом, то вам нужна школа. Школа с обратной связью, в которой выдают задания для отработки навыков. Вам будет назначен куратор, который направит и укажет на ошибки, поможет выйти на первый заработок.
Настоящая качественная школа имеет репутацию и выпускников, которые делятся своими живыми аккаунтами и отзывами. Проверить подлинность которых совершенно не составит труда. Так же отзывы о школе, о ее преподавателях не сложно найти в интернете в свободном доступе.
Примеры онлайн школ, где обучают веб дизайну
Skillbox онлайн-университет — собрал множество качественных курсов на самые разные тематики: веб-дизайн с 0 до PRO, законы композиции, рекламная графика и другое. Великолепные статьи и полезные подборки, модуль с мотивационными историями. Одна из самых мощных площадок для онлайн обучения.
В онлайн школе Юлии Первушиной – курсы продаются пакетами: экспресс курс для новичка, чтобы понять: мое-не мое, а так же для более продвинутого уровня. Каждому ученику куратор помогает не только в обучении, но и доводит до результата: все выпускники уже во время обучения начинают зарабатывать и окупают вложенные затраты за курс.
В Школе Фотошоп-мастер помимо бесплатных видео уроков вы найдете готовые пакеты различной тематики – начиная от обработки фотографии, основы коммерческого веб дизайна и другие связанные с дизайном курсы.
Creativshik — уникальная школа дизайна для самоучек: бесплатно скачать видеоуроки по ссылке Создание креативного графического дизайна, и Успешный дизайнер-фрилансер
Более серьезный вариант – это школа Михаила Русакова, где при желании вы с помощью доступных уроков получите полноценное образование по веб дизайну. Все, начиная от создания до верстки – очень большой магазин обучающих курсов. Ссылка на бесплатные материалы.
Как найти хорошую оффлайн школу в своем городе
Что делать, если вам совсем не по душе учиться с помощью интернета по записанным видео? Допустим, вы воспринимаете учебу, только когда сидите в аудитории с группой. Вы хотите вживую видеть своего преподавателя, то лучше найти вариант обучения оффлайн. Безусловно, этот способ обучения дает отличные результаты.
Искать можно в справочниках или в поиске, уточняя ваш город. Не спешите идти в первую попавшуюся школу. Почитайте план обучения, который вероятно выложен на сайте, посмотрите видео презентацию. Одним словом, всё, что предоставила школа.
Даже сам сайт, его визуальное оформление вам даст понять, идти ли вам в эту школу. Какие есть отзывы, какие успехи у выпускников – чем больше информации, тем более вероятно, что вы получите результат от обучения.
Как вариант – Санкт-Петербургская школа телевидения, она есть во многих крупных городах – предлагает помимо других курсов, в том числе и свои услуги по обучению веб дизайну. Они уже в своей презентации рассказывают: как проходит обучение, что делает веб дизайнер. Небольшое интервью у преподавателя и студента так же вам даст представление об обучении.
Что может не понравиться в обучении оффлайн
Первое — это удаленность от вашего местонахождения: как правило, это курсы при институте или колледже. Второе — время обучения должно быть вам удобным. Если время дневное, то вы должны быть свободны от учебы или работы. Третий минус – вы не сможете заново просмотреть урок, если вдруг что-то забыли, надеяться можно только на свои конспекты.
Секрет, которым делятся преподаватели веб дизайна с новичками
На самом деле все учителя по веб дизайну вообще не скрывают этой фишки, а открыто говорят даже прежде, чем вы начнете свое обучение. Они рекомендуют вам копировать крутые, хорошие сайты именно для того, чтобы научиться делать хорошие сайты самому. Возможно, это не очень хорошо по отношению к авторам этих сайтов, но только так можно научиться делать по-настоящему интересные работы.
Конечно, копировать вы их будете с целью обучения, для себя. Когда вы копируете, посмотрите на макет — вы начнете понимать, как дизайнер создавал его: как расположены тексты и расстояние между текстом и изображением. Тем самым вы практикуете свои навыки, учитесь подбирать шрифты и размеры уже на практике. Тренируясь на успешном сайте, вы формируете свой вкус.
Где работают веб дизайнеры по окончании обучения
Вообще-то неправильно сначала выбирать профессию, а потом думать: где же я буду работать, когда закончу? В идеале желание стать веб дизайнером возникает уже тогда, когда человек понял: он хочет уметь создавать сайты. Он пользуется интернетом, заходит на сайты и понимает, что этот сайт кто-то создал – я тоже так хочу и смогу: пусть меня научат!
Вопрос в другом: где искать заказчиков, чтобы научившись, зарабатывать деньги и обеспечить себя достатком и независимостью. В современных школах по изучению веб дизайну обязательно затрагивается вопрос заработка. В Школе Юлии Первушиной даже в экспресс-курсе в планах стоит пункт: выход на первый заработок.
Профессия современная и востребованная, сейчас столько создается новых сайтов для каждого бизнеса, что без работы не сидят даже новички. Отрабатывают свои навыки уже во время обучения, кураторы школы им в этом помогают.
Список книг для самостоятельного изучения
Вероятно, со временем вы сможете составить для себя персональную подборку полезных книг. Но для начала можно обратиться к этим авторам:
Сожги свое портфолио! То, чему не учат в дизайнерских школах
Веб-дизайн. Уровень 1. Внеурочная деятельность
Современный веб-дизайн. Настольный и мобильный
Дизайн. Книга для недизайнеров
Адаптивный дизайн. Делаем сайты для любых устройств
Живая типографика
Как сделать сайт удобным. Юзабилити по методу Стива Круга
Эмоциональный веб-дизайн
Вот теперь вы точно знаете, что делает веб дизайнер, какие ему нужны навыки и как научиться делать хорошие сайты. Стоит или нет обучаться этой профессии, подойдет ли именно вам этот способ удаленного заработка. Да, и не забудьте скачать PDF Чек-лист со списком сайтов, где вы можете бесплатно пройти обучение и получить полезную информацию.
Что должен уметь делать веб-дизайнер | Глава 2
← Назад | Продолжение (Глава 3) →
(Перед вами бесплатный курс Рафаля Томаля «Интро в веб-дизайн». В курсе 7 глав. Если вы здесь впервые, то лучше начните сначала)
Мир изменился. Как мы уже выяснили в предыдущем уроке, ценность дизайна выросла, а вместе с ней — и требования к профессии дизайнера.
И хотя сегодня достаточно сложно быть мастером на все руки и одновременно оставаться на волне всех новинок, но и зарываться во что-то одно я тоже не советую. Все меняется очень быстро и скоро появятся новые роли, о которых мы пока даже не догадываемся.
Если вы только начинаете свой путь в дизайне, дайте волю экспериментам и пробуйте разные роли, чтобы найти что-то свое. Если вы уже хорошо поднаторели в дизайне интерфейсов, возможно, будет полезно погрузиться в другие аспекты пользовательского опыта или продуктового дизайна — так вы сможете расширить ваш профессиональный диапазон и привнести что-то в текущую работу.
Я всегда думал, что по мере изучения дизайна буду становиться все более узким специалистом, но на деле все оказалось наоборот. Чем больше проектов появлялось в моем арсенале, чем больше связей я приобретал, тем шире становились мои знания. Можно сказать, что я стал специалистом широкого профиля с несколькими основными направлениями.
Этот подход на практике оказался достаточно продуктивным, так как знания из разных областей можно использовать для создания более качественных работ. Плюс, так проще общаться с разными специалистами в рамках большой команды.
К примеру, иногда бывает нужно поговорить с маркетологами, чтобы выяснить их потребности, а потом сходить к разработчикам и понять ограничения их фреймворка — и уже потом, наконец, разработать интерфейс, который устроит и тех, и других.
Ниже я перечислил различные роли в области веб-дизайна. Можете прикинуть, где вы сейчас и куда вам интересно развиваться. Все эти роли размыты, нельзя провести четкую границу между ними.
Графический дизайнер
Рис 2.0: Графический дизайнер создает инфографику, материалы для социальных сетей, веб-баннеры, изображения для контент-маркетинга, макеты продуктов, иллюстрации и т.д. Все примеры на картинке — работы с CreativeMarket.com.Графический дизайнер — очень широкое понятие. Раньше граф дизайнер совмещал в себе все роли, которые я перечислю ниже. Для многих людей за пределами дизайн-индустрии, любой UI/UX-дизайнер, веб-дизайнер или бренд-дизайнер — это просто “графический дизайнер”. Так что если не хотите долго объяснять свою должность на очередном семейном ужине, просто говорите, что вы графический дизайнер.
С точки зрения веб-дизайна, графический дизайнер это тот, кто создает статичную цифровую 2D графику, которую можно использовать в веб-дизайне.
Визуальный дизайнер
Визуальный дизайн — одна из основных тем этого курса. Мы будем говорить обо всем, что касается создания визуального опыта пользователей: о лейаутах, цветах, типографике, UI-элементах, изображениях и других деталях, которые помогают создать эстетичный, приятный и функциональный дизайн.
В веб-дизайне работает так: если у компании есть руководство по брендингу, карта сайта, вайрфреймы и стратегия, все это передается визуальному дизайнеру, и он на основании этих материалов создает макеты сайтов и страниц.
Большинство дизайнеров начинают именно как визуальные дизайнеры и постепенно наращивают свои навыки, окунаясь в смежные области, вроде пользовательского опыта и контентной стратегии сайта.
Бренд-дизайнер
Рис 2.2: Бренд-дизайнер в основном создает логотипы, руководства по стилю, руководства по брендингу, цветовые палитры, руководства по шрифтам, иконки, иллюстрации и другие элементы визуальной айдентики. В примерах выше — работы Benjamin Garner, Eddie Lobanovskiy и Claire Coullon.Бренд-дизайнер отвечает за создание уникального образа продукта, услуги или всей компании. Сюда входит создание брендовой стратегии и всех визуальных элементов: логотипа, цветов, шрифтов, изображений и руководства по стилю.
Иногда бренд-дизайнера приглашают именно для создания руководства, которым смогут пользоваться другие дизайнеры при разработке печатных материалов, графики, сайтов или продуктов.
Мы коснемся этого подробнее, когда будем говорить о подборе цветовой палитры и типографики для создания руководства по стилю в веб.
Дизайнер интерфейсов (UI)
Рис 2.3: Дизайнер пользовательских интерфейсов создает макеты экранов приложений и руководства по стилю в интерфейсе. Примеры выше — работы Regen G., Cuberto и Greg Dlubacz.Там, где требуется взаимодействие человека и программы, всегда есть интерфейс. Дизайнеры интерфейсов создают визуальные макеты того, как будет выглядеть этот процесс взаимодействия.
Визуальные макеты обычно идут в комплекте с руководством по стилю, которое содержит все элементы интерфейса — кнопки, поля ввода, иконки, сообщения, таблицы, схемы и другие компоненты приложений — в разных состояниях (статичное, наведенное, активное, неактивное).
UX-дизайнер
Рис 2.4: UX-дизайнер проводит исследования, интервью с пользователями и клиентами, создает пользовательские истории, пути пользователя (user flow), вайрфреймы и т.д. Примеры выше — работы Alex Sailer, Janna Hagan, Autumn Mariano, а также мои собственные проекты.Хотя проектирование пользовательского опыта — дисциплина с уже некоторым стажем, ее место в дизайн-процессах устоялось не так давно.
UX-дизайнеры прорабатывают весь процесс взаимодействия с продуктом с точки зрения пользователя. Их зона ответственности — чтобы клиенту было максимально просто и приятно работать и добиваться своих целей в продукте.
Работа по проектированию пользовательского опыта — это исследования пользователей, интервью с клиентами, определение проблем, поиск решений, рисование путей пользователя (user flows) и вайрфеймов.
Хороший UX-дизайнер должен также иметь представление о психологии поведения пользователей, дизайне, разработке, маркетинге и даже бизнесе. Мы подробнее остановимся на UX сайтов в следующих уроках этого курса.
Веб-дизайнер
Рис 2.5: Веб-дизайнер обычно создает вайрфреймы, макеты страниц и руководства по стилю в веб. Примеры выше — это работы, которые я делал для своих клиентов.После завершения этого курса по дизайну, вы будете знать практически все, что нужно веб-дизайнеру для работы.
Веб-дизайнер — это микс нескольких ролей. Обычно веб-дизайнер занимается в основном проектированием страниц, но поскольку современные сайты часто напоминают многофункциональные интерфейсы, навыки UI и UX здесь тоже нужны.
При создании более крупных и сложных сайтов, дизайнер должен сначала разобраться в контентной стратегии, вайрфреймах, карте сайта и информационной архитектуре — и только потом приступать к созданию макета. Очень часто все это ложится именно на плечи веб-дизайнера.
От веб-дизайнера не требуется умение кодить: можно просто послать дизайн разработчику, чтобы тот превратил картинку в работающий сайт.
Однако, не лишним будет хотя бы понимать как устроен код, чтобы работа шла эффективнее. Должен ли дизайнер кодить? Это мы обсудим в следующем уроке.
Дизайнер-единорог
Рис 2.9: Дизайнер-единорог умеет дизайнить и кодить — и всегда сварганит чашечку чудесного кофе.Ок, это не настоящая должность, а скорее внутрячковая шутка tech-стартаперов. Это такой универсал, который владеет и визуальным дизайном, и UI/UX, и проектированием взаимодействий, и продуктовым дизайном — ну и кодить конечно тоже умеет здорово.
Именно за этот невероятно редкий набор компетенций он и получил свое гордое название “дизайнер-единорог”.
Нужно ли стремиться стать единорогом? Конечно нет! Даже если бы вам удалось освоить сразу несколько ролей, было бы невероятно сложно поддерживать актуальные знания по каждой из них, чтобы оставаться в теме.
Все зависит от ваших целей и предпочтений. Если вы терпеть не можете кодить, не нужно делать “через не хочу” — без желания и мотивации ваш код все равно будет посредственным. Но если вам нравится и дизайнить, и кодить, и вы можете освоить оба навыка на приемлемом уровне — то почему нет?
Из-за обилия информации, может показаться, что освоить дизайн сложно. Сфера развивается так стремительно, постоянно появляются новые роли — например, дизайнер дополненной реальности или дизайнер 3D моделей.
Не ставьте себе цели изучить все: учитесь с умом и концентрируйтесь на том, что действительно хотите делать. Если вас привлекает цифровой дизайн (сайты, приложения, веб-инструменты и т.п.) — уделяйте максимум внимания визуальному и UI/UX дизайну.
Обилие информации может поставить в тупик — это нормально. В этом курсе я собрал для вас самые важные знания, чтобы вы взяли главное от каждой роли и могли начать создавать красивые и эффективные сайты для себя и своих клиентов.
Ни больше, ни меньше.
(с) Над переводом работали: Ольга Жолудова и Анастасия Свеженцева.
← Назад | Продолжение (Глава 3) →
Подходит ли вам UX-дизайн? 8 черт характера, нужных в этой профессии
Есть множество статей о том, как начать заниматься UX-дизайном, курсов, где учат его основам, и списков навыков и компетенций, которые стоит приобрести юзабилисту. Но все забывают, что существует и личная совместимость. Так что до того, как начать вкладывать средства в обучение, стоит убедиться в том, что у вас есть качества, необходимые в этой профессии.
Юзабилист Кельвин Педзай выбрал восемь черт характера, которые нужны каждому UX-дизайнеру. Педзай опирался на исследование, проведенное Nielsen Norman среди более чем тысячи UX-проектировщиков, и дополнил получившийся материал советами топовых дизайнеров таких компаний, как Netflix, eBay, BuzzFeed и GoPro. Мы адаптировали статью для наших читателей.
Чтобы успешно согласовывать бизнес-цели с потребностями пользователей и выстраивать процессы, UX-специалисту необходимо овладеть навыком, за которым в англоязычном мире закрепилось понятие problem solving. Ведь юзабилисту нужно будет выслушивать противоречивые мнения, задумываться о контексте использования продукта, ставить себя на место клиента, понимать, как тот будет работать с сервисом, и учитывать множество возможностей и ограничений.
Конечно, решать проблемы так или иначе умеет каждый, ведь мы делаем это ежедневно. Цель UX-дизайнера — так развить этот навык, чтобы чувствовать себя подготовленным и уверенным, столкнувшись с любым неожиданным профессиональным вызовом.
В решении сложных задач мне часто помогает возможность узнать точки зрения, альтернативные моей. Например, мы с дизайнерами приходим к разработчикам, и они предлагают решения, о которых в нашем отделе даже не задумывались. Не ленитесь общаться с коллегами.
менеджер по проектированию мобильных продуктов Netflix.
- Используйте как стандартные решения, так и передовые практики.
- Разделяйте крупные проблемы на маленькие задачи.
- Переформулируйте их.
- Проводите мозговые штурмы для поиска идей, концепций, способов решения и выработки новых метрик успешности проекта.
- Работайте с людьми, чей образ мышления отличается от вашего.
- Прокачивайте мозг, занимаясь головоломками и стратегическими играми.
В такой широкой и междисциплинарной области, как проектирование пользовательского опыта, не обойтись без постоянного обучения. UX-дизайнер — и швец, и жнец, а значит, должен владеть большим количеством разных умений и регулярно осваивать инструменты и методологии работы. Осваивайте новое, учитесь у коллег и делитесь знаниями сами — все это одинаково полезно для развития.
В начале карьеры мне некому было показывать свои проекты, да я и не хотел. В eBay мне пришлось учиться обсуждать свои решения и отстаивать их.
Понадобилось некоторое время, чтобы я начал видеть ценность обратной связи. Очень важно общаться с теми, кто готов честно высказать свое мнение, не делая никаких скидок.
Это серьезно улучшает качество работы и способствует развитию дизайн-мышления. Невозможно самому думать обо всем сразу.
Акшай Кришная
менеджер по инновациям eBay.
- Проходите курсы не реже раза в год.
- Посещайте конференции и семинары.
- Больше читайте.
- Общайтесь с коллегами, которые тоже учатся.
Когда вы тестируете пользователей, им должно быть комфортно общаться с вами. Тогда их ответы будут более полными и правдивыми. Умение общаться требуется и при работе в команде, чтобы отстаивать свое мнение, прислушиваться к коллегам и выстраивать внутреннее взаимодействие. Пригодится этот навык и с клиентами, чтобы согласовывать работы и обосновывать свои решения перед заинтересованными сторонами.
Занимаясь дизайном, обязательно нужно научиться рассказывать о своей работе и самому отзываться о проектах коллег. Как молодой дизайнер, вы можете подумать, что критика ваших решений — это критика вас. Это не так.
Никто не говорит «Ты отстой!», на самом деле это «Здесь можно было сделать лучше». Если разум открыт, вы быстро поймете: другим есть что посоветовать, — и сами научитесь давать коллегам полезные отзывы
Эллисон Чефец
веб-дизайнер BuzzFeed.
- Научитесь находить общий язык и выстраивать коммуникацию. — Активно слушайте.
- Соблюдайте сроки и планы работ.
- Будьте ответственны.
- Задавайте больше вопросов.
- Будьте честны.
- Старайтесь рассказывать истории.
Быть внимательным собеседником важно не только на работе, но и в обычной жизни. Если вы умеете слушать, это хорошо скажется на возможности считывать как вербальные, так и невербальные сообщения, и даже на способности к эффективному чтению.
Роль UX-специалиста требует четкого понимания решаемой проблемы и эффективной коммуникации между командой и другими заинтересованными сторонами. Навык слушания позволяет совершать меньше ошибок и выдавать лучшие результаты. Поэтому неудивительно, что это одна из главных сторон общения.
Очень важно научиться влезать в шкуру своих пользователей, находить их болевые точки. Если внимательно слушать, что они рассказывают, становится понятно, что мы сталкиваемся с теми же проблемами. Это знание помогает находить решения
UX-дизайнер в GoPro
- Уважайте собеседника.
- Избегайте отвлекающих факторов.
- Не перебивайте.
- Задавайте вопросы и уточняйте неоднозначные места.
- Поддерживайте зрительный контакт.
- Будьте благожелательны.
UX-специалист с развитыми навыками аналитика сможет обосновать любое свое решение, опираясь на данные и опыт. Речь идет не только об умении разбираться в метриках, но и возможности делать выводы из отзывов пользователей. Количественные и качественные данные все чаще становятся ключевым элементом UX-практик и работы с клиентами. Любой, кто умеет эффективно извлекать информацию, будет хорош в UX.
Мы получаем множество отзывов из магазинов приложений, с форумов и из Twitter, общаясь с коллегами, проводя собеседования и даже разговаривая с членами наших семей.
Так мы формулируем проблему. После этого обращаемся к пользователям, чтобы уточнить, верно ли мы их поняли.
Джошуа Тейлор
экс-руководитель отдела дизайна Evernote.
- Выделите время, чтобы подумать, как собранные данные влияют на дизайн-решения.
- Всегда действуйте обоснованно, опираясь на информацию.
- Используйте данные и метрики.
Все говорят, что дизайнеру важны детали, но на деле работа с ними не из легких. Она требует большой концентрации, но зато снижает риск совершения серьезных ошибок. Есть люди от природы более внимательные. К счастью, практика также позволяет прокачать это качество.
Наши дизайнерские решения должны отвечать реальным потребностям пользователей. Слышать, что они предлагают и о каких функциях просят, — это здорово, но самое главное — научиться понимать, каковы их основные, корневые проблемы, о которых они сами могут промолчать.
руководитель отдела дизайна в Pocket
- Используйте чек-листы.
- Работайте итерациями, раз за разом пересматривая результаты вместе с остальными участниками команды.
- Разбивайте задачи на мелкие составные части.
- Заведите привычку исключать отвлекающие факторы.
UX-дизайнер должен научиться ставить себя на место потребителя, разделять его чувства от взаимодействия с продуктом или услугой. Только так он сможет выступать защитником интересов пользователя перед остальной командой проекта.
Независимо от масштаба проекта мы всегда начинаем с исследования, задача которого — раскрыть реальную проблему. Аналитика может рассказать, что делает пользователь, но вам нужно живое общение, чтобы он рассказал вам, почему.
Карелия Джо Мур
глава отдела пользовательского опыта в Huge
- Практикуйтесь.
- Будьте открытыми — это позволит достичь большей глубины в общении.
- Сопереживайте людям, чьи убеждения вы не разделяете.
- Проверяйте свои точки зрения.
Главная черта, необходимая UX-дизайнеру, — комплексное мышление. Нужно понимать стратегию, требования бизнеса и потребности пользователей. Тот, кто способен видеть картину целиком, не увязнет в деталях, но при этом и не утратит внимания к ним.
Наша работа — это поддержание баланса. Мы всегда стремимся определить правильную пропорцию ингредиентов: UI, UX, графики, маркетинга и целей бизнеса.
Бывает, что для достижения оптимальных результатов в UX сложных продуктов мне нужно жертвовать некоторыми крутыми элементами дизайна.
менеджер UX-студии системы создания сайтов Wix
- Выделяйте больше времени на размышления, когда ум наиболее ясен.
- Извлекайте уроки из любого опыта.
- Знакомьтесь с мнением разных людей.
- Открывайте для себя новые впечатления.
- Узнавайте новое.
Если вы поняли, что обладаете хотя бы половиной из этих качеств и хотите заниматься UX-дизайном, — начинайте учиться прямо сейчас! Большинство характеристик из списка можно развить, параллельно осваивая инструменты и получая профессиональные навыки. В этом вам поможет курс по UX-дизайну, который мы проводим совместно с агентством AIC.
Курс «UX-дизайн 2.0»
Создавайте эффективные и полезные решения при помощи нового уникального подхода в дизайне. В течение курса вы узнаете, как сделать не просто визуально привлекательные проекты, но и кардинально изменить мышление бизнеса в диджитал, оцифровать любой продукт и сделать его максимально конкурентоспособным.
- Живая обратная связь с преподавателями
- Неограниченный доступ к материалам курса
- Стажировка в компаниях-партнёрах
- Дипломный проект от реального заказчика
- Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы
Профессия веб-дизайнер мертва? — Хабр Q&A
Вы хорошую тему подняли.Не так давно я что то подобное спрашивал, только в моем контексте было больше про возраст, но смысл был тот же (я больше 10 лет в веб дизайне).
Когда то был просто веб дизайнер, верстальщик и программист (хотя верстак бывало делал и верстку и програминг а дизайнер бывало дизайн+верстка)
Сейчас все разделилось просто, а веб дизайн никуда пока не ушел (но со временем уйдет точно я так думаю).
Нету чистого веб дизайна, есть UI дизайнер (да он может быть просто UI, который рисует кнопочки и всякие UI киты +графики и цветокорекция фоток для сайта, а потом все по местам расставляем, но это как бы уже работа больше UX проектировщика). В том то и дело что UI и UX очень тесно связаны, и дизайнер-фрилансер должен и даже обязан знать эти две вещи + анимация (очень важна)
Так же появилась новая профессия (она как бы была но не так популярна как сейчас) продуктовый дизайнер это что то больше чем UI/UX, он больше анализирует и тогда что то создает, его функции находятся на стыке дизайна взаимодействий и исследований (посути тот же UX, только больше платят 🙂
Так же дизайнер анимаций или как модно сейчас моушен дизайнер, когда то это тоже все делал веб дизайнер или человек который знал flash (хорошо что гавнофлеш ушел в прошлое :))
Так же есть прототипировщики, но это тоже UX
Ну и как тут без графического дизайнера, который рисует всякие иллюстрации и графику.
А ну да, еще и контент тут можно приписать, за частую еще от дизайнера требуют грамотность написания текста (и что бы он продавал)))
Так что веб дизайн никуда посути не ушел, а просто разделился на отрасли, и каждый теперь занимается своим делом (но это если студии) а если ты дизайнер-фрилансер ты должен уметь все и даже больше.
А UI/UX в наше время прототипирует, рисует сайты (лендосы), интерфейсы, дизайны мобильных приложений, магазинов, банерки, иконки и т.д.)
дизайнер — что это такое? Особенности обучения, требования :: SYL.ru
С развитием высоких технологий появляется все больше новых профессий, про которые люди старшего поколения никогда не слышали. Например, веб-дизайнер. Что это такое, чем он занимается и каковы особенности его профессии?
Определение
Дизайн представляет собой художественное конструирование. Он основан на двух принципах: творчество и рациональность. В этом и заключается сложность работы. И не каждый человек может быть хорошим специалистом в этой области. Но дизайнер – это общее понятие, существует множество узких направлений деятельности: ландшафт, интерьер, костюм, реклама. Что такое веб-дизайнер? Это тот, кто занимается разработкой сайтов. В их задачу входит придумать красивый и соответствующий специфике деятельности заказчика и его пожеланий дизайн к веб-сайту. При этом необходимо кроме внешней привлекательности сделать его удобным в использовании.
Как создается интернет-сайт
Весь процесс по созданию веб-сайта состоит из нескольких этапов.
- Создание технического задания. Прежде чем что-то сделать, необходимо определить его параметры. Как должна выглядеть страница, сколько их должно быть. Как и где располагается навигационное меню. Вся эта информация должна содержаться в документе – плане работ. Во избежание возникновения конфликтных ситуаций техническое задание согласовывается с заказчиком. Обычно этим подготовительным этапом занимается менеджер проекта.
- Структурирование. Этот этап включает в себя большой круг вопросов и часто требует много времени. Необходимо продумать функциональную структуру будущего сайта. Как правильней расположить информацию, где расположить меню, какие добывать активные кнопки, как и где должна быть представлена информация. Эффективная проработка данного этапа позволит сделать веб-сайт максимально удобным для пользователя, так как красивый, но абсолютно не понятный для юзера портал, на котором невозможно ничего найти, заставит его уйти к конкурентам заказчика.
- Графическое воплощение сайта. После продумывания структуры необходимо подумать о привлекательном внешнем виде самого сайта и интересном оформлении элементов меню. Этим занимается дизайнер. Оформление происходит в специальных редакторах. Результатом является графический файл будущего сайта.
- Верстка. Чтобы красивая картинка стала функциональной и могла отображаться в браузере, понадобиться ее разделить на элементы и перевести в код. Для этого применяются HTML и CSS-технологии. Этой частью работы занимается программист или верстальщик.
- Вебмастеринг – это заключительный этап по работе с сайтом. Когда продукт уже готов, необходимо разместить его на хостинге и оптимизировать так, чтобы его можно было найти. После этого он становится доступен широкой публике.
Все эти этапы может выполнять и один человек – веб-дизайнер. Профессия позволяет иметь требуемые навыки. При этом он может делать только часть работы. Все зависит не только от его знаний, но и от условий работы. У являющегося сотрудником крупной компании, специализирующейся на веб-сайтах, дизайнера перечень обязанностей может быть не столь многочисленным. При этом существует разница между простым дизайнером и веб-дизайнером. Оба могут работать в области интернет-технологий, но в задачу первого входит создание графики и проработка удобства работы интерфейса, а второй должен знать все аспекты производственного процесса от нуля до непосредственного запуска сайта. При разделении функциональных обязанностей веб-дизайнер в состоянии контролировать все этапы.
Хочу стать веб-дизайнером
После осмысления того, что такое веб-дизайнер, необходимо узнать, что нужно сделать, чтобы им стать. Придется получить необходимые знания. Для проектирования сайта необходимо разбираться и уметь работать с цветом, светотенью, шрифтами, знать, что такое линии, размеры, фигуры, пространство и формы. Для этого необходимо изучить характеристики элементов, их поведение в различных условиях. Основных теоретических знаний о каждом элементе графики недостаточно. Необходимо понимать, как они соединяются и взаимодействуют друг с другом. То есть важно разбираться в таких категориях, как пропорции, масштаб, баланс, единство, контраст. Выпускники художественных высших учебных заведений хорошо знакомы с этими категориями. Поэтому при наличии художественного образования обучение веб-дизайнера сильно упрощается.
При отсутствии такового рекомендуется найти качественные курсы, которые за относительно короткое время позволят познать азы. Важно обратить внимание на их длительность. Заведение, беспокоящееся за качество преподавания, организует художественные курсы, рассчитанные на два года, в то время как в высшем учебном заведении придется учиться 5-6 лет.
Множество организаций предлагает курс подготовки, длящийся всего несколько недель. За это время преподаватели пытаются вложить в голову учащихся такой объём информации, что кроме полного сумбура в ней ничего не остается.
Знание программирования
Как стать веб-дизайнером, не зная основ программирования? Даже если техническая часть находится в зоне ответственности разработчиков, без понимания правил кодирования будет сложно осуществлять эффективное взаимодействие с разработчиками. Понимая, как работает код, можно сразу сказать, какие идеи реально воплотить, а какие нет. Можно использовать шаблоны сайтов, что не потребует разбираться в кодировании. Они являются палочкой-выручалочкой для новичков. При этом не стоит ограничивать себя в изучении программирования, если в этой области существуют пробелы в знаниях. Некоторые сайты необходимо писать с нуля и не удастся обойтись готовыми шаблонами.
Куда пойти учиться
Где учиться профессии веб-дизайнера? Если есть готовность уделить этому достаточное время, можно пойти в вуз, предлагающий соответствующую программу обучения. Но факт получения волшебной корочки не сделает человека востребованным специалистом. Кроме того, во время обучения обычно преподаются базовые вещи. Программа обучения не успевает адаптироваться вслед за изменениями в технологиях, поэтому учиться самостоятельно придется и параллельно, и даже после окончания вуза. Для этого есть интернет с огромным количеством обучающих материалов как для новичка, так и для профессионала, стремящегося к самосовершенствованию.
Владение инструментами
Специализированные программные продукты существуют для того, чтобы помочь людям в их работе. Чтобы создавать качественный продукт, отвечающий современным требованиям, необходимо познакомиться и разобраться с тем, как работают различные программы.
Начинающему веб-дизайнеру обязательно нужно овладеть базовыми графическими программами: Adobe Illustrator и Adobe Photoshop. Чтобы создать код, существуют такие продукты, как: Sketch App, GitHub, Pattern Lab.
Тот, кто не работает с конструкторами сайтов, таким как WordPress, а имеет дело с сырым кодом, должен попробовать одну из программ: Textmate, Sublime, Brackets.
Что делает веб-дизайнер, уже стало ясно. А программы ему помогут в этом. Умение работать с инструментами также показывает уровень профессионализма. Чем он выше, тем больше спрос на услуги, что отражается на стоимости его работы.
Расширение области знаний
Чем больше знает и умеет человек, тем меньше проблем у него с востребованностью предлагаемых им услуг. Заказчики сайтов мало знакомы с этой областью, поэтому вынуждены тратить время на поиски людей, способных оказать различные услуги. Если один человек может предложить комплекс, это выгодно обеим сторонам. Веб-дизайнер — что это такое, если не профессия, мотивирующая познать все области, связанные с сайтами, их программированием, разработкой внешней красивой и удобной оболочки, а также продвижением в интернете.
Профессиональный веб-дизайнер должен разбираться в маркетинге и уметь готовить качественные и цепляющие тексты. Сайт – это прежде всего рекламный продукт, позволяющий компании привлекать покупателей. Чтобы это происходило, сайт должен быть «вкусным» и «цепляющим», так как большинство из них скучные и однообразные.
Для того чтобы потенциальные клиенты могли найти конкретный сайт в Сети с миллионом подобных, необходимо заниматься его продвижением. Для этого необходимо разбираться в SEO.
Эти знания помогут создать поистине качественный продукт с современным лаконичным дизайном, высокой скоростью загрузки страниц, а также подготовить и разместить хорошо структурированный интересный текст.
Работа в компании: достоинства
В Москве веб-дизайнеры ищут подходящее агентство для работы. Здесь находится много компаний, которые открывают соответствующие вакансии. Преимуществом работы в качестве нанятого сотрудника является отсутствие необходимости поиска клиентов. При получении заказа нужно будет выполнять какую-то часть работы или руководить всем проектом, распределяя обязанности. При работе в хорошей компании, которая востребована, можно не беспокоиться о своей заработной плате.
Работа в компании: недостатки
Но также есть свои недостатки. Уровень заработка обычно имеет свои ограничения. Не всегда удобно ездить каждый день на работу, особенно когда она расположена далеко от дома. Творческое начало деятельности зачастую заставляет дольше оставаться на рабочем месте.
Но работа среди профессионалов подходит для веб-дизайнера с нуля, не обладающего достаточными знаниями и опытом. Здесь можно многому научиться.
Самозанятость: плюсы
Фриланс очень востребован среди специалистов подобной профессии. Существует множество плюсов:
- неважно место работы, может быть даже другая страна;
- возможность самостоятельного определения рабочего графика;
- возможность самостоятельно устанавливать цены, которые часто ниже, чем у агентства;
- возможность выбирать проекты;
- при самостоятельном выполнении всего комплекса работ оплатой делиться ни с кем не придется.
Веб-дизайнер — что это такое, если не профессия, которая дает возможность самостоятельно управлять своей карьерой.
Самозанятость: минусы
Среди безусловных минусов нужно назвать необходимость себя «продать», что бывает совсем непросто в самом начале. Для этого понадобится создать собственный сайт и размещать информацию о себе на разных ресурсах.
Часто человек начинает свой путь в качестве нанятого веб-дизайнера. Обучение у профессионалов позволяет стать хорошим специалистом. Общение с клиентами и коллегами помогает обзавестись разными контактами. Поэтому многие впоследствии открывают собственный бизнес.
Веб-дизайнер – что это за профессия? / WAYUP
Вся наша жизнь постепенно перетекает в Интернет, а если постоянно появляются новые сайты, то кто-то должен их проектировать. Сделать ресурс привлекательным, удобным и понятным – это и есть то, что делает веб-дизайнер. Но звучит это слишком просто, на самом деле это колоссальный труд. И труд этот оценивается достойно – хороший специалист очень неплохо зарабатывает, о чем все и наслышаны. Именно этот фактор обычно привлекает людей, стремящихся получить новую профессию, даже если они и не знают толком, что делает web-дизайнер.
Главные задачи
Особенность этой работы заключается в умении подать проект с учетом специфики Интернета. Это означает, что сайт должен быть не просто красивым, но и соответствовать другим требованиям, например:
- подбор цветовых решений, шрифтов и прочих графических элементов с пониманием того, что пользователь видит их на мониторе, а не на бумаге;
- продуманность навигации,
- сведение к минимуму времени загрузки сайта;
- создание понятного и простого интерфейса.
Для успеха нужен не только художественный вкус, но и знания в других отраслях: понятие основ программирования, UI/UX-архитектуры, верстки. Не сайтами едиными: также работой может быть создание электронных презентаций, интернет-открыток и приветствий, баннеров.
Стандартные задачи, которые решает специалист в ходе выполнения проекта:
- определение основных целей заказчика и его требований к результату;
- разработка прототипа структуры сайта и его интерфейса;
- создание общего стиля;
- создание навигации, основных путей взаимодействия с посетителями;
- адаптация сайта под мобильные устройства.
Веб-дизайнер занимается оформлением сайтов, отвечая не только за визуал, но и за удобство использования ресурса.
На всех этапах происходит согласование с заказчиком и часто случается так, что клиент настаивает не на самых удачных решениях. Тут важно мягко, но уверенно, донести мысль и сделать все правильно. Клиент всегда прав, конечно, но он бы не нанимал специалиста, если бы мог все сделать сам. В итоге результат должен приносить деньги владельцу, а не только радость от реализации собственных идей.
Для кого подходит это направление деятельности?
Если вопрос стоит о выборе профессии, то несложно сказать, что нужно для веб-дизайна: хороший вкус, внимательность к деталям, креативность. Возможно, этот путь подойдет тем, кто всегда чувствовал в себе творческое начало, но не нашел себя в искусстве. Ставить крест на себе, как на художнике, не стоит – дизайн откроет двери в волшебный мир визуализации. Также это хороший выбор профессии и для другого типа людей – тех, кто любит точные науки, но хочет выходить за рамки общепринятых концепций. Веб-дизайн станет лучшим вариантом для всех, кто так и не определился, гуманитарий он или технарь. Тут есть всего понемногу.
Что почитать о веб дизайне онлайн?
Для понимания основ работы можно напрямую обратиться к представителям отрасли и спросить: что делает веб-дизайнер, объясните? Конечно, далеко не каждый захочет тратить время на ответ, но специалисты WAYUP, например, с радостью все расскажут. При желании углубиться в эту тему можно пройти бесплатные курсы и позже взяться за основательное обучение. Профессия эта очень динамичная, тренды и требования меняются постоянно, поэтому новые специалисты всегда востребованы. Если после получения профессии вас спросят, что делает веб-дизайнер, объясните по-простому – это объединение мастерства программиста и таланта художника в одном флаконе.
Краткая инструкция о том, как надо работать с web-дизайнером (взгляд дизайнера) / Habr
Введение
Я работаю веб-дизайнером. Какое-то время назад я подрабатывала фрилансером, сейчас работаю в небольшой студии. У нас нет менеджера проектов, поэтому, зачастую, я сама выступаю этим самым менеджером, по совместительству. Опыт общения с самыми разными заказчиками у меня достаточно большой. Статья «Краткая инструкция по работе с web-дизайнером (для менеджера проекта)» вызвала у меня шквал эмоций и бурю негодования, потому что именно таких заказчиков я всегда старалась избегать. В этой статье я попробую описать, как в идеале должна проходить работа заказчика и дизайнера.
С удовольствием приму критику и выслушаю мнения «другой стороны».
Кто такой веб-дизайнер
Одна из самых главных ошибок наших клиентов в том, что они на самом деле не осознают, кто такой на самом деле этот веб-дизайнер и что же в итоге он должен уметь и делать. Именно с нее начинаются все проблемы и разногласия.
Большинство считают, что веб-дизайнер — это художник-оформитель, который придумывает дизайн исходя лишь из собственного вкуса и основная его задача — разукрасить сайт и придумать веселые фентифшлюшки и узорчики.
Это в корне не так.
Веб-дизайнер — это, в первую очередь, архитектор, в прямые обязанности которого входит изучение поведения пользователей и проектировка грамотных, удобных и работающих интерфейсов на основе этих данных. Это дизайнер должен думать, какие элементы, какая информация и в каком порядке должны располагаться на сайте. Расположение блоков, элементы управления, цветовая схема, визуальные акценты на сайте — все это берется не с потолка. Каждая деталь на сайте расположена в соответствии с определенными принципами, и именно веб-дизайнер должен уметь обосновать их. Это его основная работа, пожалуйста, уважаемые заказчики, не берите ее на себя.
Какую информацию надо предоставить исполнителю
Что бы дизайнер смог спроектировать действительно грамотный интерфейс он должен знать ответ на два вопроса: что вы, как владелец сайта, хотите получить от этого сайта и чего хотят ваши клиенты.
Нам, дизайнерам, очень важно знать вашу целевую аудиторию. Зачастую описать ЦА лучше всего получается не у высшего руководства, а у простых специалистов: менеджеров по продажам и администраторов на ресепшенах. Ведь чаще всего ваши клиенты общаются именно с этими специалистами, стоит прислушаться к их мнению.
Нам надо знать, какие цели и задачи вы ставите перед сайтом. Очень часто вместо этого мы слышим о личных предпочтениях заказчика в плане визуального оформления, которые в итоге не позволяют сделать сайт полноценным инструментом для достижения определенных результатов. Сайты не продают, не приводят новых клиентов, они просто висят в интернете. Ставьте четкие задачи, конкретные цели, делитесь планами о развитии проекта, что бы мы могли учесть все нюансы.
Бриф и техническое задание
Первое, что мы делаем с моими заказчиками — заполняем бриф. У каждого дизайнера свой бриф и это важный документ. В брифе описывается ваши идеи, цели и задачи проекта, планы по развитию проекта, целевая аудитория, ваши вкусы и пожелания (поверьте, мы всегда стараемся их учесть, если они не вредят итоговому результату), идеология вашего предприятия и его миссия и тд. В общем, в этот документ записывается все, что может помочь дизайнеру прийти к поставленной цели. Лучше всего заполнять бриф совместно: одна голова хорошо, а две — лучше. При совместном заполнении могут сразу появиться какие-то идеи или, наоборот, отсечется что-то лишнее. К тому же, это значительно экономит время.
Далее дизайнер анализирует бриф и составляется техническое задание. В идеале, ТЗ составляет дизайнер, которое корректируется заказчиком и, обязательно, утверждается. В техническом задании прописывается, что и как будет реализовано на сайте: какие элементы, инструменты, блоки и информация будут задействованы. ТЗ — это четкая инструкция для дизайнера. Грамотное ТЗ можно передать верстальщику и программисту (если они работают отдельно от дизайнера), что в конечном итоге сэкономит ваше время. Техническое задание — основа вашего будущего проекта, не относитесь к его составлению легкомысленно.
Может показаться, что слишком много формальностей, но на самом деле бриф и ТЗ значительно экономят ваше время, нервы и прочие ресурсы.
Прототип — это важно
После утверждения технического задания дизайнер разрабатывает прототип. Это каркас сайта, на котором показано, какие элементы и где будут располагаться, как пользователь будет работать с ними, и как эти элементы будут взаимодействовать друг с другом. Это основная работа дизайнера, она может занять продолжительное время, именно в прототипе закладываются все основы работы вашего сайта.
Почему не стоит сразу делать «конечный» вариант со всеми элементами дизайна во всей красе:
- Прототип может перерабатываться много раз. И если каркас переделать легко, то уже готовый макет со всеми стилями переделывать сложнее и значительно дольше.
- Прототип, обычно, делается черно-белым, с минимальной детализацией. Это делается еще и для того, что бы при анализе каркаса заказчик оценивал удобство пользованием (юзабилити), а не визуальные эффекты.
Очень хорошо, если прототип интерактивный и на нем наглядно показано, что будет происходить при совершении того или иного действия. Я приступаю к стилизации какой-либо страницы только после утверждения прототипа и этот прототип уже не меняется. Это делается для того, что бы в самый неподходящий момент не было замечаний вроде: «А давайте вставим сюда баннер».
Стилизация
После того, как каркас сайта готов и утвержден, дизайнер приступает к стилизации прототипа и превращает его в готовый макет. Тут уже мы ориентируемся на пожелания заказчика: цвета, стиль и т.д. и стараемся сделать так, что бы сайт пришелся по душе не только пользователям, но и заказчикам. Что бы этот этап взаимодействия прошел безболезненно и комфортно следует помнить и делать следующее:
- Максимально изложите свои пожелания дизайнеру, предоставьте брендбук (логотип, рекламные и печатные материалы, в общем, все, что помогает идентифицировать вас или вашу компанию), расскажите какого стиля придерживается ваша компания (деловой, неформальный, молодежный и т.д.), покажите оформление каких сайтов вам нравится и т.д.
- В дизайне есть свои правила и законы, и дизайнеры стараются следовать им, прислушивайтесь к мнению профессионала.
Внесение правок
Внесение правок в макет — стандартная процедура, которой редко удается избежать. Не бойтесь высказывать свое мнение, старайтесь четко, коротко, но ясно изложить ваши предложения. Постарайтесь рассказать о всех своих замечаниях «в один заход», что бы не растягивать процесс внесения правок на продолжительное время. Помните, если дизайнер считает и, самое главное, может обосновать, почему не стоит вносить те или иные изменения, пожалуйста, прислушайтесь к его мнению.
Мои заказчики обычно распечатывают макет или прототип, расписывают свои пожелания и передают лист мне (лично или по электронной почте).
Дополнительные страницы и файлы
Я всегда делаю, так называемые, «дополнительные страницы» и советую вам требовать их от дизайнера. Это страница с типографикой (оформление текста, списков, таблиц, цитат, заголовков, изображений) и страница с элементами пользовательского интерфейса (кнопки, ссылки, пункты меню, выпадающие списки, формы, чекбоксы, радио-кнопки, иконки и т.д.). Все элементы пользовательского интерфейса должны быть показаны в нескольких состояниях (обычные, активные, неактивные, при наведении) и оформлены отдельным файлом для верстальщика с четкими пояснениями. Это нужно для того, что бы верстальщик мог полностью «прописать» стиль вашего сайта. Например, если у вас ограничен бюджет и вы не заказываете разработку личного кабинета пользователя, а используете стандартные страницы, они, по крайней мере, стилистически не будут отличаться от всего сайта.
В исходных файлах слои и группы должны быть подписаны и обозначены цветами. Должны быть приложены шрифты и оригиналы изображений (например, изображение заднего фона: у дизайнера в макете обрезано, но верстальщику-то нужен оригинал).
Выводы
- Прислушивайтесь к мнению профессионала
- Уважайте чужой труд и время
- Заранее обговаривайте ключевые моменты: сроки, стоимость, конечный результат, количество разрабатываемых страниц и элементов. Утверждайте их письменно или по электронной почте (не на словах)
- Способствуйте работе дизайнера, отвечайте на вопросы, предоставляйте информацию, идите на контакт
- Относитесь к людям так, как хотите, чтобы относились к вам