Ожидание длиной в пять лет закончилось. Создатели MINI прочитали мои мысли (до этого такое удалось компании c1rca) и создали Cooper, который я куплю. Не только куплю, но также полюблю, зауважаю, буду гордиться и водить его так, будто я оседлал мечту. Вот он — скоро поступающий в продажу MINI Cooper Countryman. Кроме красивого дизайна и отличного кузова у него еще и нормальное количество дверей! Фанаты MINI могут обвинять меня в том, что я не чувствую дух машины, могут исключать Countryman’a из семьи Куперов — мне плевать. Я просто хочу ездить на этой замечательной машине с шести-ступенчатой механической коробкой передач!

Поскольку это MINI, все рекламные материалы просто замечательные. Я немного подпорчу удовольствие, но все же предложу сначала посмотреть рекламный ролик Countryman’a, а потом тизер к нему.

Как сказал MRNCH: «Хоть кто-то не делает рекламу авто из серии „ваша машина — ваши дороги“»

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

***

Тем, кто считает, что это не MINI, а ерунда какая-то, предлагаю посмотреть на замечательный старенький MINI, который я сфотографировал в Риме:

Итак, компания Apple представила свой iPad. Он похож на iPod, который попал под каток и стал поддерживать 3G. Несмотря на то, что я ожидал нормальную операционную систему Mac OS X, а не неуклюжую айтьюнсо-зависимую iPhone OS или что-то похожее на нее, я считаю, что этот продукт — большой шаг вперед. Нет, я не куплю его ни сейчас, ни после того, как выйдет следующее поколение айпадов. Тем не менее, я заметил некоторые позитивные тренды в создании этого планшетника.

Во-первых, есть подставка, которая также выполняет роль клавиатуры. Я думаю, что bluetooth-клавиатуры тоже будут работать с айпадом. Развивая айпады и создавая большее их разнообразие, Apple сможет увеличить размер экрана, добавить камеру, установить нормальную операционную систему, назвать это все iPad Pro и, voilà, заменить ноутбуки и аймаки! Нет, действительно, зачем они нужны, если компьютер действительно можно взять с собой. Принес на работу, вставил в клавиатуру, поработал. Приехал после работы в госте к девушке и посмотрел лежа с ней в постели свежий эпизод The Big Bang Theory, скачанный на работе. Я думаю, что это направление действительно изменит развитие компьютеров. Особенно если Apple догадается добавить клавиатуру в этот стильный чехол, который они разработали для айпада.

Во-вторых, разработчики показали, что нормальные приложения могут быть созданы и для той ОС, которая контролирует айпад. Уже есть iWork. Я не ожидаю, что там появится Adobe Photoshop или Final Cut Studio, но того, что уже есть вполне достаточно для тех, кому ноутбук нужен только для презентаций, фильмов и картинок. Мне кажется, что таких пользователей не меньше 80%.

Тем не менее, в этой версии айпада Apple заново изобрела фоторамку. «Но как же все нововведения?», — спросите вы. Эта часть и называется «изобретением». ;)

Я очень люблю готовить и очень редко пользуюсь придуманными до меня рецептами. В любом случае, я их почти всегда нарушаю. На днях я сделал очень вкусный и красивый салат, который назвал «Prawn the Queen». Его рецепт и инфографику по приготовлению я представляю вашему вниманию. Будем считать это пром-дизайном ;)

Рецепт

5 пластинок карамболя (starfruit) толщиной не больше 4 мм

5 креветок 70 калибра или чуть крупнее

5 листьев салата Айсберг

30 г майонеза

30 г оливкового масла

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

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

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

— Дабл чизбургер без сыра и огурцов.

Лимузин проследовал к следующему окошку, и получив свой специфически пахнущий заказ, поехал обратно туда, откуда приехал, смотреть Евровидение.

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

Все прыгнули с моста

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

Затяжной прыжок

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

