Page not found, 404

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

всё не так плохо, как кажется

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

Ладно, аэрозоль не такой хороший продукт потому что вредит окружающей природе. Буквально каждая его часть так или иначе причиняет вред. Я это понимаю.

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

Ладно, аэрозоль не такой хороший продукт потому что вредит окружающей природе. Буквально каждая его часть так или иначе причиняет вред. Я это понимаю.

Если спросить первого встречного о дизайне «Глейда» на картинке выше, то многие начнут оценивать его по критериям красоты:

  • Мне нравится голубой цвет, он достаточно сбалансирован и передает чувство свежести
  • Шрифт не очень, слишком рубленный, нужен плавный и спокойный, как утренний бриз
  • Ужасное оформление, как так можно было сделать? пойду быстро постец напишу
  • Мда, ну и цветок, какой-то он совсем поникший, не свежий и не чистый совсем.

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

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

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

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

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

...

Вместо выводов

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

Последнее предложение этого абзаца — часть из описания Студии Лебедева

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

Последнее предложение этого абзаца — часть из описания Студии Лебедева

У освежителя в принципе неплохое оформление, но у него плохой дизайн. Не путайте одно с другим.

21 января   дизайн   туалет

Знак рубля или сокращение «руб.»

сайт букинг ком

А вы не задавались вопросом, почему у Букинга такой страшный сайт? Ладно, я о другом пришел говорить. О том, что вместо знака рубля у них стоит тупое сокращение в обозначении валюты. Кому-то может показаться, что это очередная дизайнерская придирка. Да, это она.

В 2018 году спокойно можно писать сокращение «руб.» в ситуации, когда нужно указать цену. Вообще можно как угодно: 100 рублей, 100 руб., 100 ₽, 100 рэ, 100 р., 100 Р, 100k. Конечно, не желательно создавать мутации когда есть официальный знак рубля, но иногда он не в тему. Это, значит, было про ценники.

Такие посты я часто пишу в канале, можно тусить там

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

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

Никаких «руб.» в обозначении валюты. Только знак рубля!

да, я ручками вверстал знак рубля это бывает полезно

Знак идеально размещается на сайте и есть в шрифте. Я в инспекторе проверил!

Такие посты я часто пишу в канале, можно тусить там

14 декабря 2018   веб   дизайн   знак рубля   сайты

Как начать делать один вариант дизайна

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

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

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

Тупые вопросы

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

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

Что это? — Плакат на праздник.
Какой праздник? — День Святого Валентина.
Зачем он? — Чтобы поздравить влюбленных.
Зачем их поздравлять? У них же всё клево, нужно поздравить кого-нибудь другого!
А как же невлюбленные? — Невлюбленных тоже нужно поздравить!
Как это сделать? — Нарисовать невелюбленного.
Как невлюбленный выглядит? — Как одиночка!
А как показать, что он одиночка? — показать рядом не одиночек.
Где будет висеть плакат? — дома у одиночек.
О чем он будет напоминать? Как он повлияет на человека?
Почему он одиночка?
...

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

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

Это трудно

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

Сколько стоит логотип для компании, которая занимается строительством более десяти лет? реальный вопрос

Легко открыть макет и начать «что-то» делать. Трудно задать миллион вопросов, вникнуть в бизнес, стать частью команды клиента и найти гребаное решение. Начать делать один вариант без прелюдий и предварительных ласк очень просто — нужно задавать вопросы. После итераций с вопросами и пониманием задачи у клиента отпадает желание получать несколько вариантов. Зато появляется уверенность в том, что вы решаете именно его задачу, а не занимаетесь бесполезным поиском.

2 октября 2018   дизайн   задачи и решения   клиенты

Прокачивайте эмпатию

Этот пост из моего чудесного канала в телеге

Есть такой канал в телеграме — Сникерсейл. Они ищут скидки по всему интернету на кедосы и делятся подписчиками.

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

Прокачивайте эмпатию, она помогает получать деньги из ничего и чуть-чуть улучшать мир вокруг.

9 сентября 2018   дизайн   эмпатия

Оставьте номер телефона в покое!

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

+7 (123) 923-72-37

Они делают так:

+7 (123) 9-237-237

Вау, «237» повторяется целых два раза. Дизайнер с маркетологом берутся за ручки и прыгают от счастья, вот какие они молодцы — сделали номер красивым и «клиентоориентированным». Через месяц узнается, что упали продажи и количество звонков — винят в этом бедных пиарщиков. А пиарщики говорят, что несезон и вообще это продажники не продают. Начальство орёт на всех, в компании пиздец и война.

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

Даже если так, цель человека — дозвониться. Во время ввода номера происходит ступор:

+7 (123) 923-7

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

