Разработка макетов: а давайте в этот раз не будем спрашивать уборщицу?

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

    Это происходит потому, что все «специалисты» знают: дизайн — это красивая картинка.

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



    О, каждый второй проект начинается с того, что мне присылают утвержденный макет главной страницы сайта.
    — Как интересно… У вас, наверное, уже есть требования к сайту?
    — Нет, нету.
    — А пришлите мне, пожалуйста, хотя бы карту сайта.
    — Ее нет.
    — Ok, а что с аудиторией и целями? Что это и для кого?
    — Мы еще не думали об этом.

    Почему так происходит? Неужели они не понимают?!
    Нет, не понимают. А происходит это от того, что все “специалисты” знают: дизайн — это красивая картинка.

    Но мы-то с вами знаем, что это не так.

    Дизайн — это математика


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

    Дизайн. Это. Решение. Задачи.

    Если нет задачи, закройте “Фотошоп” и идите ее искать!

    Дизайн — это процесс


    “Девять суток на тракторе по снежной степи — красота никогда не давалась легко”
    – БГ

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

    7 составляющих дизайна, который работает
    (картинку нарисовал sinner. спасибо, sinner!)

    Бизнес-цели ресурса + потенциальный пользователь и его потребности + требования контента + функциональные требования + проектирование структуры ресурса + проектирование навигации + разработка графического дизайна – вот 7 составляющих дизайна, который работает.

    Рассмотрим их поближе.

    Бизнес-цели ресурса


    Сделать мир лучше, укрепить репутацию, занять новую нишу, заработать все деньги мира с помощью вызывающих эпилепсию баннеров — все это бизнес-цели. И именно они в первую очередь определяют конечное решение. Так, например, бизнес-цель определяет порядок расположения блоков на главной странице или смысловые акценты (или структуру ресурса, или отсутствие/наличие интернет-магазина, или...).
    Постоянное возвращение к бизнес-целям помогает избавить себя от необходимости разрабатывать избыточный функционал (“Ну это же так здорово!” — “Да, но вы хотели выйти на рынок нано-раскрасок для детей, причем здесь блэкджек и шлюхи?”).

    Потенциальный пользователь и его потребности


    Пользователь со своими потребностями так же важен, как бизнес-цели. Признайтесь честно, каждый раз когда вы говорите “Все это прекрасно, но пользователям это не понравится”, на самом деле вы сводите личные счеты с зеленым цветом, плашечками, селекторами и понятия не имеете о том, кто ваши пользователи и что им нравится.
    (Даже если после “… пользователям это не понравится” вы способны на пространную речь о мировых тенденциях в проектировании интерфейсов и недавно проведенных исследованиях.)

    Вы собираетесь сделать продукт (не важно, сайт это или унитаз), которым будут пользоваться люди. Кто они? Чем они живут? Какие проблемы перед ними стоят? О чем они думают? Что едят на ужин? Каким классом летают в жаркие страны и летают ли они туда вообще? Почему они захотят потратить на ваш продукт свое время и деньги?
    Чем больше вы знаете о своих пользователях, тем проще предугадать их поведение, тем проще предложить то, что им действительно нужно.
    А это, уж поверьте, намного проще, чем заставить покупать ненужные вещи.

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

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

    Требования контента


    Скорее всего такое случалось и с Вами. Вы усердно собирали требования, написали хорошее, подробное техническое задание, нарисовали под него красивый дизайн, сверстали все это кросс-браузерно, разработали в срок (ути-пуси!), исправили все критические баги, передали разработку в опытную эксплуатацию и… все сломалось. В макетах красиво, в жизни гадко. Как же так?

    А вот так! Дизайн — это красивая (или не очень) оболочка для сути. Если разрабатывать дизайн в отрыве от данных, которые в нем будут потом жить, получится как всегда. Редакторский, рекламный, user-generated — подумайте как следует что и как будет у вас на сайте и решите (хотя бы в первом приближениии) как это будет выглядеть. А если текст будет коротким? А если картинок не будет? Хорошенько подумайте над этим — в жизни всякое случается.

    Требования к продукту


    Что пользователь сможет делать на сайте? По каким принципам будет обновлятся содержимое главной страницы? Будет ли подписка на новости? А RSS? А...? Тут вам придется вспоминить и записать все свои фантазии. Даже самые… ээээ… смелые.
    “И добавьте еще какой-нибудь прикольной движухи”, — как любил говорить один мой заказчик.

    Проектирование структуры ресурса


    Дизайн — это всего лишь способ представления информации. С тем, что показать пользователю, вы определились на этапе “Требования контента”, осталось решить как ему это подать.
    Ваша задача отсортировать информацию и разбить ее на однородные группы, с которыми потом можно работать дальше. Разбивать на разделы или оценивать их удельный вес с точки зрения потенциальных пользователей или бизнес-задач.
    Надо же как-то решать, что будет в правом верхнем углу, а что в нижнем левом.
    Не на камень-ножницы-бумагу же, в самом-то деле…

    Проектирование навигации


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

    Разработка графического дизайна


    Ну что ж. Теперь мы понимаем что, для кого и с какой целью собираемся производить. Кроме того, мы определились с тем, что и как мы покажем пользователю.
    И вот только теперь НАКОНЕЦ-ТО! можно взяться за производство картинок.

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

    Ну. И что?
    Реклама
    Комментарии 166
    • +8
      И запомните: 21-35 лет, успешные, москвичи и блаблабла это не аудитория, это средняя температура по больнице, которую стыдно показывать даже безмозглым рекламодателям.

      А где пример «как правильно»? :)
      • –5
        а зачем. по-моему ясно
        • +10
          а зачем вообще вся эта статья? все ж и так ясно… :/
          • 0
            как не смешно, согласен
            • 0
              Чтоб клиентам линк давать :))
            • +2
              Ничего не ясно. Семьи создаются и в 20, и в 37, работать эти люди тоже могут на одних и тех же работах. Даже в игры те и другие сейчас играют (или не играют) одинаково!

              Вот между 18 и 20 можно легко провести черту.
              • НЛО прилетело и опубликовало эту надпись здесь
                • +8
                  Бьюсь об заклад, тебе 20 и ты бородат.
                • 0
                  Странная получится линия, широкая.
                  Учесть стоит в 20 лет, очень многие возвращаются из армии, а другие 20 летние учатся в университетах, а еще часть это девушки которые работают, учатся в университетах а может уже замужем и т.д.
                  • 0
                    Так там ещё и корректировка: «успешные, москвичи и блаблабла». Для 20 это хорошо работающие студенты, или бросившие институт. Ну, если считать современные пошловатые критерии успешности.
                  • +7
                    Мне, наверное, не очень удалась реализация, но задумка была такая: у двадцатилетних и тридцатилетних, безусловно, есть много общего. Например, две руки, две ноги, эмаль на зубах.

                    Вы делаете сайт не для тех, кому от 21 до 35 (если это, конечно, не социальная сеть www.21-35.ru). Вы делаете сайт для людей, которые, например, хотят купить бытовую технику. Что у них общего помимо интереса к бытовой технике?

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

                    Безусловно, данные вроде возраста и социального статуса имеют определенное значение. Например, используя эти данные, можно выбрать способ обращения к пользователю. Очевидно, что надписи вроде «Закрыть это клоунское окошко» очень нравятся посетителям dirty.ru, но вряд ли придутся по душе. Но не более того.

                    «Менеджер среднего звена» определяет меня как штатную единицу, но не объясняет моих предпочтений (если, опять же, речь не идет о специализированном ресурсе для менеджеров).

                    Поэтому я считаю, что классический портрет аудитории ненужная занудная хренотень. Хотя и из этих данных можно вывести пользу. Главное, без фанатизма.
                    • 0
                      … но вряд ли придутся по душе любителю ленты.ру
                      • +3
                        Интересно, сколько человек так же, как и я, прошли по ссылке?
                        • 0
                          «Хотя и из этих данных можно вывести пользу. Главное, без фанатизма.»
                          Вот и я об этом.
                  • +16
                    Как поступать когда видишь, что дизайнер не решает задачи, но макет примут, потому что он дизайнер а «ты программист, откуда тебе разбираться»?
                    • +6
                      Уволиться
                      • +4
                        К сожалению, толковых и профессиональных людей мало во всех областях.
                        • +2
                          Ну наверно задачи дизайнера и программиста — немного различаются, так что я как дизайнер зачастую слышу от программистов только стоны о том что что-то слишком наворочено в плане верстки или чего-то еще…

                          Если дизайнер не прислушивается к правильным (объективно правильным) замечаниям, то тут клиника :)
                          С другой стороны когда программисты, менеджеры и прочие видят как создается дизайн, а замечания свои высказывают только по окончанию работы, то руки чешутся вразумить их :)
                          • 0
                            Нет, я не про нытье про сложность верстки (сам как-то ныл :-).

                            Так вот как доказать кому-нибудь что тут — клиника (без особого ущерба для себя)? Руководство все равно живет по приниципу «дизайнером назвался — значит умеет».

                          • +1
                            Сказать, что программист изучает закономерности, систематизирует и решает задачи оптимизации всего. Дизайн не исключение :)
                            • 0
                              Если действительно хотите попробовать изменить ситуацию, то запастись терпением и аргументами для обоснования своей позиции относительно решения задач дизайнером.

                              Очень важно чувствовать взгляд на ситуацию того, перед кем вы собрались защищать свою позицию. Это помогает при выборе аргументов и принятии решения о том стоит ли вообще «вступать в это».
                            • +31
                              Артемий Татьянович, разлогиньтесь
                              • НЛО прилетело и опубликовало эту надпись здесь
                                • +9
                                  То-то я смотрю слышно плохо
                                  • –2
                                    вообщето в туве напевает новые рингтону на ипону ;)

                                    к картинке в статье реально спаниэля не хватает ;)
                                    • 0
                                      tema.livejournal.com/217204.html?thread=85195636
                                      вот точнее инфа ;)
                                      • –1
                                        Вы его пресс-аташе?
                                        • 0
                                          нет
                                          tema.livejournal.com/217344.html
                                • +4
                                  ждём продолжения с «как надо» :)
                                  • +3
                                    А хоть раз, хоть в какую нибудь дизай студию приходили люди, которые знали что им надо?
                                    • +2
                                      Мы уже говорили о том, что задача менеджеров дизайн студии задать правильные вопросы.

                                      Да, человек слаб. Да, заказчик не идеален. Есть два пути: смириться или начать задавать вопросы, чтобы ну хоть как-то прояснить ситуацию.

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

                                      Заказчик не знает, потому что он считает, что это несущественно.

                                      Люди, занятые разработкой, понимают — это существенно. Поэтому они задают вопросы.
                                    • НЛО прилетело и опубликовало эту надпись здесь
                                      • +12
                                        Не указывайте дизайнерам! Они сами знают, как надо. Только нам не говорят.
                                        • 0
                                          я не нарочно. исправлено.
                                          • НЛО прилетело и опубликовало эту надпись здесь
                                            • 0
                                              большой png здесь. у меня сегодня нет сил открывать фотошоп, поэтому… в общем, завтра я повешу сюда нормальную картинку :)
                                        • +1
                                          ру/ководство — Вообще там много параграфов об этом.
                                          • +9
                                            Thank you, Captain Obvious! :)
                                          • 0
                                            Согласен с первым предложением статьи на 100%
                                            • +7
                                              «Я могу доказать математическую неправильность вашего галстука»
                                              • +1
                                                Если он в форме ленты Мёбиуса и надувной (если уж переходить на более точные аналогии) — почему бы и нет? :)
                                              • –7
                                                Спасибо за правду-матку!
                                                • +1
                                                  И все равно, пока твой «дизайн» не вырастет за пределы ярлыков навешанных на человека, как на программиста или не совсем компетентного в данном вопросе и пока у тебя не хватит слов описать почему именно твое решение правильнее, и пока твой «дизайн» не будет носить твоего имени эти случаи будут повторятся.

                                                  Когда менеджер проектов скажет, что «так хотел заказчик!», когда клиент спросит — «а можно ли сделать эти пикторграммы василькового цвета?» и когда при создании концепции сторона заказчика говорит про «ну давайте зайдем на сайт наших конкурентов, видите у них там… ВООООТ!!!».
                                                  • +4
                                                    Заказчик хочет не красную черту посередине, заказчик хочет (например) продать свой товар.
                                                    Поскольку он уверен в том, что все кругом безответственные идиоты, он вынужден сам придумывать как добиться эффекта.

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

                                                    А пока вы будете ждать, что заказчик сам догадается, о том, что правильный и красивый дизайн получается, когда вы учитываете все эти вещи, вы так и будете рисовать красные линии и зеленые плашки. Против своей воли.
                                                    • 0
                                                      Вот это верно, а статья не понравилась. Действительно получается все езде не так, а как «так» не скажу.
                                                      • 0
                                                        Знание о том, как делать не надо, иногда полезнее знания о том, как надо.

                                                        Цель этой заметки была в том, чтобы показать из чего состоит каждая картинка. О конкретных техниках я планирую рассказывать в следующих заметках. То есть это как бы было введение :)
                                                        • 0
                                                          Тогда буду ждать =) Главное, чтобы не получилось в итоге «Все вы дураки и не лечитесь, одна я в белом пальто».
                                                • 0
                                                  Очень верно. В мемориз. Есть смысл эту картинку и заказчикам показывать. А «личные счёты с зелёным цветом» — это прямо в яблочко!
                                                  • –5
                                                    Название статьи не подходит к содержанию. Если сайт для уборщиц — то только уборщиц и надо спрашивать.
                                                    • +2
                                                      с кодом они тоже помогут для сайта для уборщиц?
                                                      • +1
                                                        Монитор протрут.
                                                        • –1
                                                          C кодом помогут программисты, с дизайном — дизайнеры. А вот с сайтом, как я и говорил, только те, для кого этот сайт предназначен. Не передергивайте, пожалуйста.
                                                      • +2
                                                        Все мы, дизайнеры и менеджеры проектов, все это конечно знаем. Это кстати знают многие заказчики из Европы и США. Это не знают и знать не хотят наши соотечественники. К их ушам накрепко прилипла фраза 90-х: «Клиент всегда прав.»

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

                                                        Приведу забавный пример из опросного листа клиента, который мы просим заполнить перед началом работ, тчобы выяснить все детали проекта. Вопрос: «Считаете ли вы, что ваша
                                                        текущая аудитория выделяет вас среди конкурентов?» Ответ: «НЕ СЧИТАЮ, ЧТО НАС ВЫДЕЛЯЮТ.»:-))

                                                        Проверено временем. Сайт не может быть лучше реального состояния дел клиента.
                                                        • +3
                                                          Из этого не следует, что клиент неправильно ответил. На его части рынка может быть недостаток услуг и все фирмы его профиля будут всотребованы или конкуренция слабая. Его производство сбалансировано и загружено, а расширение потребует дополнительных вложений. И допустим по его мнению сайт не должен служить поводом к таким затратам, как не делает этого визитка, вынутая из кармана. Ему может быть нужен сайт по приницпу «у всех есть» или чтобы свою фотку повесить, а то и просто чтобы актуальный телефон весел или адреса точек продаж.
                                                          Приходите вы в магазин за коньками, а над вами смеются и несут лыжи.
                                                          Может лучше повышать взаимоуважение?
                                                          • –2
                                                            Значит и нужно писать тат, как клиент и думает. В этом и заключается взаимоуважение и элементарное воспитание, которого в России очень нехватает:-)
                                                        • 0
                                                          Все хорошо, в теории. На практике: как вы реально определяете, что нравится вашей аудитории? Если это не очевидный сегмент типа эмо-девочек. Средняя компания, продающая средним оптом скажем какие-то замазки, стройматериалы и т.п. Ну и какой портрет их аудитории?
                                                          По той же теории -«целевая группа, показать им… бла-бла». Ну а в реальности?
                                                          • +1
                                                            А в реальности нужно, чтобы сама студия, которая выдает продукт, сама была удовлетворена качеством своей работы. Чтобы в тот момент, когда ей понадобились стройматериалы и замазка — она узнала бы на этом сайте все, все нужно. А у нас делают тяп-ляп и готово. И еще сверху обоснуют маркетологическим бредом.
                                                            • +1
                                                              Действительно в реальности с аудиторией все очень непросто, полностью согласен с count
                                                              Довольно трудно точно сказать, кто покупатели замазки (предположим, что замазка продается в розницу) и чем они живут и составить реальный портрет аудитории
                                                              Или она получается очень размазанной, от частного строителя дяди Васи с образованием 8 классов советской школы, до топ-менеджера Ивана Ивановича с шестизначным окладом у которого мастерить под дому хобби такое.
                                                              Подумав можно нарисовать штук 10 портретов покупателей замазки, добавив туда, скажем:
                                                              — прораба мелкой бригады строителей Семен Семеновича
                                                              — бизнесмена Вову, самостоятельно закупающего материалы для ремонта дачи
                                                              — уборщицу бабу Машу
                                                              — одинокую женщину Олю со средним доходом и необходимостью самой делать ремонт
                                                              — подростка Петю, живущего в пригороде и занявшегося ремонтом своего гаража для мотоцикла
                                                              и т.д. и т.п.

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

                                                              • +8
                                                                Когда речь заходит о покупателях замазки, важно понимать, что аудитория покупатели. То есть они увлечены идеей купить замазку, то есть им гораздо важнее узнать все о замазке и способах ее приобретения, чем о компании, которая замазку производит.
                                                                Хотя, конечно, некоторая информация о производители тоже не помешает. Так, например, потребителю замазки будет приятно, если ненавязчиво высянится, что эта компания является лучшим производителем замазки на планете.

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

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

                                                                Это гипотезы, которые требуют проверки.

                                                                Таких гипотез появляется очень много, когда задумываешься о том, кто же они — все эти загадочные хосты и хиты?
                                                                • –4
                                                                  И что мы имеем в результате?

                                                                  Чем дизайнеру в работе поможет портрет такой разношерстной аудитории, который мы получим проведя дорогостоящее исследование (опросив, скажем 1000 человек), вычленив десяток типов покупателей и написав на каждого портрет объемом в лист А4 (мы все делаем по теории)?

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

                                                                  • +4
                                                                    Зачем вам 1000 человек? Зачем дорогостоящее исследование? Чтобы выдвинуть некоторые гипотезы, вполне достаточно включить голову и немного воображения.
                                                                    В любом случае, это лучше, чем ничего.
                                                                    • –2
                                                                      Тогда это будет не портрет аудитории, а гадание на кофейной гуще, кстати тоже малополезное. Я вам написал несколько типов покупателей замазки, как этот список повлияет на работу дизайнера?
                                                                      Кстати можно в этот список еще дописать какого-нибудь гика, работающего веб-программистом и девочку дизайнера интерьеров.
                                                                      Если говорить про включение мозга, то суть в том, что для многих проектов в реальности портрет аудитории для дизайнера будет одним: типа «им нужна замазка», остальные факторы такие как возраст, образование, социальный статус, профессию, наличие детей и т.п. придется проигнорировать из-за очень большой разношерстности аудитории.
                                                                      • +2
                                                                        Повторю еще раз: от того, кто и с какой целью приходит на сайт, зависит то, как будет сгруппирована и оформлена информация.

                                                                        «Оформлена» не значит цвет и рюшечки. «Сгруппирована» значит не только «рассована по трем разделам».

                                                                        Если считать, что этям людям нужна замазка, то почему бы не разместить на главной странице однц ссылку «Замазка здесь», которая будет вести на прайс-лист?
                                                                        • –4
                                                                          Я считаю, что в реальной жизни все сложнее, чем в теории и для многих проектов составление классического портрета аудитории, как оно описывается в учебниках либо невозможно, либо бесполезно.
                                                                          Про рюшечки, кнопочки и прайс-листы вы уже сами придумали.
                                                                          • +4
                                                                            Так я ж разве говорю о классическом портрете аудитории? Я вообще считаю, что это бесполезное во всех случаях занудство. Я говорю о том, что дизайн сайта — это не картинка, а решение задачи, которую ставят перед производителем потребители.

                                                                            А потребитель обычно спрашивает «Мне нужна замазка для того, чтобы ...».
                                                                            Ну и так далее.

                                                                            Классический портрет аудитории, как и большая часть исслдеований какого-нибудь Гэллапа, высосанная из пальза х*йня для безмозглых рекламодателей.
                                                            • +8
                                                              «Дизайн лишь на 20% искусство, на 80% — это точная наука»
                                                              Если бы еще сами дизайнеры это понимали… Крайне редко можно услышать от дизайнеров что-нибудь вроде — «говно ваша идея, я специалист и мне видней как надо», гораздо чаще «да, все сделаем как вы хотите», видимо сами понимают, что неспециалисты, а так, рисовальщики…
                                                              • 0
                                                                Или с клиентом спорить дороже?
                                                                • 0
                                                                  Дизайн все-таки продукт штучный, поэтому должен создаваться в диалоге с клиентом. А если говорят «сделаем как хотите» — сделают так плохо, что потом переделывать надо. Если исполнитель не чувствует тонкостей бизнеса клиента и не хочет чувстовать — грош цена такому исполнителю.
                                                                • НЛО прилетело и опубликовало эту надпись здесь
                                                                • 0
                                                                  Вобщем правильно.

                                                                  Мне показалось не учтена противоположная система, когда разработчик может иметь харизму или много денег на рекламу и сам формировать потребности пользователей. А ведь идея формирования новых услуг и продвижение их как насущной потребности всё популярнее.
                                                                  • +3
                                                                    А вот в том-же пиксаре, как писали намедни на хабре, не стесняются спрашивать мнение всех разных участников процесса.
                                                                    Другой вопрос, что эти мнения не решающие, а чисто консультативные. Если дизайнеру поступают указания от кого попало, то это проблема управления в компании, которая ложится целиком на директорат, хороший дизайнер плюнет и уйдет в хорошую контору, где этой проблемы нет.

                                                                    Далее ИМХО.

                                                                    Нормальный Классный дизайнер в состоянии внятно объяснить почему это будет именно так (и при этом будет классно) и Марьванне и директору и! внимание! заказчикам на брифе.

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

                                                                    Это как в поговорке: в красивом теле — здоровый дух, на самом деле — одно из двух.

                                                                    Бывают конечно и исключения, в дизайне они называются талантливыми дизайнерами, у них у всех Хорошо Работает Голова.

                                                                    p.s. это мнение дизайнера:)
                                                                    • 0
                                                                      Согласна с Вашим имхо.

                                                                      И если вы такой, как описали, то жму вам руку :)
                                                                      • +2
                                                                        я? — нее…
                                                                        это раньше я объяснял и доказывал,
                                                                        теперь я просто испепеляю взглядом.

                                                                        симпотная у вас подборочка вафрике:)
                                                                    • 0
                                                                      Он может и должен внятно объяснить (хотя все же это уже работа арт-директора или творческого руководителя), но заказчик со своей стороны может быть себе на уме и идти напролом, и это самое обидное исключение в этом правиле.
                                                                    • НЛО прилетело и опубликовало эту надпись здесь
                                                                      • 0
                                                                        Да, действительно. Но предпочитаю таких дизайнеров переучивать :)

                                                                        ps «самой»

                                                                        • НЛО прилетело и опубликовало эту надпись здесь
                                                                          • 0
                                                                            Если не получается найти подход (обычно получается), перестаю с ними работать.
                                                                            Необоснованно самоуверенные люди отнимают слишком много времени, а выхлоп нулевой.
                                                                            Зачеееем? :)
                                                                      • –1
                                                                        > нужно вывозить за МКАД и расстреливать.
                                                                        Автор мудак. Для того, что-бы расстреливать не обязательно вывозить за МКАД, и всех, кто за мкадом не обязательно расстреливать.
                                                                        • 0
                                                                          Когда в следующий раз поедем за МКАД, прихватим Вас с собой.

                                                                          peace
                                                                        • 0
                                                                          Схемку лучше сделать не снизу вверх, а слева направо.
                                                                          • 0
                                                                            Почему?
                                                                            • –3
                                                                              Потому что эти новоиспеченые инвалиды в России, с фотошопом которые, ничерта не знают об искусстве, фотографии, живописи… никогда не интересовались историей искусства, психологией дизайна, композицией, цветами, светом, формами итд итп.
                                                                              «Почему», — он спрашивает…
                                                                              • +2
                                                                                Во-первых, она. Во-вторых, картинку рисовала не я. В-третьих, я задаю этот вопрос, потому что мне действительно интересно. Вдруг я научусь чему-то новому прямо сейчас, когда в пост пришел знаток искусства, фотографии и живописи?
                                                                                • +2
                                                                                  все очевидное просто: привык человек читать слева на право, а кроме всего еще и сверху вниз. заложено у человека так в мозгу.
                                                                                  и все отклонения от этого указывают не на о… нный дизайн, а на трудности восприятия объекта, будь то схема, текст или даже фотография.
                                                                                  • 0
                                                                                    Да, но когда мы говорим о том, что что-то является частями целого (а тут мы говорим именно об этом), нам привычно видеть либо круговую диаграмму, либо гистограмму. Поскольку в данном случае мы не говорим о том, что, например, бизнес-цели важнее требований к продукту, то выбран вот такой способ представления данных.

                                                                                    Но если бы речь шла, например, о процессе создания макетов и этот процесс рассматривался бы в контексте времени на сбор и анализ тех или иных данных, то, да, вы правы, имело бы смысл вести речь о том, что мы привыкли читать слева направо и прошлое у нас всегда слева, а будущее справа.
                                                                                    • –2
                                                                                      Сорри, много слов, мало смысла.

                                                                                      Круговая диаграмма читается автоматически с верхней точки по часовой стрелке (вниз, вправо).

                                                                                      Гистограмма: слева на право.

                                                                                      Это простейшая психология восприятия. Будем дальше спорить? У меня нет желания. Спасибо.
                                                                                      • 0
                                                                                        А кто тут с вами спорит? Так, мнениями обмениваемся…
                                                                                        А вы хамите. Нехорошо :(
                                                                                      • +13
                                                                                        • 0
                                                                                          Не совсем то.
                                                                                          Задача была показать из чего состоит макет, а не объяснить процесс сбора информации.
                                                                                          • 0
                                                                                            Значит неправильная задача.
                                                                                            Не зная бизнес целей невозможно определить требования для контента и его структуру.
                                                                                            Также как и не узнав заранее потенциального пользователя невозможно нарисовать картинку и т.д.

                                                                                            Да и стрелка у вас нарисована не просто так.

                                                                                            А если задача стояла нарисовать части целого, то нужно было нарисовать части целого а не «пирамиду» желаний.
                                                                                            Это основы отображения информации.
                                                                                            • 0
                                                                                              Мы нарисовали пирамиду и расположили кубики именно таким образом, потому что дом строят снизу, блин, вверх, а не справа налево. И даже не сверху вниз, как тут говорили выше.

                                                                                              Любые основы — фигня без контекста.
                                                                                              • 0
                                                                                                Хорошо. Схемка как называется?
                                                                                                • 0
                                                                                                  схема называется "… и вы будете удивлены, когда узнаете, из чего на самом деле состоит каждая картинка."
                                                                                                  • 0
                                                                                                    Это не название для схемы.
                                                                                                    Схема — это схематическое изображение чего-то: процесса, объекта, системы и т. д.
                                                                                                    Причем изображение может воспроизводится исходя из различных категорий и смыслов.

                                                                                                    Но название у схем всегда нормальное. Потому что задача любой схемы объяснить, обучить.
                                                                                                    Схема называется исходя из того, что она показывает (и название должно быть максимально простым).
                                                                                                    «Распределения откатов российскими чиновниками»
                                                                                                    «Закручивание лампочки. Стадии»
                                                                                                    «Схема проезда к посольству России в Зимбабве»

                                                                                                    Поэтому я и говорю, что у вас задача неясная, поэтому и объяснения путанные.
                                                                                                    А то вы пишете про процент точной науки, и тут же сами лепите чё хотите.
                                                                                                • 0
                                                                                                  Может быть, ответите?
                                                                                      • –6
                                                                                        Ужаснах, Вы не читали ководство? — Выйдите из класса!
                                                                                        • +1
                                                                                          Это вы к чему?
                                                                                          • 0
                                                                                            что в какую сторону читается написано в ководстве, padonaque вам это пытается пересказать, частично взяв на вооружение манеру изложения из оригинала :)
                                                                                            • 0
                                                                                              Я читала Ководство, у меня даже бумажная версия есть.
                                                                                              Но я привыкла немного думать над тем, что написано, даже если автор, не знаю, Господь Бог. И я все еще считаю, что задумка выполнена верно.
                                                                                              • +1
                                                                                                блиин, Вы с умным видом спорите ниочём. а по поводу ководства — был стеб.
                                                                                • –2
                                                                                  Сколько же вас — дизайнеров — развелось в России? Скажите, там в сфере обслуживания еще осталось что-нибудь кроме инвалидов со скаченым фотошопом? :)
                                                                                • –3
                                                                                  Как по мне, статья — нытье не очень опытного дизайнера. Надо учиться работать с тем, что есть.
                                                                                  • 0
                                                                                    «Хочу сайт!» → постановка проблемы → исследование проблемы → «идея!» → детальное проектирование → визуальный дизайн → верстка, программирование → «вот ваш сайт!»
                                                                                    • 0
                                                                                      Ответ клиента: «А может все же зеленый?»:-)
                                                                                      • 0
                                                                                        Ответ дизайнера: «вот 16 млн цветов (если rgb) или веер (пантон), тыкайте пальцем. Покрасим в любой. Но кнопка «Удалить» останется красной (а с этим клиент никогда и не спорит)
                                                                                        • 0
                                                                                          А может вы уволите мудаков и наймете тех проектировщиков и визуальных дизайнеров, которых будут слушаться заказчики? Тогда такие вопросы будут решаться на этапе работы над сайтом, а не после.
                                                                                          • +1
                                                                                            ИМХО, профессионалы умеют продавать свою работу. Обязаны уметь.
                                                                                          • 0
                                                                                            Больной: «Зуб болит!»
                                                                                            Врач: «У вас тут дырка, нужно лечить»
                                                                                            Больной: «Замечательно, только не сверлите, а сразу пломбу. Вечную!»
                                                                                            Врач: «Нет сначала нужно лекарство, и временную, иначе умрет нерв и зуб развалится через полгода»
                                                                                            Больной: «Мне лучше знать какую пломбу ставить, мне носить!»

                                                                                            Хороший врач: «Я не могу поставить вам на больной нерв постоянную пломбу, потому, что клялся Гиппократу. Извините, идите к другому доктору.»

                                                                                            Плохой врач: «Ну и замечательно, ща быстро и без боли поставим самую модную и дорогую пломбочку, на века. И я как раз успею еще 3-х клиентов обслужить! С вас сто долларов»
                                                                                        • +11
                                                                                          • 0
                                                                                            Супер статья! А где можно эту схему в большом разрешении найти, чтобы распечатать?
                                                                                            • 0
                                                                                              Возьмите вот эту. Схема Гарретта более полная чем представленная в посте.
                                                                                              afriki, Вам спасибо за поднятие этой очень важной темы.
                                                                                              • 0
                                                                                                спасибо
                                                                                                • +2
                                                                                                  В самом деле, схема afriki — это упрощенная схема из книги «Веб-Дизайн. Книга Джесси Джеймса Гаретта».

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

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

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

                                                                                                    Но любую идею нужно проверить.
                                                                                                    Поэтому так.
                                                                                              • 0
                                                                                                Если дизайн-макет нравится и клиенту и дизайнеру — задача решена.

                                                                                                p.s. хотя всегда есть исключения
                                                                                                • 0
                                                                                                  Тема этой статьи конечно не нова. Все выше описано в книге Kelly Goto&Emily Cotler: Web Redesign. Workflow that works. Есть и на русском языке. Недавно переиздавалась. Читайте, учитсь. И думайте о том, что вы больше хотите от своей деятельности дизайнера: сделать хороший продукт или всю жизнь только лишь угождать клиентам. Второе, по-моему, безнадежное и бесполезное занятие.
                                                                                                  • 0
                                                                                                    А мне, кстати, книжка занудной довольно показалась.
                                                                                                    Там, конечно, довольно много занятных мыслей, но, имх, сильно усложняют в некоторых местах и не каждый осилит до конца.
                                                                                                  • +1
                                                                                                    Статья ни о чем. Мысли очевидные, написано сумбурно, примеры не цепляют.
                                                                                                    • +1
                                                                                                      пойду убью себя об стену… :(
                                                                                                      • +1
                                                                                                        Вы не обижайтесь, просто действительно одна вода, которая уже была не раз и которую в общем-то все вызубрили.
                                                                                                        • 0
                                                                                                          Вызубрили — теперь пора применять на практике ;)
                                                                                                    • +4
                                                                                                      Опять воды напрудили :)
                                                                                                      • НЛО прилетело и опубликовало эту надпись здесь
                                                                                                        • 0
                                                                                                          Записалась.
                                                                                                          Интересно было бы пообщаться.
                                                                                                        • –1
                                                                                                          Одна вода. Достаточно понимать, что дизайн — это решение определенных задач. Все.
                                                                                                          • 0
                                                                                                            Статья не нова, ситуации известные… Но как раз сейчас столкнулись с особо жестким примером… как бы помягче… не совсем адекватного поведения со стороны заказчика.

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

                                                                                                            Однако сформулировать свои мысли в конкретные требования у него не получается. Объяснения, что дизайн был принят и сайт уже почти готов (т.е. нарезаны шаблоны, запрограммирована система и внесен почти весь контент), клиент не может переварить. По его мнению мы просто ленимся перерисовать картинку. Ибо, а что такого дизайн — картинка, раз — нарисовал, два — затер, сделал по новому и… начинай сначала :).

                                                                                                            И топчемся, блин, уже долго на одном месте. Не дашь же клиенту эту статью читать :) Да и вряд ли убедит его статья на незнакомом сайте. Вот и думаем, как же сдвинуть этот застрявший процесс. Тупо вставать в стойку — значит, скорее всего, еще больше усугубить ситуацию. Эх, все-таки нелегкое у нас дело, товарищи ведущие проектов :).
                                                                                                            • +3
                                                                                                              Если дизайн принят — сдавать в таком виде как есть. Если разонравилось после того, как он утвердил этот дизайн — пусть отдельно, после сдачи заказывает редизайн. За отдельные деньги. За удовольствие надо платить.
                                                                                                              Я такая неожиданная, внезапная, противоречивая вся © Покровские ворота
                                                                                                              • –2
                                                                                                                Удовольстиве получить ваш корявый дизайн? Заказчик просто от вас уйдет.
                                                                                                              • 0
                                                                                                                Главный закон дизайнера: «Главное вовремя заказчика послать нахуй»
                                                                                                                • 0
                                                                                                                  2 недели назад разошлись с заказчиком по такой же причине. Предоплату оставили себе, работу не отдали.

                                                                                                                  Клиент ушел к другим «делать с 0» по собственному желанию, переговоры о продолжении сотрудничества не увенчались успехом, клиент не хотел идти на уступки.

                                                                                                                  Ошибка здесь была допущена в самом начале, клиент не был правильно идентифицирован на первых встречах. Таких надо стараться обходить стороной.
                                                                                                                • +2
                                                                                                                  Дизайн — это прежде всего проектирование. Если дизайнер этого не понимает, значит он «рисовальщик».
                                                                                                                  • +2
                                                                                                                    Одна из лучших публикаций на Хабре в последнее время. Очень здраво, спасибо.
                                                                                                                    • 0
                                                                                                                      в избранном. спасибо за материал.
                                                                                                                      • +1
                                                                                                                        Вам спасибо за интерес :)
                                                                                                                      • 0
                                                                                                                        Накипело у человека. Высказывает свое мнение. Молодец. Правильно. Надо говорить а не молчать и не держать в себе. :)

                                                                                                                        Хорошо написано, но прямо скажем слишком все как то получилось плохо. Больше позитива. «Вы то знаете...» — Да мы знаем, и Вы знайте и давайте будем знать.

                                                                                                                        Вобщем призываю к здоровому общению. Автор молодец :)
                                                                                                                        • 0
                                                                                                                          Есть более интересная картинка (которая нарисована):
                                                                                                                          www.jjg.net/elements/pdf/elements.pdf

                                                                                                                          И ввобще, есть перевод книги с рашифровкой схемы Гарретта:
                                                                                                                          www.books.ru/shop/books/559581
                                                                                                                          • 0
                                                                                                                            спасибо большое за ссылку на книгу
                                                                                                                            почему-то она меня миновала
                                                                                                                            • 0
                                                                                                                              Спасибо за Вашу статью. Она меня мотивирует перевести таки схему Гарретта и тоже опубликовать ее (я принимал участие в переводе книги Гарретта, а вот схему для сайта Гарреттатак и не перевел).
                                                                                                                              • 0
                                                                                                                                для какого-какого сайта?
                                                                                                                                • 0
                                                                                                                                  Пардон, Гарретта. По ссылке www.jjg.net/elements/ в правом меню имеются ссылки на перевода схемы.
                                                                                                                          • 0
                                                                                                                            Был опыт… Один «маститый» дизигнер (потому что здоровкался аж с самим Темой «БоюсьПроизноситьЕгоИмяВСуе»), утверждал, что его ваяние и есть продолжение традиций Микилянджело. В результате, упомянутый скульптор так и остался великим, а заказчик от лица дезигнера получил «шадевр». И что?
                                                                                                                            Ответ: ничего! Дизайн — это только некая часть того, как выглядит веб страница, притом та его часть, которая не мешает тому что на этой странице юзер делает, т.е. какие свои такие насущные потребности удовлетворяет. И если нет нареканий на дизайн, это значит, что, либо дизайн супер-пупер, либо дизайн не имеет значения для функциональности этой веб-страницы, т.е. живет себ и не портит того, к чему он не привычен.
                                                                                                                            • 0
                                                                                                                              И вот вы знаете, очень здорово, когда дизайн на самом деле не мешает пользователю удовлетворять свои потребности. А ведь часто случается ровно да наоборот.
                                                                                                                              • 0
                                                                                                                                Хорошего дизайна не должно быть видно (например, как и хорошего сисадмина :)
                                                                                                                                Если же дизайн, все время мельтешит перед глазами, подрабатывая на полставки визуальным раздражителем, то это плохой дизайн (как и плохой сисадмин, которого все знают по имени и в лицо).

                                                                                                                                Это особо актуально инфосайтов и интернет-магазинов.

                                                                                                                                Немного по-другому живут презентационные имиджевые сайты, но они решают иные задачи и «это уже совсем другая история… »
                                                                                                                            • 0
                                                                                                                              да, флюро каляка-маляка с грибочками лучше и дороже продаётся ;)

                                                                                                                              уборщица не последний человек в организации, это боец самого невидимого фронта как и сис.админы (уровень доступа тот же), мелкии огрехи в её трудовой деятельности видны и сказываются на деятельности организации, сменив и не протестировав полироль для стола может легко неумышлено сорвать важные переговоры или создать головные боли у всей конторы, с ней общаются почти все и иногда они реально эрудиновые как справочники, она также участвует в деятельности сотрудников как и в её деятельности они, правда в развитие меньше принмает участие и не раставляет вам на столе почти ничего да не шарится по ящикам
                                                                                                                              • 0
                                                                                                                                Спасибо. Замечательная тема, замечательная статья. Об этом уже не раз говорили, но мне бы хотелось чтобы были еще статьи такого толка, в смысле не простые филосовствования а конкретные.
                                                                                                                                • 0
                                                                                                                                  браво! здравый смысл когда-нибудь должен победить. иначе никак.
                                                                                                                                  • 0
                                                                                                                                    Вот нечто подобное вчера пытался объснить потенциальному заказчику, привёл в пример популярные сайты типа google youtube и т.п. После чего тот сказал что поищет другого специалиста т.к. мы с ним не найдём взаимопонимания и что если я не умею делать красивые сайты нечего оправдываться и доказывать что это не главное. (((

                                                                                                                                    вот, что блин делать?
                                                                                                                                    • 0
                                                                                                                                      очень расстраиваюсь всегда в подобных ситуациях… человеку хочешь помочь, а он обосрёт ещё и потом через жопу всё сделает.
                                                                                                                                      А тупо врать и потокать губительным желаниям клиентов ещё более неприятно.
                                                                                                                                      • 0
                                                                                                                                        Найти другого заказчика мне кажется всегда было легче чем мучиться с таким.
                                                                                                                                        • 0
                                                                                                                                          />
                                                                                                                                          • 0
                                                                                                                                            Что делать?

                                                                                                                                            Радоваться!

                                                                                                                                            Радоваться, что вы не «вступили».

                                                                                                                                            Практика показывает, что дальше с заказчиком, который не адекватен как человек, работа бы велась хуже и хуже. А потом полный «П».

                                                                                                                                            Молодец, что не вляпались! :)
                                                                                                                                          • –2
                                                                                                                                            Вспомнился попугай Кеша. «Утром покосы, вечером надои… А ежели дождь во время усушки?… А тут куры понеслись, коровы опоросились...» (Слишком много громких голословных утверждений.)

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

                                                                                                                                            Еще… «вы» или «Вы»? Вы определитесь как-нибудь на досуге.

                                                                                                                                            В следующий раз хотелось бы почитать более обдуманную статью, несущую практический смысл. Эта больше похоже на нытье-речь за барной стойкой после пятого пива.
                                                                                                                                            • 0
                                                                                                                                              А зачем вы ее читали-то? Крестик в правом верхнем углу заело?
                                                                                                                                              • 0
                                                                                                                                                Вы написли и разместили ее, теперь каждый вправе читать и комментировать статью, поэтому я ее и прочитал. Нет, крестик не заело.
                                                                                                                                            • +2
                                                                                                                                              /c/ :)
                                                                                                                                              • 0
                                                                                                                                                На опыте нашей небольшой компании мы убедились, что лучше взять человека «из среды заказчика», то есть прекрасно понимающего весь бизнес-процесс, его тонкости и нюансы. Что «их» клиентам нравится, и что не нравится, сколько их и на какие группы их можно делить и т.п.

                                                                                                                                                То есть по сути с ним сидит PM и рисует, рисует, рисует, и говорит-говорит-говрит… Дня 4, или 7, или 10.

                                                                                                                                                Потом всё это собирается в кучу, систематизируется, попутно небольшие «летучие» консультации" у ведущих по юзабилити, программеров, по защите, по маркетингу и PR, и уже потом оформляется на подпись.

                                                                                                                                                Подписано — супер, строим сетку, планнинг, и вперёд на группы и с песней! :) После оплаты :)

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

                                                                                                                                                А уж нравицца диру или нет цвт закорючечки — так это не его настроения дело, юзабилити три дня это сидели и думали, все мозги сломали. А он тут со своим настроением припёрся… :)

                                                                                                                                                А на деле, скажем ушла от него вчера девица в розовом платичке, ну и сегодня он розовый ну просто ненавидит!!! :)
                                                                                                                                                • 0
                                                                                                                                                  Если все грамотно спроектировано, цвет как таковой перестает иметь значение :)

                                                                                                                                                  А для грамотного проектирования, да, нужно сидеть с человеком, который понимает бизнес от и до. Но вот тут большой вопрос PM ли должен с ним сидеть. Как правило PM ориентирвоан скорее на техническое понимание вопроса, что в данном случае не очень хорошо, потому что со стороны разработчиков так же должен сидеть человек, который понимает бизнес сторону вопроса. Но при этом он должен понимать и техническую часть вопроса, чтобы предлагать адекватные решения. Мы тут у себя назвали такого человека бизнес-аналитиком, в обязанности которого входит создание концепции ресурса, проектирование и сгласование макетов. PM тоже косвенно участвует в этом процессе, но скорее в качестве наблюдателя. Но после того, как макеты и концепция готовы, PM приступает к разработке тех.задания. Как-то так.
                                                                                                                                                  • 0
                                                                                                                                                    Вы правы, мне нужно было просто уточнить, фактически я имел ввиду «PM с функцией бизнес-аналитика и имплементатора». В общем, 2 в одном.

                                                                                                                                                    У нас проект не очень большой, так что на 2 не распылишься. :)
                                                                                                                                                • 0
                                                                                                                                                  Тема злободневная, спасибо.
                                                                                                                                                  Написано остро и даже немного озлобленно.

                                                                                                                                                  Хотя глобальная цель — обучить заказчиков — достижима.
                                                                                                                                                  Интересно увидеть, помог ли этот пост достижению цели?

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