Цвета всем подразделениям группы компаний, куда входит МТС, попались разные, а вот логотипы примерно одинаковые. Слева яйцо, а справа название. МТС выпал красный цвет и рекомендация: все рекламные образы должны быть в форме яйца, а название нельзя отделять от этого же яйца — «МТС» и яйцо должны всегда быть рядом. Об уникальном красном фирменном фоне для красного же логотипа сейчас не будем. Я пишу это все, основываясь на той версии стайлгайда МТС, которая попала мне в руки, когда произошло это удивительное превращение.

О том, хорош логотип или плох, спорил весь интернет, во всяком случае, та его часть, которая знает, что такое МТС, достаточно долго. Это нас сейчас интересует мало. Гораздо больше интересует наметившаяся сразу проблема.

Привет, земля

Если я напишу на бумажке «Ударь меня» и повешу на спину, то меня будут бить и подшучивать, а если я поставлю на свой логотип яйцо, то надо мной тоже будут подшучивать. Уверен, никто не сомневается в какой плоскости будут эти шутки.

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

Зная, что за образы будут сразу срифмованы с логотипом, МТС могли бы поступить изящно и в два хода закрыть эту тему навсегда. Для начала, надо было запустить вирусный ролик, когда пошли слухи, что логотипом МТС будет яйцо и начались первые шутки об этом. Какой-то editor’s cut снятый на сотовый телефон с таглайном «Раньше Вася чесал яйца, а теперь чешет с телками» и логотипом МТС в ужасном качестве, найденным в шпионском айфоне на китайской фабрике. Сценарий ролика представить и придумать легко. Кроме очевидной цели, показать, что мы в компании и так все понимаем, это повысило бы узнаваемость бренда куда больше, чем светящееся окна дома в форме яйца или акула, вырезающая лунку в форме яйца (это все сюжеты рекламных роликов МТС). Следующим шагом еще проще. На пресс-конференции, посвященной новому логотипу, какой-то свою журналист должен был встать и спросить:
— Ну, все-таки… Ну, яйцо. Ну, хихи (все хихикают), вы же понимаете, какие ассоциации.

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

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

***

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

Однажды знакомый, который занимается чем-то связанным с перетаскиванием цифр из одной колонки в Экселе, в другую, поинтересовался: «Вот ты занимаешься тем, чем ты занимаешься. И не скучно тебе?» Поскольку то, что я делаю, включая написание этого поста, вряд ли может соревноваться с увлекательностью мира цифр и, будем откровенны, мира Экселя, я пустился в объяснения с целью доказать обратное. Я думаю, что секрет как и работы моего знакомого, так и моей, заключается в том, что нет ничего более бессмысленного, чем заниматься чем-то из-под палки и без удовольствия. Отмывая морских котиков от нефти, подушчивая над бозоном Хиггса или делая сайты, надо делать это легко и непринужденно, пребывая в хорошем настроении, тогда и идеи появятся хорошие и приятные.

Обложки

Во время работы над новым сайтом Инвест-газеты, мне в голову пришла интересная мысль. Несколько взмахов пера над планшетом и порхания руки над клавиатурой, а также минут 20 исследования результатов Google Images, я уже отправил сообщение Юре, который занимается частью технической реализации:

Юра ответил мгновенно:

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

Это тоже не вызвало протестов. После чего Юра предложил использовать метафору газеты и журнала по всему сайту, а не только в одном блоке, как я задумывал изначально. Я дополнительно нарисовал заглушки для тех номеров, у которых по каким-то причинам нет изображений обложки или первой страницы. Их можно увидеть на странице архива печатного издания (номера 43 и 35) и вживую на сверстанном примере.

Компания «Пежо» обновила свой логотип в связи с 200-летием. Ладно, этому геральдическому льву не нужен язык и туловище, дело владельцев льва. Но шрифт не стоило делать таким слегка нечеловечным. Мне кажется, что лучше бы просто написали нормально, примерно так:

