01. Логотип города Белфаст
Цена — 280 тысяч долларов

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

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

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

02. Логотип города Мельбурн
Цена — 630 тысяч долларов

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

03. Ребрендинг логотипа Pepsi
Цена — 1 миллион долларов

Логотип Pepsi с его культовой комбинацией цветов и яркими линиями существует с 1940 года и считается одним из самых узнаваемых логотипов в мире. В 2009 году логотип был изменен на минималистичный, а его основные элементы получили форму улыбки — попытка сформировать образ дружелюбного и доступного бренда.
По некоторым оценкам потребители просто не заметили ребрендинг, чего нельзя сказать о дизайнерах, которые обрушили шквал критики на новый логотип, его даже сравнивали с логотипом президентской кампании Барака Обамы 2008-го года. Необходимо отметить, что в данном случае 1 млн долл. был оплачен только за дизайнерскую работу, которая длилась пять месяцев, без учета расходов на замену логотипа на грузовиках, автоматах, торговых точках и т. п., которые по ориентировочным оценкам могли составить сотни миллионов долларов.

04. Редизайн логотипа BBC
Цена — 1,8 миллионов долларов

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

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

05. I love NY
Цена — 16 миллионов долларов

Логотип I Love NY, ставший культовым, был разработан знаменитым дизайнером Милтоном Глейзером в 1977 году, когда Нью-Йорк имел репутацию опасного города с массовыми грабежами, отключениями электричества, и был абсолютно не привлекателен для туристов. Город даже чуть было не объявили банкротом, после чего городские власти взялись за создание положительного имиджа для Нью-Йорка.

Был придуман слоган I Love NY, и нужен был логотип. Обратились к Милтону Глейзеру, который нарисовал логотип на обратной стороне конверта, лежавшего у него в кармане, буквально за десять минут и совершенно бесплатно. Это уже в 2007 году бюро Saatchi & Saatchi выиграло контракт на участие в кампании I Love NY с бюджетом в 16 миллионов долларов. К этому моменту Нью-Йорк был уже глобальным городом, привлекающим десятки миллионов туристов каждый год.
В рамках кампании логотип I Love NY получил новую жизнь, вариации логотипа использовались в печатных и цифровых материалах, посвященных тем или иным событиям в Нью-Йорке. Права на логотип Глейзера принадлежат департаменту экономического развития штата Нью-Йорк, который лицензирует его использование, а сувенирная продукция, украшенная логотипом Глейзера, приносит более 30 миллионов долларов в год, значительную часть из которых получает департамент.

06. Компания Tropicana
Цена — 35 миллионов долларов

Ребрендинг известного производителя соков — компании Tropicana, упаковка которой всегда была узнаваема в проходах супермаркетов. Казалось бы, чем не устраивало топ-менеджеров сочное изображение апельсина, который проткнули соломинкой для напитков? Но решив, что «мы не ищем легких путей» в 2008-2009 годах компания потратила 35 миллионов долларов на новый дизайн и кампанию по его сопровождению. Проблема заключалась в том, что потребителям новый дизайн пришелся не повкусу.
На новой упаковке изображение апельсина заменили на стакан с соком. Был также обновлен логотип, который зачем-то перевернули по вертикали, сделав почти незаметным на упаковке. Редизайн был настолько радикальным, что покупатели не могли узнать бренд на полках магазинов. В результате, бренд потерял 20 процентов продаж в первые же два месяца после ребрендинга, что заставило компанию вернуть продукту оригинальную упаковку.

07. Posten Norge ребрендинг
Цена — 55 миллионов долларов

Ребрендинг стал необходим потому, что старый логотип почты имел устаревший дизайн. В результате красно-золотой королевский ретро-дизайн логотипа поменяли на более современный серебристо-красный в 2008 году.
Другой причиной ребрендинга стало приобретение Posten Norge других компаний в данной отрасли и необходимость редизайна 10000 автомобилей, 1398 почтовых отделений, униформы для 20000 сотрудников.

08. Дизайн логотипа Accenture
Цена — 100 миллионов долларов

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

09. British Petroleum логотип и маркетинг
Цена — 210 миллионов долларов

Логотип British Petroleum и плата за полный ребрендинг, 2000-й год. Под влиянием «зеленых» идей, популяризации в мире экологичной экономики, компания поставила перед собой цель разработать «экологичный» логотип, как бы не обращая внимания на род своей деятельности.
Логотип приобрел форму стилизованного подсолнуха, правда выполненного в оригинальных цветах бренда. Несмотря на критику и обвинения в «неискреннем» подходе (где бензин и где экология!), ребрендинг был признан удачным с маркетинговой точки зрения. Необходимо отметить, что, собственно, на дизайн логотипа из общей суммы было потрачено всего лишь 7 миллионов долларов.

10. Логотип Symantec
Цена — 1 миллиард 280 миллионов долларов

Логотип Symantec (компании-гиганта в сфере кибербезопасности), был сделан 2010 году и является самым дорогим логотипом в истории человечества. После того, как компания приобрела своего конкурента — компанию VeriSign, она также получила право на использование ее визуальной айдентики, а именно — знаменитого дизайна галочки (буквы V), которая считается символом кибербезопасности.
Они не только получили доступ к идеям и ресурсам компании, но и к логотипу VeriSign, известному флажку, который они умело встроили в логотип Symantec.
Если вы не знакомы с ним, он представляет собой галочку для аутентификации сертификатов безопасности (SSL) для веб-сайтов, что очень важно, если вы хотите, чтобы люди доверяли вашему интернет-магазину или веб-сайту электронной коммерции.

