Краткая инструкция по работе с web-дизайнером (для менеджера проекта)



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

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

    В идеале, в комментариях вы оставите свои советы, замечания к статье, ссылки и примеры.

    Я не дизайнер, я заказчик и именно с этой стороны буду давать советы. Если у вас возникает вопрос, достаточно ли моей компетенции для освещения этой проблемы, то можете посмотреть отзывы обо мне, как о заказчике на free-lance.ru.


    Вводная часть


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

    Я считаю, что моя часть ответственности проекта, как заказчика:

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


    На практике я чаще сталкивался с тем, что заказчик перекладывал свою часть задачи на плечи дизайнера. Как правило, ничего хорошего из этого конечно же не получается, потому что лучше вас никто не вникнет в суть вашей идеи или задачи, никто лучше вас не продумает логику каждого элемента и так далее. Не поленитесь, сделайте хорошее ТЗ и вы получите отличный дизайн. “Хочешь сделать хорошо, сделай это сам”.

    Ниже описаны самые важные аспекты ТЗ для дизайнера и рекомендации по их составлению.

    Идеальное ТЗ


    Идеальное — это конечно же просто красивый заголовок для привлечения внимания. Скорее тут подойдет “Один из вариантов хорошего ТЗ”.

    Идея


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

    • Кто пользователь этого сайта?
    • С каких устройств будут использоваться сайт?
    • Какие ощущения он должен вызывать?


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


    Блок-схема страниц




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

    Все эти вещи я рекомендую вам продумать самому, доверив дизайнеру лишь превращение вашей идеи и вашего виденья из каркаса в красивую картинку.

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

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

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

    Инструменты создания блок-схемы


    Существует множество удобных инструментов для построения блок-схемы, один мой коллега в MS Paint создает настоящие шедевры (буду рад новым инструментам в комментариях), вот мои любимые:



    Типовая внутренняя страница


    Рекомендую особое внимание уделить типовой внутренней странице. Постарайтесь предусмотреть на ней все возможные варианты и комбинации контента, который собираетесь использовать. Попросите дизайнера показать, как будет выглядеть, жирный текст и курсив, таблицы, списки, заголовки H1-H5, цитата, нумерованный список, вставленные изображения и так далее. Много людей в будущем скажут вам за это спасибо.

    Примеры блок схем:

    moqups.com/idoziru/Ok2mhYsJ
    ninjamock.com/s/kdwizs


    Палитра цветов


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



    Любую графическую информацию, лучше передавать графически. Иначе это превращается в “Угадай мелодию”, причем мелодию вам показывают на пальцах.

    Мне ( и моим клиентам) нравится делать так. Они находят фотографию, которая по их мнению подходит по цветовой гамме под их идею.

    Отличный ресурс, который выручает в таких случаях http://color.romanuke.com

    Примеры хороших сайтов и плохих


    Стоит показать дизайнеру примеры сайтов, дизайн которых вам хотелось бы посоветовать в качестве вдохновения для дизайнера. Постарайтесь кратко описать, чем нравится каждый из них. Аналогичным образом приведите примеры “плохих” сайтов.

    Пример: toster.ru — нравится решение с меню прикрепленным слева, создает впечатление, что это приложение. habrahabr.ru — нравится простота и “воздух”. proactivweb.ru — нравится яркость и буква “М” у станции метро. apple.com — не нравится, что меню появляется через 3 секунды. Само меню тоже не нравится, особенно псевдоблики.


    Внесение правок


    Не бывает (лично у меня не было) такого, чтобы с первого раза и все получилось идеально и сразу. Скажу даже больше, не пытайтесь делать идеально сразу. Сделайте “крепко” и “хорошо”, быстрее запускайте проект и получайте статистику. Иначе завязнете в попытке сделать идеально сразу, в итоге так и не сделаете.

    Правки стоит давать конкретные. Точно показывать на скриншоте о каком элементе или месте вы говорите. Пояснять дизайнеру, почему вы решили сделать эту правку. Если на вопрос “чем моя правка сделает дизайн лучше?” вы отвечаете “мне так нравится больше” — значит не стоит делать эту правку пока вообще, она бесполезна.



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

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

    Пример правки к странице в одной из итераций здесь.

    Совет: смотреть присланное изображение лучше всего в браузере, ведь именно для него все это и делается.


    Что делать, когда дизайн сделан


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

    Попросите дизайнера подготовить макет в соответствии с правилами, указанными на сайте ilovepsd.ru ( Кстати, отличный сайт, большое спасибо его создателям, всегда выручает)

    • Кроме самого макета в формате PSD всегда забирайте шрифты, которые использовал дизайнер.
    • Всегда пробуйте открыть присланный вами макет, прежде чем писать, что все “ОК”. Самое простое, что может быть — разные версии программ.
    • Еще раз сверьтесь с вашей блок схемой и проверьте список правок. Все ли выполнено?
    • Проверьте, для всех ли активных элементов есть несколько отображений.
    • Посмотрите на страницы, представьте, как это будет выглядеть с более длинным заголовком, или более длинной фамилией автора и так далее.


    Что еще нужно знать


    Контент VS Lorem Ipsum

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

    Начинайте с главной страницы

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

    Ну. И что?
    Реклама
    Комментарии 60
      +5
      Замечательно, спасибо!

      А теперь ждём инструкцию по работе с верстальщиком!
        +10
        Если это не сарказм, то я с удовольствием поделюсь своим мнением.
          +6
          Не сарказм. Тоже поддержу коментатора выше.
            +2
            Ок. «Пацан сказал, пацан сделал». Если еще кто-то из дизайнеров отпишется, что да, я правильно вижу все, то на волнах «звездной болезни» напишу о работе с верстальщиком.
              +2
              Я как раз верстальщик :)
                +2
                Пишите-пишите! Это всегда будет полезно почитать всем.

                з.ы. Я как раз дизайнер и всегда читаю статьи разработчиков о том, как работать с дизайнером :)
                  0
                  обязательно пишите )
                  (Просьба в лице еще одного верстальщика)
                    0
                    Мне как заказчику, интересно узнать ваше мнение о том как работать с верстальщиком
                      0
                      Постараюсь в течении 2х недель сделать. Оповещу всех, кто отписался.
                        0
                        Мне как разработчику подключающему чужую верстку, тоже очень нужна инструкция по работе с верстальщиками. Правда склоняюсь к покупке пистолета.
                          0
                          Чем дальше ваша работа стоит на шкале времени от старта проекта, тем больше и сильнее вас бьют чужие косяки. Эффект «последнего вагона».
                      0
                      Как и обещал — habrahabr.ru/post/213313/
                    0
                    Разумеется, не сарказм! Если инструкция будет такая же подробная и внятная, то будет очень круто.
                  +15
                  Мы собираемся создать новый дизайн для действующего сайта зубной клиники. Дизайн должен быть современным, чистым, свежим, с flat эффектом.

                  Вот прям представил себе врача стоматолога, руководителя клиники, который это изрекает :)

                  Будем последовательными. Краткая инструкция по работе со стоматологом. Приходя к врачу, не поленитесь заранее выяснить с какими зубами у вас проблемы и в чем они заключаются. Если вам нужно исправить прикус, принесите несколько фотографий челюстей которые вам нравятся и которые нет. Опишите что именно вас в них привлекает, а что не устраивает. Если вам нужно поставить имплант, принесите натурный макет (можно распечатать на 3D принтере), чтобы зубной техник сразу понял, что именно вы хотите. Ведь никто кроме вас не знает, какие вам нужны зубы. А то приходят и говорят: «полечите мне зубы». И хорошо, если говорят, бывает мычат с перекошеным от боли лицом :)

                  Это, конечно, шутка, но, имхо, именно дизайнер (ui дизайнер, а не рисовальщик) должен понять потребности клиента и предложить варианты. Ведь это его работа. Как максимум, зубной врач (раз уж мы о нем заговорили), может ткнуть пальцем в сайты, которые ему нравятся. Причем нравиться ему может вырвиглазное убожество и задача дизайнера объяснить в этом случае, почему так делать не надо.
                    0
                    Конечно же, это работа менеджера проекта, перевести все «хочу» на понятный команде язык.
                      0
                      и к сожалению UI дизайнеров в России толковых очень мало, а те что есть имеют работу и заказы на длительное время вперед. Тут явно дефицит специалистов.
                        +1
                        Всеми фибрами души поддерживаю каждое ваше слово.
                        Сам не дизайнер, а разработчик. Но помню как пришли с дизайнером к заказчику, чтобы обговорить как будет выглядеть сайт. Заказчик сказал, что ему неважно какого он будет цвета, где какие блоки будут. У него есть требование: «сайт должен быть как Феррари, чтобы увидел его и ВАУ». Дизайнер вышел со встречи чуть ли не плача от радости. Наконец-то его не ставили в строгие рамки, в которых он должен умудриться сделать хоть что-нибудь приличное не нарушив ТЗ.
                        Мне так сильно запала в память эта история, что с тех пор я не указываю специалисту что и как он должен делать. Другое дело, что, действительно, хорошего специалиста днем с огнем не сыщешь. Но так ведь я не зря 10 лет общаюсь с разными исполнителями, чтобы найти того, кто мне нужен. Не так давно мне самому понадобился сайт и я обратился к своему знакомому дизайнеру, с которым работаю уже лет 5-6. Он давно уехал в штаты и работает там. Знаете какое ТЗ я ему дал? Я сказал, что мне нужен интернет-магазин. Требование одно — «чтобы он продавал». Детали типа «должна быть страница с корзиной, с просмотром товара, с перечнем товаров» — это все на его усмотрение. Он тот самый ui дизайнер, он лучше меня знает что и как делать.
                        Бесконечно рад, что знаком с профессионалами такого уровня.

                        А в данной статье рассказывается не как получить идеальный дизайн, а как получить дизайн, который сделали заказчик (обыватель) и рисовальщик. Это не идеальный дизайн, не тешьте себя иллюзиями.
                          0
                          Обычно с такими проектами происходит так: заказчик поначалу всем доволен, но вспоминает, что что-то забыл, чего-то не хватает, тут вот надо кое-что добавить («ну это же очевидно, почему вы сами не сделали?»). И на Феррари навешивается крепление для негабаритных грузов и прицепляется тележка сзади.
                            0
                            Вдогонку: Многим нравится флэт, почти все хотят «как в айфоне». Да и какой заказчик откажется от «Вау!» при заходе на его, оплаченный собственными деньгами, сайт? Трудновато бывает донести (и через менеджера в том числе), что клиенту нужна не «феррари», а фургончик с хот-догами или грузовик.
                              0
                              Не совсем так. Всем кажется, что они разбираются в дизайне и поэтому могут советовать. Это как в санном спорте: да чего там уметь-то, сел и поехал, я бы тоже так смог.
                              Давайте будем честными перед самим собой? На самом деле вы не хотите, чтобы «новости» на сайте были справа, а меню сверху. Вы хотите, чтобы сайт успешно выполнял ту роль, ради которой он создавался.
                              Если это форум, то нужно, чтобы на нем было много полезной информации и умные участники. Если интернет-магазин, то чтобы он приносил прибыль.
                              Можно еще сравнить с машиной. Если вы собираетесь участвовать на ней в ралли Париж-Дакар, то вам нужна такая машина, на которой вы победите, а не «красненькая». Есть основная цель, всё остальное второстепенно.
                              Люди, которые сделали сотню-другую сайтов, которые учились этому, которые знают, какие сайты «выстрелят», а какие загнутся через год, эти люди могут выполнить все ваши хотелки, но тогда пеняйте на себя. А могут сделать так, как понравится вашим клиентам, а не вам.
                              Так что открытым остается только вопрос в поиске такого специалиста.
                                0
                                Давайте будем честными перед самим собой?

                                Давайте. И правда тут в том, что многие заказчики, помимо, собственно, работающего дизайна, хотят также получить удовольствие от процесса дизайна. Заманчиво: сказать «А давайте здесь сделаем зелёненьким!» — и вот оно, зелёненьким, симпатично. Заказчик начинает ощущать себя творцом.

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

                                Я всегда говорил, что заказчику не должен нравиться дизайн его сайта (и это причина, по которой я больше не занимаюсь дизайном сайтов как фрилансер, ни за какие деньги). Потому что, как правило, заказчик сам не входит в ЦА своего будущего сайта, зато часто, при полном осознании необходимости покупки микроавтобуса, хочет получить от работы дизайнера радость, как от спортивной машины. И не может сказать себе «нет». Потому что рассматривает дизайн не как вложение в бизнес-инструмент, а как покупку.
                            0
                            Разница в отношениях заказчика и дизайнера, и пациента и стоматолога, в том, что стоматолог примерно представляет, как выглядят идеальные здоровые зубы и без комментариев со стороны пациента. Существует некий, что ли, «эталон» здоровых зубов. А дизайн всем нужен разный.
                            0
                            Я немного дальтоник, у меня дихромия. Это значит, что я не совсем правильно вижу границы в палитрах, а так же не могу различить оттенки синего, например. У меня даже медицинское заключение есть по этому поводу.
                            Жить подобный факт никак не мешает, но я вообще не берусь трогать цвета в своих проектах. Просто говорю дизайнерам: ты сделаешь это лучше! И всё, полностью и безоговорочно доверяю. Возможно это несёт в себе какие-то негативные последствия, но я просто закрываю на это глаза =)

                            А проект я начинаю не с главной страницы, а с карты сайта. После того, как разложишь все возможные страницы в дерево, то можно выделить различные однотипные по внешнему виду страницы, а блоки главной страницы будут очевидны. Задача будет стоять только в их лаконичном размещении на одной странице.
                              –2
                              Странно, что у вас аватар в серо-голубых тонах…
                                +3
                                То, что у меня плохо с восприятием цвета не делает меня слепым, и я прекрасно вижу, что на картинке изображён милый зверь. Для того, чтобы это понять, совершенно не обязательно выкрашивать его в контрастные цвета =)
                                0
                                Используете ли для карт какой-то софт/сервис?
                                  0
                                  Использую Visio и OmniGraffle. Не отказался бы от удобного сервиса. С «draw io» как-то не сложилось.
                                +2
                                >>> WEB-дизайн — это результат совместной работы дизайнера и заказчика…

                                Почему все забывают про верстальщика? Иногда дизайнер с заказчиком выдают такое, что не поддаётся вёрстке. Например в моей практике были анимированные скроллбары, всевозможного вида select'ы, невообразимые комбобоксы, окна с тенями (в эпоху IE5.5) и еще много всякого «креатива».
                                  0
                                  Вы правы, но результатом совместной работы верстальщика и дизайнера у нас является макет. А чтобы не «пороть» в дизайне… в общем тут компетенции и опыта менеджера проекта хватает.
                                    0
                                    да не забыли про него, просто еще дело не дошло.

                                    Дизайнеры всегда выдают и выдавали, от этого никак не избавиться. Яркий тому пример — автопром. Там всегда было — сначала представляют какой-то супер-пупер мега концепт кар, а когда выпускают его в производство, оказывается, что 60-70% всех фишек нафиг пообрезали, т.к. технически реализовать данный дизайнерский порыв невероятно сложно и дорого. Та же фигня и в верстке, очевидно 8)
                                      0
                                      Я вообще стараюсь работать с дизайнером, у которого есть свой верстальщик. Пусть они сами договариваются, что кому и как удобней будет.
                                      0
                                      По-моему, то, что у вас в статье называется блок-схемой сайта, все же принято называть прототипом сайта. Под блок-схемой обычно подразумевается немного другое. Касаемо инструментов для создания прототипов — на хабре есть статья посвященная этому.
                                        0
                                        Да, на картинке — прототип. Блок-схемы (wireframes) вебсайтов представляют то же самое, что и прототипы (prototypes), но в еще более упрощенном виде.
                                          0
                                          Мы называем прототипом блок схему, когда у нее есть действующие ссылки и элементы. То есть можно полазить по блок схеме, понажимать кнопки и ссылки.
                                        +1
                                        Смешной пост, да :)
                                        Прорабатывать структуру сайта — это не задача дизайнера.

                                        После этого пост можно дальше не читать.
                                          0
                                          А где это в статье у меня написано? И что именно показалось вам смешным?
                                            0
                                            Он начнет думать именно над тем, над чем должен думать, а не решать несвойственные ему задачи.
                                              0
                                              Ниже комментарий
                                                0
                                                Вижу, что вам минус поставили. я вам плюс ставлю. Глупо, что вам за ваше мнение и взгляд в вопросе где нет супер решения, ставят минус.
                                            0
                                            Все правильно, дизайнер должен думать о дизайне, а не решать несвойственные ему задачи. В чем противоречие с вашей фразой «Прорабатывать структуру сайта — это не задача дизайнера»? И что именно вам показалось смешно?
                                              +1
                                              Все эти вещи я рекомендую вам продумать самому, доверив дизайнеру лишь превращение вашей идеи и вашего виденья из каркаса в красивую картинку.


                                              Продумывание структуры — несвойственные задачи для дизайнера? Вы же это имели в виду?
                                                –1
                                                Именно, реальная практика показывает, что структуру сайта или страницы большинство дизайнеров «не вытянут» сделать.
                                                  +1
                                                  Опять классическая путаница в русскоязычной терминологии. Вы даже в статье об этом написали. Давайте тогда такого дизайнера называть «художник-оформитель», не более.
                                                    0
                                                    Именно. Автор статьи подразумевает оформителя, раскрасочника. Ну или техдизайнера — таким словом еще называют ребят, которые по готовым мокапам красят страницы.
                                              +1
                                              Уважаемый автор, спасибо за инструменты для создания блок-схем. Счастья и добра тебе человек!
                                                +6
                                                Очень вредная статья. Я работаю с заказчиками достаточно часто. И одна беда, что они не знают чего они хотят, но гораздо большая беда, когдане просто знают, но и указывают и буквально рисуют дизайн. Работа дизайнера превращается просто в инструмент перевода в фотошоп. При этом ни разу я не встречал заказчика, который хоть чуть-чуть разбирается в аудитории своего будущего или существующего сайта, который хоть немного представляет себе что будет удобно, а что нет его будущим пользователям.
                                                Все заказчики, которых я встречал отталкиваются только от того, что мне понравился такой-то сайт давайте повторим его верхнюю часть и вот такой-то, давайте повторим его нижнюю. А для чего, как это решит его же задачу — не понятно.
                                                Извиняюсь, за сумбурный текст — это выплеск эмоций. Я считаю, что дизайнер должен вместе с клиентом понять его задачу и предложить её решение. Я ни разу не встречал клиента, который предлагает что-то разумное. Может быть такие и есть, но в другом от меня мире.
                                                  0
                                                  У нас между клиентом и дизайнером работает менеджер проекта, он и занимается всеми этими вопросами. Если вы действительно один из тех редких дизайнеров, кто делает дизайн, а не «отрисовывает». Мы бы были рады с вами поработать. Напишите свои контакты в ЛС или пришлите портфолио.
                                                    0
                                                    По ходу комментариев возникает мысль, что вам все художники-оформители вместо дизайнеров попадаются. Я тоже против того, чтобы клиенты или менеджеры присылали прототипы. Обычно я такое выбрасываю и делаю все с нуля. Владелец бизнеса (заказчик т.е.) совершенно не обязан понимать, что как поставить на странице, он должен заниматься своими делами. Менеджер проекта — тем более не стараться нарисовать, как он понял идею клиента (и есть вероятность, что понял он неправильно). Веб-дизайнер — это все-таки не оператор Фотошопа.
                                                  0
                                                  На практике я чаще сталкивался с тем, что заказчик перекладывал свою часть задачи на плечи дизайнера.
                                                  Жесть!
                                                  Если заказчик лезет в дизайн, то это уже «веб-дизайн катится в Ад»

                                                  А на деле бывает так (в лучшем случае):
                                                  … Хочу сайт в пастельных тонах, цвета розовый и голубой. На главной вывод логотипа, контактных данных, списка новых/популярных/уценённых товаров, промо-ролик, список категорий товаров нашего ассортимента (продублировать на всех страницах)…
                                                  И это в идеале.

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

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

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

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

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

                                                        Пример из жизни: клиент долго доказывал нам, что наиболее важным свойством товаров с точки зрения навигации по каталогу и выбора товара является бренд. Поскольку клиент пытался поступать именно как вы советуете, пришлось тут же обратиться к продавцу в торговом зале с вопросом «Что справшивает покупатель первым делом, когда подбирает нужный товар?». Ответ полностью опроверг утверждение клиента — «А есть у вас [некий_товар] на десятку?» либо «Нужен [некий_товар] размером XX мм»

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

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

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

                                                        Заказчик же должен просто объяснить, какие задачи необходимо решить, каких целей необходимо достигнуть (не «хочу меню слева», а «надо увеличить продажи диванов на 20% минимум к сентябрю»). А уже дизайнеры и специалисты в смежных областях пусть думают, как эти задачи решить наиболее эффективно.
                                                          0
                                                          между заказчиком и дизайнером у нас работает менеджер проекта, который для дизайнера и является заказчиком.
                                                            0
                                                            я переименую статью, чтобы не было путаницы
                                                            0
                                                            Мне кажется это статья как поставить задачу верстальщику.
                                                            Если заказчик (вышеупомянутый стоматолог) дополнительно зайдет на пару-тройку сайтов с выбором цветовой палитры, и хорошо подумает какие страницы ему нужны, то всё что останется сделать т.н. «дизайнеру» — это отрисовать согласно блок схемы набор страниц.
                                                            Я был со стороны заказчика и со стороны дизайнера — от таких заказчиков и дизайнеров что принимают это надо уходить не попрощавшись :)
                                                              0
                                                              Отличная статья, спасибо!
                                                                0
                                                                Статья понравилась. Отдельное спасибо за ссылку на коллекции палитр color.romanuke.com

                                                                Я, скорее, играющий заказчик, по аналогии с играющим тренером в спорте, знаю, всю техническую подноготную от А до Я, но в вопросах дизайна предпочитаю доверять принятие решений тем, кто этому специально учился.

                                                                Поделюсь своим стандартным «ТЗ» для дизайнера (в скобках мой комментарий):

                                                                1. Только Photoshop (был один талантливый автор, работающий в Adobe Illustrator)
                                                                2. Макет в формате PSD (БОТА, приславший PNG)
                                                                3. Не использовать кастомные шрифты вообще! (простите за самопиар, но пришлось в свое время даже написать статью)
                                                                4. Необходимо придерживаться правил, изложенных на этих ресурсах и статьях (с этим все понятно)
                                                                github.com/gotterdemarung/freelance/blob/master/design.md
                                                                ilovepsd.ru/
                                                                habrahabr.ru/post/197588/
                                                                photoshopetiquette.com/

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

                                                                Ещё, недавно на Хабре проскочила статья про интересный сервис для организации обратной связи между заказчиком и разработчиком непосредственно из прототипа сайта. На мой взгляд, это тоже будет полезно для обсуждения дизайна.
                                                                  0
                                                                  После прочтения нарисовал:

                                                                  image

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

                                                                  Чуть слезу не пустил. Вот бы хоть 20-30% так думали. Обычно еле-еле пункт №1 выполняется. Готовый контент — вообще из области фантастики.

                                                                  Сам только 1 раз получал качественное тз (заполнили мой бланк) и наброски-каракули на бумаге. И это был программист, который делал сайт для себя. Он умница. И автор статьи тоже.

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

                                                                  Самое читаемое