И поведением, и окрасом, кот получился похожим на кота моих друзей, которого зовут Чача

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

Мордашка

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

Пушистые лапки

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

Хвост

Пером рисуем хвост кота в полете, переводим из обводки в заливку и задаем обводку повторно. Это еще легче, чем лапки!

Запуск кота

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

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

Точно так же мы задыхаемся от невиданного разнообразия: белые буквы на синей или красной плашке, или красные/синие буквы поверх фотографии. О! Я вижу необычный ход — красные буквы с черными элементами оформления. В редких случаях нас радуют оранжевым — тот же красный, но с другими пропорциями желтого и розового. Ладно бы просто делали черно-белыми — этого, вместе с хорошим бильд-наполнением более чем достаточно. Но почему из всего многообразия цветов надо было выбрать синий и красный? Я уверен, что по всяким матрицам эмоциональной привязанности к цветным треугольникам (которые так любят маркетологи) синий подчеркивает уверенность, а красный привлекает внимание… но постойте. Я помню, как чувствуя себя каким-нибудь Пауло Коэльо или Гришковцом, я рассказывал вещи, которые все и так знают: если выделять все, да еще и одинаково, то не выделено будет ничего.

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

На сайте Times Online использован вот такой яркий цвет вместе с привычными черным и серым

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

На обложках Esquire’a название журнала бывает и синего, и красного, и еще нескольких цветов

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

***

Это не руководство по созданию дизайна СМИ. Это не самая свежая новость о том, что кроме синего и красного есть еще парочка…миллионов цветов и оттенков, которые, вообще-то, можно использовать! Как оказалось, повоевать за синий цвет — трендовое стремление!

Самый свежий факт о Чаке Норрисе: это он откусил кусок от логотипа Apple. Нет, это не шутка, он действительно это сделал. Если вкратце, то Чак обиделся, что его стрелялка в App Store плохо продается и обвинил в этом, кого бы вы думали, юзабилити магазина приложений. Чак терроризировал Apple тем, что уйдет со своей программой на платформу Андроид (почему-то для кого-то это имеет значение) и отвергал предлагаемые Apple варианты дизайна. Как обычно, пришлось браться за дело самому. В результате оказалась, что Чак Норрис куда круче справляется со счетом до бесконечности и путешествиями на Марс, чем с UX консультациями.

Что не так

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

Так выглядела страница приложения в App Store до вмешательства Чака (изображение я нашел в Google Images)

Так выглядит страница приложения сейчас, после того, как Чак применил болевые приемы к юзабилити

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

В App Store это не учли. Вот несколько примеров:

—

Кто-то может определить какая из этих полосок показывается состояние загрузки, а какая — полоса прокрутки? Они выглядят одинаково! При этом обе похожи на индикатор состояния

Ок, вот подсказка:

И все равно не очевидно

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

—

Вот задача посложнее: укажите все ссылки в текстовом блоке ниже.

Кроме синего текста (это очевидно) ссылками также являются «Report a Concern ›» и «Yes | No». Остальной черный текст, оформленный так же, не ссылка. Не спрашивайте почему

Кстати, синим цветом также отмечены заголовки, которые не являются ссылками.

—

«Хлебные крошки» тоже подверглись изменениям.

Вверху страницы они больше похожи на ссылки на сайты (подсвечены после краткого описания приложения), а не на «хлебные крошки», которые использует Apple по всему сайту и раньше использовала в App Store

В то же время «хлебные крошки» внизу страницы не изменились

—

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

Если приложение бесплатно, то нет ни слова «Buy», ни слова «Download», на кнопке просто констатация факта

—

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

Эффект мокрого пола менее агрессивный и затрудняющий чтение при оценке приложения

Неужели все плохо?

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

Факт

Чак Норрис очень плох в роли UX эксперта, а Apple испортила интерфейс по непонятным причинам.