+7 (___) ___-__-__

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

  • Не мешать людям своими заигрываниями
  • Не пытаться сделать цифры более «красивыми»
  • Правильно форматировать номер телефона
  • Прочитать краткую историю телефонных номеров
27 августа 2018   бесит   дизайн   дизайнер   интерфейсы   телефон   хватит

Никаких скидок на дизайн, товарищи, расходимся

Была у меня очень хорошая подруга Даша, мы с ней общались, гуляли, выпивали в барах и дело шло к известному концу. Внезапно она решила создать себе сайт. Я подумал, что это отличный способ склеить девушку разработкой страницы, и предложил свою помощь. На дворе 2013 год, она попросила сделать серьезную скидку. Я радостный согласился работать за копейки, ведь цель была не в заработке. Она занималась какими-то там праздниками и корпоративами; сказала, что скинет фотки на неделе. А я за неделю сделаю первые наброски дизайна, а на следующей уже буду верстать. Такой был план-капкан.

Прошел месяц, затем второй, третий и полгода. Я так и не взялся за работу, потому что три тысячи рублей — это пиздец. Это неуважение к себе, боль, апатия, может ненависть и нежелание браться за работу. Я не жадный, но уважаю свой труд и не могу работать за копейки. Зачем согласился? Где была голова? Заставлять себя что-то делать по доброй воли я тоже не люблю. Я знаю, что надо было сказать ей, знаю, что поступил как последний мудак. Сейчас я это понимаю, но тогда пойди попробуй объясни.

Со временем она начала выносить мне мозг и требовать больше внимания. Я решил забить хер на нее и заодно на чертов сайт. Она требовала вернуть ей деньги, а я всё никак не мог их достать. И мне было ужасно стыдно и напряжно с ней общаться. Спустя год я вернул ей несчастные три тысячи и меня отпустило. Результат сотрудничества: просрано время, просраны деньги, просрана подруга, бонусом стыд и позор. Отныне, товарищи, такое правило:

Стоимость работы зависит исключительно от сложности задачи, а не от степени близости с клиентом

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

20 августа 2018   дизайн   клиенты   скидки

Самое отвратительное приветствие в вебе

Терпеть не могу подлиз и жопализов, а тут целый поп-ап такой:

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

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

Пожалуйста, не делайте так никогда.

6 июля 2018   бесит   веб   дизайн   интерфейсы

Что такое антидизайн? — часть первая

Часть первая
Часть вторая
Часть третья

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

Откуда берется плохой дизайн?

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

Раньше я не замечал того, что творится с нашими городами. С приходом в дизайн мне стало физически тошно смотреть на объемы дерьма, которое слоилось из каждой вывески или рекламы.
В заметке о проклятье я писал:

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

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

После заметки о самой тупой странице Яндекса я начал думать о плохих решениях — почему они возникают? Это же просто бессмысленно: создавать дерьмо в таком количестве.

Оказывается страница нужна для детского поиска — потом как-нибудь расскажу

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

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

Хуевый дизайн работает

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

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

Подписывайтесь на канал в телеграме — там много говно-дизайна

Займемся дизайном?

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

Возьмем эти две работы:

Это объявление в маршрутке — до и после. Объявление должно помогать людям в экстренных ситуациях. Слева максимально дерзкий, ужасный, отталкивающий и даже пугающий вариант. Справа аккуратный, подтянутый макет, который вежливо разговаривает. Однако оба варианта вряд-ли решают задачу — какой шнур? где шнур? это точно шнур? куда дергать? какое стекло? куда давить? на себя, от себя? Как вылезти? боже, я горю!

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

Помочь людям выбраться из маршрутки в случае пожара

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

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

И это должен понимать любой дизайнер в самом начале работы!

Итак, ребята, хотели заняться дизайном? Вот он, но теоретический. Мы создали условия, окунулись в них, сформулировали задачу. Если мы тру — задачу нужно щелкнуть.

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

  1. Ужасный дизайнер сверстает еще одно говно-объявление.
  2. Плохой дизайнер сверстает опрятное объявление (уборка в макете).
  3. Дизайнер средней руки опишет в объявлении способы спастись из маршрутки.
  4. Хороший дизайнер разработает окно, из которого без труда выберется любой человек.
    Он продумает возможные сценарии, учтет пути людей, разработает систему пожаротушения и сверстает понятное объявление
  5. Охуенный дизайнер придумает новые способы предотвратить пожар без выкидывания из маршрутки.

Итак, какой мы дизайнер сегодня? Плохой, средний или охуенный? Примерно так работают дизайнеры во всех сферах — в разных зависимостях погружаются в задачу. Ах, да, совсем забыл:

Охуенность дизайнера напрямую зависит от степени погружения в задачу

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

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

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

Продолжение следует

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

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

2 июля 2018   антидизайн   дизайн   теория
Ранее Ctrl + ↓