У вас макет страшнее самой смерти

Прогресс чтения

Я вот никогда не мог понять — зачем медиа мешают мне читать текст? Я говорю про эти дебильные полоски в шапке сайта, которые внезапно стали так популярны. Индикатор прогресса двигается в зависимости от того, сколько я проскролил. Офигеть, вот это польза!

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

Возможно, я чего-то не догоняю.

 3 комментария    157   5 дн   бесит   дизайн   интерфейсы   сайты

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

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

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

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

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

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

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

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

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

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

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

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

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

...

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

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

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

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

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

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

 3 комментария    10   4 мес   дизайн   туалет

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

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

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

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

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

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

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

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

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

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

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

 3 комментария    5   5 мес   веб   дизайн   знак рубля   сайты

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

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

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

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

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

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

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

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

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

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

Это трудно

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

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

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

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

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

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

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

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

 3 комментария    8   8 мес   дизайн   эмпатия

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

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

+7 (123) 923-72-37

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

+7 (123) 9-237-237

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

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

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

+7 (123) 923-7

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

+7 (___) ___-__-__

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

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

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

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

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

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

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

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

 2 комментария    4   9 мес   дизайн   клиенты   скидки

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

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

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

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

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

 3 комментария    5   10 мес   бесит   веб   дизайн   интерфейсы
Ранее Ctrl + ↓