Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 57
Увидела пост об этом сервисе уже после публикации, не знала о таком инструменте. Надо опробовать.
Большинству моих заказчиков проще распечатать картинку и правки нарисовать карандашом на бумаге, чем заходить на сайт и учиться пользоваться каким-то сервисом. Я работаю так, как удобно моим заказчикам, меня это не затрудняет.
Большинству моих заказчиков проще распечатать картинку и правки нарисовать карандашом на бумаге, чем заходить на сайт и учиться пользоваться каким-то сервисом. Я работаю так, как удобно моим заказчикам, меня это не затрудняет.
Желтая кнопка фидбека на этом сайте взорвала мне мозг. Прям возвращение к гифкам девяностых.
Краткая инструкция о том, как надо работать с
… дизайнером интерфейсов? (Или дизайнерской компанией, судя по разделу «Стилизация»?)
Я веб-дизайнер, инструкцию писала из собственного опыта. Работала фрилансером, в студии, по мимо меня, дизайном никто не занимается.
В большинстве случаев веб-дизайнеры: и проектировщики интерфейсов, и графические дизайнеры, и технические дизайнеры. Это, конечно, не очень хорошо, но приходится вертеться.
В большинстве случаев веб-дизайнеры: и проектировщики интерфейсов, и графические дизайнеры, и технические дизайнеры. Это, конечно, не очень хорошо, но приходится вертеться.
Это зависит от размера проекта и студии. Есть самое общее понятие профессии: «веб-мастер». Потом оно быстро разделилось на ряд специализаций. И, конечно, вебмастер-верстальщик и «вебмастер»-программист делают разные вещи и заказчики ожидают от них разного (на сайт-визитку программиста не позовут, к примеру). Но в данном случае есть разделение на проектировщика интерфейсов и графического дизайнера (стилизация). Таким образом, у Вас стоит задача убедить заказчика в необходимости фазы проектирования интерфейсов. Если будете называть разные специализации разными названиями, наверное, убедить будет легче. :)
Главное соблюдать 2 правила — не выёживаться и не быть "«даком
Главная проблема нецензурно сформулированных правил заключается в том, что их восприятие обыкновенно бывает… неприятно субьективным.
Пример:
— Уважаемый заказчик, мы не можем за полчаса перед дедлайном поместить в этом месте баннер, его не было в техническом задании и в прототипе.
— Ты выёживаешься что ли "«дила?!
Пример:
— Уважаемый заказчик, мы не можем за полчаса перед дедлайном поместить в этом месте баннер, его не было в техническом задании и в прототипе.
— Ты выёживаешься что ли "«дила?!
По моему опыту в качестве заказчика, дизайнеры и их представления о том, как правильно ставить им задачу, очень сильно отличаются. Первый дизайнер, с которым я пыталась работать, требовал предоставить ему структуру (с точностью до пикселя), где должны располагаться какие элементы страницы (логотип, меню и т.д.), т.е. его работа действительно заключалась только в том, чтобы
А другой дизайнер, наоборот, никаких подобных деталей не просил, а после нескольких простых вопросов о сути сайта сказал «Я вижу, как это надо делать» и сделал. Хорошо сделал.
разукрасить сайт и придумать веселые фентифшлюшки и узорчики
А другой дизайнер, наоборот, никаких подобных деталей не просил, а после нескольких простых вопросов о сути сайта сказал «Я вижу, как это надо делать» и сделал. Хорошо сделал.
Поэтому я и написала «в идеале». Потому что в Вашем случае веб-дизайнером был только второй. Но зачастую приходится работать и с первыми случаями, это я знаю.
Это тоже самое, что Вы придете в автомастерскую и скажете, что и где у вас поломалось и как это надо чинить, а автомастер сделает все по Вашим словам, только потому, что Вы не умете обращаться с инструментом.
Это тоже самое, что Вы придете в автомастерскую и скажете, что и где у вас поломалось и как это надо чинить, а автомастер сделает все по Вашим словам, только потому, что Вы не умете обращаться с инструментом.
Я так и делаю, но не потому что не умею обращаться с инструментами, а потому что гаража нет.
Вот последний случай — менял шрус, пришлось откручивать один рычаг подвески. Когда мастер все ставил назад он тупо затянул рычаг. Я увидел и подсказал, что этот рычаг нужно затягивать на стоящей на колесе машине или поддомкрачивать подвеску, иначе резинка рычага будет работать на излом, что приведет к ее быстрому выходу из строя.
Вот последний случай — менял шрус, пришлось откручивать один рычаг подвески. Когда мастер все ставил назад он тупо затянул рычаг. Я увидел и подсказал, что этот рычаг нужно затягивать на стоящей на колесе машине или поддомкрачивать подвеску, иначе резинка рычага будет работать на излом, что приведет к ее быстрому выходу из строя.
Я был, однажды, заказчиком. Уложились в три мелких правки :)
именно, экономически выгоднее одного толкового менеджера проекта на 5 дизайнеров-оформителей, чем 5 дизайнеров высшего уровня.
Если уж проводить аналогию, то это скорее из серии:
— В Домодедово!
…
Спустя два часа:
— Ой, нет, давайте лучше в Шереметьево...
Не разделяю вашего задорного сарказма по поводу статьи.
Прочёл с точки зрения заказчика — всё по делу написано, даже о том, что нужно требовать от дизайнера. Не нужно быть адским клиентом и требовать играть со шрифтами.
Прочёл с точки зрения заказчика — всё по делу написано, даже о том, что нужно требовать от дизайнера. Не нужно быть адским клиентом и требовать играть со шрифтами.
Хорошо когда ТЗ впринципе есть (пусть и с «анимация корзины должна быть прыгающей») и дизайнер хоть немного представляет как это будет верстаться.
Есть ли способ отличить хорошего дизайнера от плохого ДО представления результата?
Я имею в виду не то, как он умеет рисовать, грубо говоря (это можно по портфолио посмотреть), а вот такие штуки: «Каждая деталь на сайте расположена в соответствии с определенными принципами, и именно веб-дизайнер должен уметь обосновать их».
Пример: предположим, лично мне кажется, что на сайте должна быть большая фиолетовая кнопка «вы выиграли миллион рублей», а дизайнер утверждает, что это прошлый век. Есть ли способ понять, это я устарел или дизайнер просто пытается сделать как ему удобнее (или, скажем, впарить готовй макет)?
Что делать дизайнеру, если требования заказчика кажутся ему бредом?
Что делать заказчику, если дизайнер утверждает, что его требования — бред?
Ответ «доверять» пока не подойдет. Доверять можно только знакомому дизайнеру. Незнакомому доверять нельзя.
Я имею в виду не то, как он умеет рисовать, грубо говоря (это можно по портфолио посмотреть), а вот такие штуки: «Каждая деталь на сайте расположена в соответствии с определенными принципами, и именно веб-дизайнер должен уметь обосновать их».
Пример: предположим, лично мне кажется, что на сайте должна быть большая фиолетовая кнопка «вы выиграли миллион рублей», а дизайнер утверждает, что это прошлый век. Есть ли способ понять, это я устарел или дизайнер просто пытается сделать как ему удобнее (или, скажем, впарить готовй макет)?
Что делать дизайнеру, если требования заказчика кажутся ему бредом?
Что делать заказчику, если дизайнер утверждает, что его требования — бред?
Ответ «доверять» пока не подойдет. Доверять можно только знакомому дизайнеру. Незнакомому доверять нельзя.
Я никогда не выступала заказчиком, поэтому с этой позиции рассуждать тяжело.
По портфолио все же можно сделать оценку. Не смотрите все портфолио, а попросите дизайнера самого показать вам 2-3 любимые его работы. Обычно это те, качеством которых он очень доволен. Рассмотрите их как пользователь, удобно бы вам было пользоваться сайтом, который сделал этот дизайнер. Если да, уже плюс.
Выйдите на заказчиков этого дизайнера, поговорите с ними. Учитывайте то, что вы можете попасть на не очень адекватного заказчика, поэтому отзыв всегда надо сравнивать с результатом работы.
Поговорите с самим дизайнером, спросите о схемы работы, оцените бриф (если он вообще есть) и т.д.
В этом случае я-то знаю что делать.
А вот в этом, вообще без понятия, если честно.
По портфолио все же можно сделать оценку. Не смотрите все портфолио, а попросите дизайнера самого показать вам 2-3 любимые его работы. Обычно это те, качеством которых он очень доволен. Рассмотрите их как пользователь, удобно бы вам было пользоваться сайтом, который сделал этот дизайнер. Если да, уже плюс.
Выйдите на заказчиков этого дизайнера, поговорите с ними. Учитывайте то, что вы можете попасть на не очень адекватного заказчика, поэтому отзыв всегда надо сравнивать с результатом работы.
Поговорите с самим дизайнером, спросите о схемы работы, оцените бриф (если он вообще есть) и т.д.
Что делать дизайнеру, если требования заказчика кажутся ему бредом?
В этом случае я-то знаю что делать.
Что делать заказчику, если дизайнер утверждает, что его требования — бред?
А вот в этом, вообще без понятия, если честно.
Ответ «доверять» единственно правильный. Вопрос с незнакомым решается выполнением небольшого проекта/задачи.
«Вы выиграли миллион рублей» не может быть кнопкой, потому что надпись на кнопке должна давать пользователю понять, какое действие произойдёт при нажатии. «Выиграть миллион рублей» — верный вариант. Надпись / алерт / поп-ап / заголовок «Вы выиграли...» — верное решение. «Это прошлый век» — ответ плохого дизайнера.
Это же был просто пример.
Да, пример. Просто по таким комментариям тоже можно оценить пригодность конкретного дизайнера к решению поставленной задачи. Если бы он сказал «Фиолетовый цвет на сайте больше нигде не присутствует, нельзя использовать его» — это был бы дизайнер, который наверняка делает упор на визуальное оформление. Если бы сказал то, что я написал выше, то, вероятно, можно поручить ему задачу, где в приоритете удобный интерфейс.
Неплохой метод оценки дизайнера — высказать нелепое пожелание и посмотреть, как он будет аргументировать отказ выполнять его.
Неплохой метод оценки дизайнера — высказать нелепое пожелание и посмотреть, как он будет аргументировать отказ выполнять его.
Это на самом деле несложно.
Автор статьи, работая в небольшой студии, не разделяет собственно веб-дизайн и UX, сама делая и то, и другое.
Если вы хотите проверить, насколько качественно веб сайт будет работать, смотрите не картинки из портфолио, а работающие сайты предыдущих заказчиков.
Если требования заказчика кажутся бредом, настоящий профессионал каждое несоответствие здравому смыслу объяснит подетально.
Если же дизайнер объяснить не может, то еще неизвестно, кто прав.
Обычно заказчик — человек, кое-чего в жизни добившийся и соображающий неплохо. И придирки начинаются оттого, что дизайн неубедителен, но заказчику трудно разложить работу дизайнеров на части и определить, что именно нужно переделать, чтобы стало лучше.
Автор статьи, работая в небольшой студии, не разделяет собственно веб-дизайн и UX, сама делая и то, и другое.
Если вы хотите проверить, насколько качественно веб сайт будет работать, смотрите не картинки из портфолио, а работающие сайты предыдущих заказчиков.
Если требования заказчика кажутся бредом, настоящий профессионал каждое несоответствие здравому смыслу объяснит подетально.
Если же дизайнер объяснить не может, то еще неизвестно, кто прав.
Обычно заказчик — человек, кое-чего в жизни добившийся и соображающий неплохо. И придирки начинаются оттого, что дизайн неубедителен, но заказчику трудно разложить работу дизайнеров на части и определить, что именно нужно переделать, чтобы стало лучше.
Blaga, хотел уточнить, а какой опыт работы в отрасли? В смысле, в годах.
Наверное сделаю небольшой экскурс в историю и для автора, и для будущих читатей. Такая ситуация сложилась эволюционно. Где-то этак 6-8 лет назад в среднем именно так и было. Веб дизайнер был просто художником оформителем, проработкой интерфейса он не занимался. Потом в отрасли (беру только рунет, только веб), вслед за западом стали задумываться, а как вообще интерфейс влияет на работу посетителя с сайтом. Началась выделятся специализация «проектировщик UI». В которую стали вливаться не только дизайнеры. Особо это подчеркиваю.
Аналогичную ситуацию можно наблюдать на ниве верстки. 12-15 лет назад ни кто JS как программирование серьезно не выделял. Но где-то лет 10 назад из среды верстальщиков стали специализироваться JS программисты. Но и в наши дни многие приравнивают JS программеров к верстальщикам.
Так что указанные ситуации — норма. Отрасль меняется быстрее, чем общество.
Большинство считают, что веб-дизайнер — это художник-оформитель, который придумывает дизайн исходя лишь из собственного вкуса и основная его задача — разукрасить сайт и придумать веселые фентифшлюшки и узорчики.
Наверное сделаю небольшой экскурс в историю и для автора, и для будущих читатей. Такая ситуация сложилась эволюционно. Где-то этак 6-8 лет назад в среднем именно так и было. Веб дизайнер был просто художником оформителем, проработкой интерфейса он не занимался. Потом в отрасли (беру только рунет, только веб), вслед за западом стали задумываться, а как вообще интерфейс влияет на работу посетителя с сайтом. Началась выделятся специализация «проектировщик UI». В которую стали вливаться не только дизайнеры. Особо это подчеркиваю.
Аналогичную ситуацию можно наблюдать на ниве верстки. 12-15 лет назад ни кто JS как программирование серьезно не выделял. Но где-то лет 10 назад из среды верстальщиков стали специализироваться JS программисты. Но и в наши дни многие приравнивают JS программеров к верстальщикам.
Так что указанные ситуации — норма. Отрасль меняется быстрее, чем общество.
design
[dɪˈzaɪn]
1. n.
1) замысел, план
2) намерение, цель; by design преднамеренно
3) проект; план; чертёж; конструкция, расчёт; a design for a building проект здания
4) рисунок, эскиз; узор
5) композиция (картины и т.п.)
6) (тж. pl.) (злой) умысел; to have (или to harbour) designs on (или against) smb. вынашивать коварные замыслы против кого-л.
2. v.
1) предназначать; this room is designed as a study эта комната предназначается для кабинета
2) задумывать, замышлять, намереваться, предполагать; we did not design this result мы не ожидали такого результата; we designed for his good мы делали всё для его блага
3) составлять план, проектировать; конструировать
4) рисовать, изображать; делать эскизы (костюмов и т.п.)
[dɪˈzaɪn]
1. n.
1) замысел, план
2) намерение, цель; by design преднамеренно
3) проект; план; чертёж; конструкция, расчёт; a design for a building проект здания
4) рисунок, эскиз; узор
5) композиция (картины и т.п.)
6) (тж. pl.) (злой) умысел; to have (или to harbour) designs on (или against) smb. вынашивать коварные замыслы против кого-л.
2. v.
1) предназначать; this room is designed as a study эта комната предназначается для кабинета
2) задумывать, замышлять, намереваться, предполагать; we did not design this result мы не ожидали такого результата; we designed for his good мы делали всё для его блага
3) составлять план, проектировать; конструировать
4) рисовать, изображать; делать эскизы (костюмов и т.п.)
Опыт у меня небольшой и я не считаю себя первоклассным специалистом (так, середнячок), мне еще учиться и учиться. Просто я очень люблю свою работу и стараюсь выполнить ее хорошо, и мне очень тяжело вносить правки от заказчиков, когда они откровенно вредят дизайну. И если работая фрилансером я могла отказаться от заказа, то в студии так не получится, ведь тогда я подведу всю команду.
В общем, около 3-х лет опыт.
В общем, около 3-х лет опыт.
Спасибо за статью, все по делу.
В продолжение, может напишите статью- правила работы разработчиков с дизайном?
А то как то все статьи на тему «как правильно приготовить дизайнера».
А ведь зачастую бывает- отдаешь «вылизанный» дизайн макет а на выходе видишь там отступ не сделали, там не тот шрифт, здесь толщина другая и начинаешь объяснять что это не просто прихоть дизайнера, а очень важный визуальный элемент. А теоретически возможна и другая ситуация, на одной странице был отступ 20px, на другой случайно вышло 19, а верстальщик все пунктуально повторил.
p.s. Вы работаете в студии, думаю сталкивались с подобным…
В продолжение, может напишите статью- правила работы разработчиков с дизайном?
А то как то все статьи на тему «как правильно приготовить дизайнера».
А ведь зачастую бывает- отдаешь «вылизанный» дизайн макет а на выходе видишь там отступ не сделали, там не тот шрифт, здесь толщина другая и начинаешь объяснять что это не просто прихоть дизайнера, а очень важный визуальный элемент. А теоретически возможна и другая ситуация, на одной странице был отступ 20px, на другой случайно вышло 19, а верстальщик все пунктуально повторил.
p.s. Вы работаете в студии, думаю сталкивались с подобным…
За время моей работы только один верстальщик воплотил в жизнь мой дизайн с точностью до пикселя… Это был верстальщик, которой в тоже время был превосходным дизайнером и он понимал меня, как никто другой :)
Я, конечно, постараюсь собрать мысли в кучу, но, скорее всего, это будет не скоро. Хотя мелкие недочеты есть практически всегда.
Может после прочтения этих статей нам верстальщики или программисты напишут свою точку зрения в этом вопросе.
Я, конечно, постараюсь собрать мысли в кучу, но, скорее всего, это будет не скоро. Хотя мелкие недочеты есть практически всегда.
Может после прочтения этих статей нам верстальщики или программисты напишут свою точку зрения в этом вопросе.
Чтоб таких ситуаций не возникло, верстальщику надо поставить CSS3PS, а дизайнеру подготовить макеты с глобальными стилями и стилями внутренних страниц (gui-листы они называются).
Сейчас да. Но так было не всегда.
Так и есть. Но зачастую в небольших студиях (в одной из которых работает автор) – это один человек.
Что бы дизайнер смог спроектировать действительно грамотный интерфейс он должен знать ответ на два вопроса: что вы, как владелец сайта, хотите получить от этого сайта и чего хотят ваши клиенты.
Всю жизнь считал, что в современном мире структурой интерфейса должен заниматься дизайнер по интерфейсам, а не просто дизайнер.
У нас интерфейсник делает мокапы схемно, что и где как должно быть, как примерно выглядеть, а дизайнер уже это разукрашивает, придумывает цвета и паддинги, «играется со шрифтами» и т.п.
Очень много из сказаного относится к работе именно интерфейсника, возможно вы уже не просто дизайнер, но сочетаете в себе две должности? (хотя если вы в маленькой студии, то скорее всего так и есть)
Все написано правильно, вот только основная проблема в том, что в фирмах работают дизайнеры-рисователи макетов, а не разработчики интерфейсов. По этому когда к тебе приходит очередная красота для воплощения ее в коде — выясняется что 90% юзкейсов макетом не покрывается ибо дизайнер о таких вещах даже не задумывался.
В отрыве от контекста довольно странно рассматривать размышления о «правильном» построении взаимодействия заказчика и клиента. Бывают разные задачи, разные дизайнеры, разные клиенты. Иной заказчик приходит уже с готовым прототипом от другого дизайнера (впрочем, возможно также, что этот прототип никуда не годится). Случается, что с юзкейсами и сложными сценариями взаимодействий у дизайнера не очень, зато он отлично рисует, например, промо-сайты. Много чего бывает.
В зависимости от ситуации, любая из двух «Кратких инструкций...» может быть успешно или неуспешно применена.
В зависимости от ситуации, любая из двух «Кратких инструкций...» может быть успешно или неуспешно применена.
В идеале над проектом должны работать следующие специалисты:
Продукт-менеджер, арт-директор, Ux/Ui дизайнер, веб-дизайнер, графический/технический дизайнер, веб-технолог, верстальщик, маркетолог, копирайтер, специалист по сео… впишите недостающих:)
В реальности, зачастую, в продакшн выходят сайты, к которым приложили руку максимум 3 специалиста из недописанного списка выше, увы увы. А результат уже зависит от их уровня погруженности в смежные специализации.
Продукт-менеджер, арт-директор, Ux/Ui дизайнер, веб-дизайнер, графический/технический дизайнер, веб-технолог, верстальщик, маркетолог, копирайтер, специалист по сео… впишите недостающих:)
В реальности, зачастую, в продакшн выходят сайты, к которым приложили руку максимум 3 специалиста из недописанного списка выше, увы увы. А результат уже зависит от их уровня погруженности в смежные специализации.
Веб-дизайнер — это, в первую очередь, архитектор, в прямые обязанности которого входит изучение поведения пользователей и проектировка грамотных, удобных и работающих интерфейсов на основе этих данных. Это дизайнер должен думать, какие элементы, какая информация и в каком порядке должны располагаться на сайте.
Вы ошибаетесь это задача разработчика интерфейса. Задача дизайнера оформить прототип визуально приятно и понятно для пользователей
Вы ошибаетесь это задача разработчика интерфейса. Задача дизайнера оформить прототип визуально приятно и понятно для пользователей
фентифшлюшки — это ок
Проблема в том, что большинство людей (аж айтишники и прочие «программисты» уж тем более) не знают, кто же на самом деле настоящий дизайнер. У большинства в головах представление о дизайнерах такое же, как если бы эти же самые люди о программистах думали как о криворуких быдлокодерах.
Дизайнеру надо доверять. Хороший дизайнер плохого не посоветует, как не посоветует хороший архитектор дизайн, нарушающий технику безопасности, например.
Проблема так же в том, что большинство людей считают себя дизайнерами и таки в дизайнеры идут. С программированием такая же хрень.
Проблема №3 заключается все в том же, о чем написал выше. Мало кто разбирается в программировании, но сука каждый дебил считает, что он разбирается в дизайне. Поэтому клиенты часто выдают такую тупку, от которой человека хочется убить, а потом уйти из профессии.
По итогу все идиоты.
Дизайнеру надо доверять. Хороший дизайнер плохого не посоветует, как не посоветует хороший архитектор дизайн, нарушающий технику безопасности, например.
Проблема так же в том, что большинство людей считают себя дизайнерами и таки в дизайнеры идут. С программированием такая же хрень.
Проблема №3 заключается все в том же, о чем написал выше. Мало кто разбирается в программировании, но сука каждый дебил считает, что он разбирается в дизайне. Поэтому клиенты часто выдают такую тупку, от которой человека хочется убить, а потом уйти из профессии.
По итогу все идиоты.
Дизайнер не должен все проектировать единолично. Для этого есть архитекторы, проектировщики UX, которые взаимодействуют с дизайнером.
Иначе дизайнер такое надизайнит, что это будет красивая картинка, не выполняющая ключевую цель.
Иначе дизайнер такое надизайнит, что это будет красивая картинка, не выполняющая ключевую цель.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Краткая инструкция о том, как надо работать с web-дизайнером (взгляд дизайнера)