11 заметок с тегом

дизайн

Общение в команде

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

Общая цель и миссия

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

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

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

«Программисты думают только о себе, а не о пользователях»

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

Общее решение

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

«Это сделать невозможно!»

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

Беда в команде, если программист и дизайнер не разговаривают. Следом за салфеткой, следует этап общения и обсуждения. У программистов есть много хороших идей и шикарное представление технических ограничений. Тогда и разработчик никогда не скажет:

«Ничего не знаю, так было в макете!»

Вообщем, решение должно быть общим, больше общения и будет всем хорошо.

Общая точка успеха

Определили точку успеха. Что будет являться успешным завершением проекта или задачи в первом подходе. Это избавит проект от лишних хотелок. И вы тогда никогда не услышите от программистов:

«У вас концепция постоянно меняется, достали»

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

Равенство

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

«А почему у меня не спросили?»

Беда в том проекте, где дизайнер руководит разработчиками или наоборот. Это равные позиции в команде. Иначе дизайнер становится визуализатором, а программист говнокодером. А так быть не должно.


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

Радиоэмоции 1.0

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

Пользователи оставляют свои эмоции, плагин считает их и выводит количество:

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

Дизайн и идея — я, программист — Ольга Мохова.


Плагин бесплатный для всех: radioemoji.intuition.team


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

Cайт для «Маскота»

«Маскот» — это автомобильная премия в Беларуси. Сайт премии решает множество задач. Нужно как-то познакомить с условиями будущих участников премии и дать возможность подать заявку на участие. Упомянуть всех партнёров. Рассказать про номинации, методику и познакомить с экспертным советом. А ещё дать возможность проголосовать потребителям за автомобили, которые попадут в отборочный тур. При этом провести розыгрыш призов среди участников голосования, чтобы они не ленились голосовать.

Участники премии

Все участники премии — это автодилеры. А предмет оценки — новые автомобили. Поэтому на сайте нужно было выстроить журнал всех автомобилей, которые продавались в 2018 году:

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

Информационные партнеры

Одна из задач, рассказать про информационных партнёров. Чтобы не прятать их в конце страницы, мы аккуратно подмешали их в ленту журнала автомобилей:

Методика определения победителя

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

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

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

Итого, в каждой номинации будет два победителя: по мнению народа и по мнению экспертов. Или один, если мнение экспертов и народа совпадёт.

Розыгрыш призов

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

Голосование потребителей

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

Само голосование. Чтобы избежать сравнения автомобилей между собой и повысить объективность голосования, мы показываем только один автомобиль на экране. Так сказать, эффект «Тиндера».

Личные данные участника:

Благодарность за участие в виде промокода на автомобильные товары в онлайн-гипермаркете:

Анонс победителей

Помимо масштабного офлайн мероприятия, мы сделали анонс победителей на сайте:

Мобильные устройства

Все это дело, конечно же, работает на мобильных устройствах:

Для сайта собрано около 50 экранов и состояний. В жизни есть ещё трёхмерный логотип и переливающиеся кнопки: mascot.by

Пресса

  1. Marketing.by В Минске назвали лучшие автомобильные марки
  2. Realt.by Знай лучших. В Беларуси выбрали автомобиль года
  3. Домкрат Проголосуйте за любимые авто
  4. av.by Знай лучших. В Беларуси выбрали автомобиль года
  5. Belretail.by Итоги премии «МАСКОТ 2018»
  6. Tut.by Знай лучших. В Беларуси выбрали автомобиль года
  7. av.by Голосуем за лучший автомобиль года в Беларуси
  8. Marketing.by av.by проводит автомобильную премию для улучшения качества индустрии
  9. Volkswagen Подведены итоги автомобильной премии
  10. Skoda Skoda Kodiaq и Skoda Octavia — победители премии
  11. Радио Мир Названы автомобили с лучшим штатным автозвуком

Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

Принципы дизайнера

Пускай тут будет эта картинка. Придумайте сами почему

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

Дизайнер инициативный

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

Действует как предприниматель

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

Выкидывает бумажки в урну

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

Правильно понимает задачу

Если дизайнер решает неизвестно что, то это беда. Лучше потратить больше времени на разбор задачи и предложить крепкое решение, чем решать непонятно что. В среднем по больнице около половины времени на задачу занимает её разбор.

Ответственный

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

Сохраняет ясную голову, контролирует гнев

Дизайнер не истерит и не жалуется. Не передаёт проблему, а решает её. Старается ловить моменты, когда злится. Умеет успокоить себя сам. Гнев и истерика никак не поможет решить проблему.

Оценивает айсберг полностью

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

Сначала ищет «идеальный мир»

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

После делает просто и прямо сейчас

Пойти и решить задачу просто, а потом подумать как можно добавить функциональности. «Идеальный мир» нашли, задумайтесь, как можно сделать это прямо сейчас, но без потери в качестве. Если полное идеальное решение — это торт, то в первой версии надо сделать кекс с вишенкой.


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

План победы дизайнера на 2019 год

План победы дизайнера на 2017 · 2018 · 2019

В этом году мне интересны вот такие темы: информационный дизайн, общение, проверка идей, работоспособные системы, дизайн интерфейса.

Прочитать

  1. «Об интерфейсе» Алана Купера
  2. «Envisioning Information» Edward Tufte
  3. «Искусство управленческой борьбы» Владимира Тарасова
  4. «Extreme Ownership: How U.S. Navy SEALs Lead and Win» Jocko Willink, Leif Babin
  5. «Пользовательский интерфейс» Ильи Бирмана
  6. Дополнительно: перечитать «Найти идею. Введение в ТРИЗ — теорию решения изобретательских задач» Генриха Альтшуллера

Сходить

  1. Design Prosmotr 2019
  2. Mail.ru meetup 2019

Поучиться

  1. «Дизайн-библиотека» bang bang education
  2. «Продуктовый дизайн» Британская высшая школа дизайна
  3. «Пользовательский интерфейс и представление информации» Ильи Бирмана

Посмотреть

  1. «Введение в продуктовую работу» Школы дизайна Яндекса
  2. «Как составить план на год» Busy Podcast
  3. «Способы проверки решений» Школы дизайна Яндекса
  4. «Мобилизация 2017» Школы дизайна Яндекса
  5. «Управление проектами и продуктом» Школы менеджмента Яндекса
  6. «Дизайн-система Paradigm» Юры Ветрова
  7. «Фетишизм и удовлетворение потребностей: как влюбить в свой продукт» Тамары Кулинкович
  8. «Каждый дашборд — это отчет, но не каждый отчет — это дашборд» Алексея Колоколова
  9. «Беседы» bang bang education
  10. WWDC

Сделать

  1. Три жизнеспособных проекта
  2. Проверку какой-то идеи
  3. Рубрикатор для главной страницы своего сайта
  4. Перевод своего сайта на английский язык Перевёл. Вот он.
  5. Публикацию на английском языке про процесс работы над схемой метро Минска
  6. Плакат «33 правила Кэмпа» Сделал плакат.
  7. Рассказ про мобильное приложение, которое сделал в 2018 Приложение для «Совести»
  8. План победы на 2020

Арбайтен!


План победы дизайнера на 2017 · 2018 · 2019

Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

Ранее Ctrl + ↓