Нестыдные вопросы, в том числе — нужно ли уметь рисовать.
У «Практикума» открылся дизайнерский факультет, там обучают веб-дизайну и интерфейсам. Мы собрали ответы на распространённые вопросы об этой работе. Вопросы подбирали максимально базовые, чтобы за них краснели мы, а не наши любимые читатели.
Кто такой дизайнер и зачем он нужен?
Допустим, вы написали что-то в поиске Яндекса. Яндекс нашёл 10 тысяч ответов. Яндекс хочет, чтобы вы как можно скорее нашли то, что вам нужно. Как эту задачу решить?
В зависимости от ответов на эти вопросы мы получим три разные страницы поисковой выдачи. От того, насколько вам понравится итоговая выдача, зависит то, придёте ли вы сюда снова. От этого зависит, сколько Яндекс сможет привлечь пользователей и заработать денег.
Ответы на эти вопросы неочевидные и требуют проверки. Дизайнеры нужны, чтобы задавать эти вопросы и находить лучшие решения.
Яндекс сейчас: сразу даётся определение слова, сбоку вываливаются картинки, со всех сторон мне рекламируют сервисы и мессенджер Та же выдача, но другие дизайнерские решения: выдаются только сайты, никакой дополнительной рекламы, выдача занимает всю ширину в нужное количество колонок. Другие цвета, реклама выделяется яркой жёлтой плашкой. Эта страница — следствие других дизайнерских решений. Ещё один вариант дизайна: выдача обесцвечена, шрифт радикально крупнее, никакой дополнительной рекламы и опознавательных знаков. Стало ли лучше, понятнее, яснее и полезнее?
Зачем дизайнеры в ИТ?
Короткий ответ — во имя капитализации (то есть ради денег).
Длинный ответ. Дизайнеры помогают делать так, чтобы людям больше нравились айтишные продукты. Когда продукты больше нравятся, люди чаще ими пользуются. Когда они ими чаще пользуются, они тратят на эти продукты больше денег. Компании их зарабатывают, показывают прибыль, их акции растут, налоги платятся, семьи кормятся. Говорят, что дизайн создаёт добавленную стоимость.
👉 Был интернет-магазин спортивного питания. Люди приходили, регистрировались, добавляли товары в корзину, оформляли заказы. Часть людей отваливались на регистрации — то почту не помнят, то не хотят указывать своё настоящее имя, то ещё что-то. Ну отваливались и отваливались.
Дизайнер придумал, что можно оформлять заказы без регистрации. Он спроектировал такую форму и придумал такой процесс заказа, что людям стало легче оформлять заказ. Часть отваливавшихся раньше людей перестали отваливаться, выручка и прибыль магазина выросли.
Потом дизайнер придумал, что его форма должна сохранять данные о человеке. Если я сегодня заказал, а потом вернулся через неделю, чтобы все мои данные остались в форме. Дизайнер дал задание программисту это сделать, они протестировали результат — заказов стало немного больше.
Наконец дизайнер смекнул, что людям нужно регулярно заказывать спортпит, и он придумал кнопку «Получать регулярно со скидкой». Он предложил идею руководителю, они вместе посчитали экономику и выяснилось, что это может сработать. Внедрили, часть людей стали подписываться и немного увеличили выручку магазина.
Что значит «графдизайн» или «UX-дизайн»?
В дизайне много направлений. Вот краткий обзор:
Вот в качестве примера несколько сайтов с разным ощущением от графики и иллюстраций. Какие у вас эмоции в связи с каждым из них?
Сайт программы для медитации и осознанности — headspace.com Сайт кроссфитового спортзала на Мальте — crossfitmartell.com Сайт CRM-системы для малого бизнеса — mailchimp.com Личный кабинет курса про дизайн в «Практикуме»
UX-дизайн — это про user experience, то есть как пользователь взаимодействует с продуктом. Вот я установил приложение — как меня обучат им пользоваться? Какие он должен слать мне уведомления и в какой момент? Как мне сменить имя или загрузить свою фотографию?
Дизайн интерфейса — у меня есть конкретный экран или серия экранов. Какие и где должны быть кнопки? Какого они должны быть размера, чтобы мне было удобно? Где и как должны вываливаться подсказки? Что я должен увидеть в случае ошибки?
Интерфейсники и UX-дизайнеры работают над самим интерфейсом и над картами взаимодействия. Вот дурацкий пример, но наглядный: тут на карте условно прорисовано, как пользователь перетекает с одного экрана на другой. Задача этих двоих, чтобы он перетекал максимально легко, незаметно и логично.
Картинка — из рекламы Squid, это набор графических элементов для программы Sketch
Веб-дизайн — про то, как должен выглядеть сайт: что где должно находиться, какие должны быть меню и кнопки, нужно ли делить контент на страницы, какая у сайта должна быть структура, как он должен работать на мобильных экранах.
Дизайн главной страницы Яндекса в 1997, 2003 и 2013 году отражает изменения веб-дизайнерской моды. Студия Артемия Лебедева
Продуктовый дизайн — например, мы работаем в «Яндекс-такси». Кому-то пришла идея сделать в приложении функцию «Разговорчики в пробке»: чатик для тех, кто едет в пробке рядом друг с другом. Продуктовый дизайнер сначала разберётся, насколько эта возможность будет востребованной и кому принесёт пользу. Если выяснится, что эта функция нужна и она соответствует общей стратегии развития продукта, — начнётся разработка принципиальных моментов: кто должен говорить с кем? На каком расстоянии? Что, если там будут говорить гадости? Что, если люди захотят продолжить общение вне пробки? Когда он ответит на все эти вопросы, он озадачит UI, UX и графиков, чтобы те воплотили задумку в жизнь.
Есть и другие: есть дизайн общественных пространств, дизайн физических предметов (промдизайн), дизайн упаковки, дизайн театрального костюма и просто одежды, ландшафтный дизайн, дизайн интерьера и много других дизайнов. По сути, это всё проектирование: как сделать так, чтобы вверенный тебе участок мира работал так, как тебе нужно.
Нужно ли уметь рисовать?
Чаще всего — нет. Дизайн в ИТ — это работа с виртуальными графическими объектами в программах. Кнопки, поля ввода и карты пользовательского опыта за вас нарисуют машины, поэтому стоять у мольберта пять лет необязательно.
Но есть и исключения:
В целом умение рисовать людей или представление о работе света в пространстве не особо влияют на дизайн продукта и интерфейса.
А что тогда нужно уметь?
Парадоксально, но главные знания дизайнера — это знания о человеке. Например:
И далее в таком духе.
Игра User Inyerface — пример намеренно ужасного, дьявольского, неудобного, нечеловечного интерфейса. Это такая игра: пройди все интерфейсные испытания и ощути боль пользователя, которому кто-то плохо нарисовал интерфейс. Залипните (если сможете): userinyerface.com
В философском смысле дизайн — это когда ты адаптируешь существующий продукт под человеческие слабости и ограничения. Если ты знаешь, что людям лень каждый раз вводить свой домашний адрес, ты придумаешь способ, чтобы этот адрес где-то сохранился. Если ты понимаешь, что люди читают по диагонали, ты заложишь в текст ключевые мысли именно под этот формат чтения.
Вот это и есть дизайн.
Сколько платят
Вот зарплаты по Москве и Петербургу, в регионах будет немного ниже.
Графдизайнеры— от 40 тысяч. Есть категория дизайнеров, которые занимаются только картинками: рекламными листовками, баннерами, всякой красотой. Сидишь, коллажируешь, кайфуешь, вносишь правочки.
Дизайнерам интерфейса и UXплатят от 150 до 200 тысяч. Нужно заниматься исследованием людей и проектировать продукты так, чтобы продуктами было удобно пользоваться. Обычно это работа в крупных ИТ-компаниях с соцпакетом, наполненным сочными плюшками и хрустящим печеньем.
Продуктовый дизайнер — от 150 тысяч. Это редкий зверь, и спрос на системное проектирование продуктов пока что невысокий. Но когда компания зарабатывает на ИТ-продуктах, она вынуждена рано или поздно об этом задумываться.
Веб-дизайнеры — от 50 до 150 тысяч рублей. В России всё ещё есть компании, которые делают сайты, и в эти компании всегда нужны дизайнеры. Уровень зарплаты зависит от крутости дизайн-студии. Много правочек.
Что по половозрастному составу? Я девочка, и мне 18 лет
Если ты смогла (или смог) прочитать эту статью, у тебя есть всё, чтобы стать дизайнером. Прости, но тут никому не интересен твой пол, возраст, гендер, социальная идентичность и политические взгляды. Принципы дизайна основаны на принципах равенства, юзабилити и закона Фиттса.
Нужно ли покупать программы, чтобы быть дизайнером?
Для UI и UX-дизайна есть бесплатные программы.
Для графдизайна, скорее всего, понадобятся «Фотошоп» и «Иллюстратор», они платные. Но есть и бесплатные альтернативы.
Обязательно ли иметь планшет, чтобы быть дизайнером?
Вообще нет. Даже именитые художники-иллюстраторы могут рисовать без планшета, а дизайнеры — и подавно. Но если вам нужно оправдание, чтобы купить классный планшет, — покупайте. Пригодится.
А большой монитор?
Большой монитор ещё никому не навредил. Но вообще это вопрос удобства: работать над большим макетом на маленьком мониторе неудобно — как ехать в переполненной маршрутке. Доехать-то вы доедете, но зачем так ехать?
Прежде чем покупать большой монитор, попробуйте на маленьком. Так как есть нюанс: есть просто большие мониторы (они недорогие), а есть с профессиональной цветопередачей. Если вы занимаетесь UI и UX, вам эта цветопередача не нужна. А если вы график — нужна.
С чего начать заниматься дизайном (бесплатно)
Awdee — журнал о цифровом дизайне
Где учиться дизайну (бесплатно, потом платно)
Есть и другие платные курсы дизайна, но с нашей стороны было бы странно их рекламировать. Вот пусть свои журналы делают и сами там рекламируются.
А я слышал, что для работы дизайнером нужен дизайнерский диплом
Наверное, вам так сказали в дизайнерских вузах. Это, конечно, полная чушь.
Большая часть программы дизайнерских вузов — это «Концептуализация и визуализация визуальных концептов в разрезе историко-культурных гендерных процессов», то есть воздушные замки на соплях. И ещё 100 часов рисования за мольбертом.
Не тратьте молодые годы на бубнёж неудавшихся дизайнеров, идите сразу работать в индустрию.
Дино Карабег дал следующее определение информационного дизайна:
Information design is the design of information.
В цитируемой работе определение развёртывается: информационный дизайн противопоставляется традиционному информированию, при котором профессионалы в своей области ведут информационную коммуникацию традиционными средствами, используя традиционные для той или иной сферы деятельности каналы. Для информационного дизайна важны ответы на следующие вопросы [5] :
В своей статье Герлинде Шуллер (Gerlinde Schuller) приводит следующую формулу информационного дизайна:
с данными ниже объяснениями. Информационный дизайн
Содержание
Принципы
Основной целью информационного дизайна является ясность коммуникации: сообщение должно не только быть точно передано отправителем, но и правильно понято получателем.
Информационный дизайн строится на функциональных и эстетических принципах.
К функциональным принципам можно отнести:
К эстетическим принципам относятся:
История
Работы информационного дизайна
Методы дизайна
Сортировка карточек
Распространённые приёмы
Акцентирование
Изменением различных параметров текста (размера и начертания шрифта, позиции, и т. п.) можно добиться контраста для части текста, на который необходимо обратить внимание читателя.
Параллельное изложение
Заметки на полях — параллельные тексты, фонарики (жарг.) — помогают привлечь внимание к наиболее важным моментам.
Добавление «воздуха»
Значимые части материала можно выделить путём окружения его пустым пространством — «воздухом». «Воздушный» документ и его части приятнее и легче читать, придаёт тексту изящество.
Излишняя усложнённость
Применение
Информационный дизайн находит применение в различных областях деятельности, таких как [17] :
Известные информационные дизайнеры
Примеры
Примечания
Литература и ссылки
Полезное
Смотреть что такое «Информационный дизайн» в других словарях:
Дизайн — Зарисовка разгонного двигателя парового локомотива. Дизайнер решает задачу унификации научных и инженерных результатов (см. промышленный дизайн) Дизайн (англ. … Википедия
Вести (информационный канал) — ФГУП ГТК «Телеканал «Вести» ФГУП ГТК «Телеканал «Вести» Страна Россия Зона вещания Россия, международное вещание Дата начала вещания 1 июля 2006 … Википедия
Международное общество культурно-деятельностных исследований — Эта статья предлагается к удалению. Пояснение причин и соответствующее обсуждение вы можете найти на странице Википедия:К удалению/11 октября 2012. Пока процесс обсужден … Википедия
ТЕЛЕВИДЕНИЕ — (от греч. tele вдаль, далеко) средство массовой аудиовизуальной коммуникации и экранное зрелище, типологически близкое киноискусству. Как средство культурной коммуникации Т. отличается от кинематографа периодичностью связи с аудиторией,… … Эстетика: Словарь
Список мультсериалов и фильмов о трансформерах — Информационный список мультсериалов и художественных фильмов о трансформерах с их кратким описанием. Названия сериалов и фильмов приводятся в хронологическом порядке. Содержание 1 Мультсериалы и полнометражные мультфильмы … Википедия
American McGee’s Alice — Обложка оригинальной американской версии игры под Windows Разработчик Rogue Entertainment … Википедия
Евро — (Euro) Евро это единая европейская валюта Евро: описание монет и банкнот, история создания и развития, место в мировой экономике Содержание >>>>>>>>>> … Энциклопедия инвестора
Список академических дисциплин — Эта статья содержит незавершённый перевод с иностранного языка. Вы можете помочь проекту, переведя её до конца. Если вы знаете, на каком языке написан фрагмент, укажите его в этом шаблоне … Википедия
Информационный дизайн — отрасль дизайна, практика художественно-технического оформления и представления различной информации с учётом эргономики, функциональных возможностей, психологических критериев восприятия информации человеком, эстетики визуальных форм представления информации и некоторых других факторов.
В информационном дизайне традиционные и новые принципы дизайна применяются к процессу преобразования сложных и неструктурированных данных в ценную, осмысленную информацию. С помощью картинок, символов, цвета, слов происходит передача идей, иллюстрация данных или визуализация отношений.
Дино Карабег дал следующее определение информационного дизайна:
Информационный дизайн — это дизайн информации (Information design is the design of information).
В цитируемой работе определение развёртывается: информационный дизайн противопоставляется традиционному информированию, при котором профессионалы в своей области ведут информационную коммуникацию традиционными средствами, используя традиционные для той или иной сферы деятельности каналы.
Для информационного дизайна важны ответы на следующие вопросы:
В своей статье Герлинде Шуллер (Gerlinde Schuller) приводит следующую формулу информационного дизайна:
с данными ниже объяснениями. Информационный дизайн
В сборнике Information design Джеф Раскин заявил, что «информационный дизайн» — неправильное название, так как саму информацию нельзя проектировать, в отличие от способов её передачи и представления.
Принципы
Основной целью информационного дизайна является ясность коммуникации: сообщение должно не только быть точно передано отправителем, но и правильно понято получателем.
Информационный дизайн строится на функциональных и эстетических принципах.
К функциональным принципам можно отнести:
К эстетическим принципам относятся:
История
Термин англ. information design, обозначающий междисциплинарную область исследований, появился в 1970-х. Некоторые графические дизайнеры стали использовать этот термин, а в 1979 году стал выпускаться журнал «Information Design Journal». По воспоминаниям редактора журнала, новое издание имело целью привнести дизайнерский процесс (планирование) в информационную коммуникацию, содержание и язык в дополнение к форме, в противовес броской информационной графике той поры. Необходимость наглядного представления информации возникла давно, и характерные для информационного дизайна работы в виде инфографики появились задолго до определения самого понятия:
Методы дизайна
Сортировка карточек
Сортировка карточек является одним из методов проектирования структуры веб-портала или программного приложения, в котором участвуют потенциальные пользователи. Метод направлен на выявление структуры, упрощающей нахождение нужной информации пользователями. Суть метода заключается в распределении карточек с названиями материалов сайта по группам. Имеются открытая и закрытая разновидности метода, в зависимости от того, имеют ли пользователи возможность создавать свои группы или же набор групп жёстко задан. К достоинствам метода относятся его простота, дешевизна, быстрота проведения, проверенность временем, привлекательность для пользователей. К недостаткам можно отнести отсутствие учёта задач пользователей, разброс результатов, трудоёмкость анализа результатов, возможная поверхностность.
Распространённые приёмы
Акцентирование
Изменением различных параметров текста (размера и начертания шрифта, позиции, и т.п.) можно добиться контраста для части текста, на который необходимо обратить внимание читателя.
Параллельное изложение
Заметки на полях — параллельные тексты, фонарики (жарг.) — помогают привлечь внимание к наиболее важным моментам.
Добавление «воздуха»
Значимые части материала можно выделить путём окружения его пустым пространством — «воздухом». «Воздушный» документ и его части приятнее и легче читать, придаёт тексту изящество.
Излишняя усложнённость
Одной из проблем с информационным дизайном можно считать его излишнюю усложнённость (англ. over-designed), которая может выражаться в наличии отвлекающих внимание элементов.
Применение
Информационный дизайн находит применение в различных областях деятельности, таких как:
В технической коммуникации информационный дизайн означает создание информационной структуры для набора информации, предназначенной для определенной аудитории. Его можно практиковать в разных масштабах.
Между информационным дизайном и информационной архитектурой есть много общего. Титул информационного дизайнера иногда используют графические дизайнеры, специализирующиеся на создании веб-сайтов. Набор навыков информационного дизайнера, поскольку название применяется более глобально, ближе к навыкам информационного архитектора в США. Подобные навыки организации и структуры используются при разработке веб-сайтов и цифровых носителей с дополнительными ограничениями и функциями, которые Заработайте дизайнера на звание архитектора информации.
Ранние примеры [ править ]
Информационный дизайн связан с эпохой технологий, но у него есть исторические корни. Ранние примеры современного информационного дизайна включают следующие эффективные примеры:
На диаграмме Минарда показаны потери, понесенные армией Наполеона в период 1812-1813 гг. На графике нанесены шесть переменных: размер армии, ее расположение на двумерной поверхности (x и y), время, направление движения и температура. Этот многовариантный дисплей на двумерной поверхности рассказывает историю, которую можно понять сразу же, идентифицируя исходные данные, чтобы завоевать доверие. Эдвард Тафте писал в 1983 году: «Это может быть лучший статистический график из когда-либо созданных». [5]
Приложения [ править ]
Простота [ править ]
Эти шаги помогут информационному дизайнеру сузить круг результатов, а также поддержат заинтересованность аудитории. [13]
Официальное определение термина «информационный дизайн» звучит так – это одна из отраслей дизайна, где художественное оформление представленной информации производится с учётом определённых психологических критериев её восприятия, эстетики, эргономики и многих-многих других факторов. Проще говоря, информация должна быть подана не просто, как набор цифр или фактов, её необходимо преподносить так, чтобы она легко воспринималась, запоминалась, а в некоторых случаях – заставляла задуматься. Если информация рассчитана только на определённую группу граждан (в зависимости от социального статуса, профессии, национальности и т.д.), она должна быть предоставлена таким образом, чтобы привлекать внимание именно той группы, на которую ориентирована. Причём создатели того или иного информационного продукта должны быть, скажем так «в теме»: знать, что привлечёт внимание того слоя населения, с которым им предстоит «работать».
Хотя, информационный продукт, созданный дизайнерами, безусловно, не всегда рассчитан на узкую аудиторию. Яркий тому пример – социальная реклама. Проблемы брошенных детей, одиноких стариков, алкоголизма, наркомании и т.д. – это проблемы не только какой-то одной группы людей, они касаются абсолютно всех: богатых, и бедных, русских и украинцев, крутых «фирмачей» и бюджетников.
Исходя из всего вышесказанного, не трудно предположить, что дизайнер должен быть не просто яркой творческой личностью, хорошим художником и креативщиком. Для создания такого продукта, ему просто необходимо быть чуть-чуть психологом, чуть-чуть маркетологом, чуть-чуть идеологом. Взять к примеру, ту же социальную рекламу – кто, как не психолог сумеет грамотно «надавить на мозоль» общества? Ну, а «листовки со скидками», которые засоряют наши почтовые ящики – кому, как не маркетологу удастся красиво преподнести «выгодные предложения», бросовые цены и привлечь таким образом внимание? Предвыборные кампании и продвижении национальных идей – это уже под силу только грамотному идеологу. Плюс ко всему – цвет, восприимчивость шрифта, размер… Всё это в информационном дизайне играет огромное значение!
Говоря об информационном дизайне нельзя не сказать и о том, что иногда встречаются очень курьёзные моменты – какое-то совершенно нелепое, на первый взгляд, словосочетание или слоган, буйство цветов или напротив максимальный минимализм. Глядя на такой информационный продукт, у многих возникает мысль «ну, что за ерунда?» или вызовет улыбку. На самом деле, это очень ловкий пиар-ход – дизайнеры таким образом привлекают ваше внимание: простотой или пестротой, слишком большим объёмом информации или её минимальной подачей, смешной фразой, неожиданным вопросом, который написан большими буквами и т.д.
Яндекс сейчас: сразу даётся определение слова, сбоку вываливаются картинки, со всех сторон мне рекламируют сервисы и мессенджер 
Та же выдача, но другие дизайнерские решения: выдаются только сайты, никакой дополнительной рекламы, выдача занимает всю ширину в нужное количество колонок. Другие цвета, реклама выделяется яркой жёлтой плашкой. Эта страница — следствие других дизайнерских решений. 
Ещё один вариант дизайна: выдача обесцвечена, шрифт радикально крупнее, никакой дополнительной рекламы и опознавательных знаков. Стало ли лучше, понятнее, яснее и полезнее?
Сайт программы для медитации и осознанности — headspace.com 
Сайт кроссфитового спортзала на Мальте — crossfitmartell.com 
Сайт CRM-системы для малого бизнеса — mailchimp.com 
Личный кабинет курса про дизайн в «Практикуме»
Картинка — из рекламы Squid, это набор графических элементов для программы Sketch
Дизайн главной страницы Яндекса в 1997, 2003 и 2013 году отражает изменения веб-дизайнерской моды. Студия Артемия Лебедева
Игра User Inyerface — пример намеренно ужасного, дьявольского, неудобного, нечеловечного интерфейса. Это такая игра: пройди все интерфейсные испытания и ощути боль пользователя, которому кто-то плохо нарисовал интерфейс. Залипните (если сможете): userinyerface.com
