Блог студии Made
Заметки по делу rss
12 марта 2008 года в рубрике «Дизайн»

Алексей Новиков о дизайне вообще и о дизайне сайтов в частности

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

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

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

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

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

Дизайн — это не то, как выглядит вещь, а то, как она работает.

Или вот, дизайн ноутбуков Apple. Это ведь не только светящееся яблочко или молочный пластик его корпуса. Это такие вещи, как грамотно сделанная подсветка клавиатуры или разъем MagSafe. Шнур питания не вставляется «туго, по самые гланды», а держится на магните. Если вы случайно заденете кабель ногой, то не сдернете дорогой ноутбук со стола. Шнур просто отскочит. Потому что дизайн хороший.

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

Про дизайн сайтов

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

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

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

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

Дизайн сайта — это не только «красивости» или «вебдванольности». Это, например, такие вещи, как автоматическое определение города, из которого пришел посетитель. Или вывод на главной странице не анимации на пол-экрана, а самых ходовых и интересных товаров.

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

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

Хотя, кое-кто родом из 90-х еще ездит по офисам с каталогами «Index», предлагая ткнуть пальцем «где понравилось» и сделать «как на картинке, только круче».

Статья опубликована тут автором, а вот оригинал

©

26 комментариев

  1. Денис Радченко комментирует:

    Хорошие материалы, очень интересно почитать.
    Кстати ссылка “почему спамить нас бессмысленно” не работает

  2. Фарватер отвечает:

    Отличная статья! Жаль только, что не вдолбить заказчикам, что не фотошопом единым - хоть вешайся - наболело!

    ПС: Вы уверены, что вашу систему “Сколько будет шесть плюс девять”, судя по числу комбинаций цифр, сложно пробить подбором?

  3. Greignar пишет:

    Всегда считал удобство первичным (даже в одежде), а красоту - дополнительным, но не решающим преимуществом.

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

  4. Алексей Новиков

    Алексей Новиков отвечает:

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

    Фарватер: пробить, наверное, как-то можно, но практика показывает, что эффективность у такого решения практически как у графической captcha. Ну а если пробьют — поставлю captcha как на «Микромаркетинге».

  5. Guess_ein пишет:

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

  6. Алексей Новиков

    Алексей Новиков комментирует:

    По-моему, ничего я не перепутал. То, как вещь выглядит, называется оформлением.

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

    Как же Вы пришли к такому заблуждению?

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

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

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

    Два шага назад — это, как раз, не увязывать разработку интерфейса с дизайном.

  7. Guess_ein комментирует:

    Заблуждайтесь дальше - с таким подходом вам Артлебедева не догнать.

    ДИЗАЙН — современное искусство художественного конструирования — начал стремительно развиваться в Японии после второй мировой войны. Техницистский ХХ в. создал множество новых вещей, которым надо было найти адекватную внешнюю форму. И оказалось, что именно принципы традиционного японского искусства — свободная композиция, асимметрия, целесообразность — соответствуют новым требованиям наилучшим образом…

    Источник.

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

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

    ПОДВОДЯ ИТОГ
    Дизайнер должен многое знать о предмете над которым трудится, но он не должен “изобретать велосипед”. Вы с таким подходом такую кабину пилота самолета сделаете, что можете убить одним разом несколько тысяч человек. Надеюсь вам этого никогда не доверят!
    “Кесарю - кесарево” (с) и не иначе!

  8. Алексей Новиков

    Алексей Новиков комментирует:

    Как мило, заблуждающийся же и говорит “заблуждайтесь дальше”.

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

    Однажды мне уже пришлось отвечать на такие комментарии, так что повторно использую код:

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

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

    Graphic design is the process of communicating visually using text and images to present information. Graphic design practice embraces a range of cognitive skills, aesthetics and crafts, including typography, visual arts and page layout. Like other forms of design, graphic design often refers to both the process (designing) by which the communication is created and the products (designs) which are generated.

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

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

    И определение Международного Совета обществ промышленного дизайна (ICSID):

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

    Вы специально передергиваете? Или это ваш стиль общения?
    Блин, нашла коса на камень. Эдак мы с вами долго так общаться будем. :)

    Вы уцепились за слово “конструирование” и намеренно упускаете дальнейшую часть предложения “множество новых вещей, которым надо было найти адекватную !внешнюю форму!”.
    Я написал (и отвечаю вам) здесь только потому, что вы злонамеренно сужаете значение обсуждаемого нами термина.
    А еще из всего блога я заметил выплеск негатива в сторону клиентов. Клиент обращаясь в студию веб-дизайна изначально говорит о графическом дизайне. Для определения расстановки/компоновки (и т.д.) составных частей сайта на странице используется другой термин, а именно GUI (графический пользовательский интерфейс). Вот именно о ГУИ вы и говорили в этом посте, оное как раз и не должно описывать количество бабочек в фоновом изображении и цвет медвежонка на бутылочке для детского питания.
    А говоря о заблуждениях и неправильном планировании этапов работы я имел в виду, как раз то, что ГУИ (можете это назвать графическим макетом с описаниями) можно и нужно разработать до создания самого графического дизайна (в вашем случае оформления). И при правильном планировании рабочего процесса ГУИ передается тем работникам дизайнерского отдела, кто уже и будет рисовать медвежат.
    А вот то, что у вас маленький штат и вы не можете устроить поэтапное создание и обсуждение Дизайна с клиентом - ни в коем случае НЕ ДАЕТ ВАМ ПРАВА осуждать клиента или говорить о не правильном употреблении термина оными лицами.

    П.С. Клиент не “глуп, туп и не образован” и его не “нужно пиарить”.
    П.П.С. В общем итоге имеем холивар. А все из-за пафосных постов и не правильного использования терминов (при чем с обеих сторон, я тоже намеренно использую в данном случае только одну сторону обсуждаемого термина - ибо не фиг).

  10. Алексей Новиков

    Алексей Новиков пишет:

    1. Я не передергиваю. Я показываю Вам ссылки на оригинальное, неискаженное толкование слова «дизайн», а Вы все равно настаиваете на ошибочной точке зрения. Такой взгляд на дизайн распространен на постсоветском пространстве, но он неверен.

    2. Негатива в сторону клиентов здесь нет. Где Вы его увидели?

    3. Вот уже и термин GUI Вы толкуете неправильно. Откуда же понахватались? Обратитесь к первоисточникам, наконец. Ссылки и определения доступны в сети. И не путайте GUI с «вайрфреймами», сетками и т.п.

    4. Как Вы пришли к такому заблуждению, будто бы у нас нет поэтапной работы над дизайном?

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

  11. Guess_ein комментирует:

    “1. Я не передергиваю. Я показываю Вам ссылки на оригинальное, неискаженное толкование слова «дизайн»…”

    Все верно, ссылки вы показываете, но при этом толкуете, как вам это угодно. Вы прикидываетесь или реально этого не замечаете?

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

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

    Ваша категоричность и узость суждений раздражают.

  12. Алексей Новиков

    Алексей Новиков пишет:

    Насчет того, кто из нас проявляет узость суждений. Ваша цитата:

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

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

    Design, usually considered in the context of applied arts, engineering, architecture, and other creative endeavors, is used both as a noun and a verb. As a verb, “to design” refers to the process of originating and developing a plan for a product, structure, system, or component. As a noun, “a design” is used for either the final (solution) plan (e.g. proposal, drawing, model, description) or the result of implementing that plan (e.g. object produced, result of the process).

    Еще одно определение:

    An iterative decision-making process that produces plans by which resources are converted into products or systems that meet human needs and wants or solve problems.

    Вот отрывок из интересной статьи на эту тему:

    So what is design? To fuse various notions, design is firstly the iterative decision-making process employed in the creation of a product or system, or the output of such a process where held to be so by an informed elite, and secondly it is an object with a sensory or emotional appeal beyond its usefulness.

    Еще можно в словаре посмотреть, а затем пойти и раскаяться ;-)

    Насчет категоричности. Когда искажают смысл, нельзя быть не категоричным.

  13. Guess_ein комментирует:

    Типичное поведение фанатичного человека. Видите и слышите только то, что хотите.
    Я уже писал, что “я тоже намеренно использую в данном случае только одну сторону обсуждаемого термина - ибо не фиг”, вы же Алексей твердите только свое. Хватит уже генерить уникальный контент. Своим клиентам вас советовать не буду, у вас даже лого неизвестно кто делал, оформитель, какой-то.

  14. Алексей Новиков

    Алексей Новиков пишет:

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

  15. Guess_ein комментирует:

    Признайтесь, кто по вашей логике делал логотип вашей фирмы? ;)

  16. Алексей Новиков

    Алексей Новиков отвечает:

    Слишком предсказуемо, куда Вы поведете разговор ;-)

  17. Guess_ein пишет:

    Если все так нативно, то почему же с самого начала делали вид, что не понимаете о чем я вам говорю, а говорил я именно об этом.
    Угомоните пыл — работайте!

  18. Алексей Новиков

    Алексей Новиков пишет:

    И это тоже было предсказуемо ;-)
    Особенно окончание комментария, классика жанра.

  19. laf пишет:

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

  20. Александр комментирует:

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

  21. Alynx комментирует:

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

  22. О дизайне вообще и о дизайне сайтов в частности :Блог наших друзей :

    […] Алексей Новиков […]

  23. Когда студия должна поднять цену :Блог наших друзей :

    […] Алексей Новиков […]

  24. Миф о «дизайне» « Блог AtMy.ru :

    […] Дополнение от 28 февраля: Хорошая статья на ту же тему […]

  25. Kicasso комментирует:

    Отличная статья! Сначала я тоже думала, что дизайн - это красивые картинки, но потом тоже пришла к таким же выводам. Главное на сайте - информация и как удобно она подана. Если на сайте фердопердозные эффектные картинки, но нет интересной инфы - сайт не станет эффективным. Ведь с людьми также, Бельмондо или Караченцов далеко не красавцы, а какие интересные актеры. Есть куча сайтов, где нет красивых картинок, но масса посетителей. И наоборот :)

  26. .moroz) пишет:

    Ого, Alynx, вот это слова.. Точно подмечено.
    Спасибо за статью нашёл кое-что для себя))

Вам слово