Источник

Как продуктовому дизайнеру изучить Blender

30 дней в Blender.
Пребывание дома дало мне много времени подумать о своих личных дизайнерских целях. Я понял, что хочу избежать творческого застоя, и хочу постоянно изучать и исследовать интересные мне темы.
Я решил изучить Blender – бесплатную программу для работы с 3D, используемую для создания анимационных фильмов, визуальных эффектов, анимированной графики и многого другого.
Я хочу рассказать о своем процессе проектирования; что я узнал, и как я могу применить полученные навыки на практике. Надеюсь, это вдохновит других изучить что-то новое.

Читать: https://ux.pub/kak-produktovomu-dizayneru-izuchit-blender-moya-istoriya/

Как объяснить задачу дизайнеру: бриф, ТЗ, интервью

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

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

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

Что такое бриф, ТЗ и интервью. Их отличия

Чтобы задачи, которые ставит клиент перед дизайнерами, наверняка выполнялись, их нужно чётко сформулировать и задокументировать. В этом помогают такие документы, как техническое задание (ТЗ) или бриф.

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

Например, при выполнении логотипа надо знать:
Какое название будет в нём использоваться;
Есть ли альтернативные названия для дополнительных версий логотипа;
На каких носителях будет использоваться логотип;
Какие у вас пожелания и т.д.


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

Грубо говоря, бриф — короткий документ с описанием задачи, а ТЗ — подробный документ, описывающий также технические подробности. Бриф вы можете заполнить самостоятельно, если менеджер или дизайнер отправит вам ссылку на него, например, в Google Forms, а вот ТЗ рекомендуется составлять, общаясь с исполнителем дизайна, и по его шаблону документа ТЗ.

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

Советы по заполнению брифа или ТЗ

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

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

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

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

Несколько советов, как отвечать на вопросы брифа или ТЗ

Никогда не отвечайте на вопросы общими фразами. «Хочу, чтобы было супер круто», «Хочу, чтобы все удивились», «Хочется бомбу!» — эти фразы ничего не скажут дизайнеру о проекте. Пытайтесь конкретизировать свои требования: «Хочу ярко», «Нужно, чтобы заголовок был на первом месте», «Думаю, тут подойдёт неоновый стиль» и т.д.;

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

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

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

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

Источник

Как собрать библиотеку референсов и подготовиться к любой задаче

Как и где собирать библиотеку референсов?

Можно собирать подборки и добавлять кейсы в избранное прямо на Behance или Dribbble. Так же, можно собирать ссылки в каком-нибудь онлайн блокноте. Но все эти методы не очень удобные . Кейсы целиком очень трудно сортировать и искать среди них нужное решение.
Самый оптимальные способ, как мне показалось, это — собирать референсы прямо в Figma. Для этого нужно разбить все блоки на категории: обложка, контентные блоки, слайдер, карточки и тд. В каждую категорию собираются скриншоты блоков, которые вам понравились.
Теперь ежедневный просмотр Behance и Awwwards превратился в охоту за интересными решениями, которые я складывал в свою копилку.
Вся библиотека собиралась у меня в одном документе. Для каждой категории — отдельная страница.

Моей радости не было предела, все в одном месте, под рукой. Но со временем скринов стало слишком много и Figma стала очень сильно тормозить. Работать было невозможно. Нужно было искать другое решение.
В чате одного сообщества мне рассказали о том, что есть специальная программа для организации фото и видео материалов — Eagle.

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

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

На сегодняшний день ничего лучше этой программы я еще не видел. Eagle помогает быстро подобрать подходящие референсы и найти лучшее решение.

Ссылка на программу:
https://eagle.cool/

Источник

Комплексные приложения: 8 универсальных советов

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

Что из себя представляет комплексное приложение? ,

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

Например, комплексные приложения часто:

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

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

1. Продвигайте обучение через действие

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

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

2. Помогите пользователям использовать более эффективные методы

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

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

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

3. Обеспечьте гибкие и плавные пути

Пользователи сложных приложений часто преследуют широкие, неструктурированные цели в нелинейных рабочих процессах. В этих процессах они могут и не знать своей точной конечной цели, но им необходимо анализировать данные, чтобы искать ответы. Даже если существует хорошо сформулированная конечная цель, пользователи часто не следуют известному последовательному набору подзадач для ее достижения. Тем не менее, по необходимости, система должна иметь какую-то структуру: физический интерфейс, с которым взаимодействуют пользователи и некоторый тип линейного процесса, который они завершают с течением времени. Предоставьте гибкость в последовательности выполнения задач, избегая жестких, линейных рабочих процессов, которые заставляют пользователей выполнять набор действий от начала и до конца, без каких-либо выходных штрихов или гибкости в последовательности. Например, предоставьте методы, которые позволяют скипнуть этап, вернуться к предыдущему шагу и плавно перейти от одного к любому другому. Например, гибкая интерактивная карта последовательности позволяет пользователям вернуться к предыдущим шагам без потери прогресса. Mastercard Test & Learn — аналитическое приложение с самообслуживанием, использует мастеров, чтобы направлять пользователей через сложные задачи, но обеспечивает гибкость с помощью интерактивной карты последовательности, которая позволяет пользователям перемещаться вперед и назад через шаги последовательности по своему усмотрению.

4. Помогите пользователям отслеживать действия и мыслительные процессы.

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

5. Координируйте переход между несколькими
инструментами и рабочими пространствами

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

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