mutim digital — дизайн и маркетинг

Фигма смеётся над Ютубом На этой неделе мобильный Ютуб изменился. Вместо привычного окошка, появилось окошко со щелями. Недавно Фигма тоже пыталась внедрить подобное в свой интерфейс, но в итоге отказалась от решения. Потому что нифига не удобно, когда в щелях мельтешат случайные пиксели. В Ютубе решили, что раз Фигма — софт для дизайна интерфейсов, значит они шарят в том, что делают. Но только Фигме хватило ума откатить интерфейс обратно — и щас компания спокойно сидит и хихикает над Ютубом, который наступает на те же грабли. Хотя, было время подумать и посмотреть на опыт коллег. Сумеет ли откатить решение компания-миллиардер, для которой обновление стоило миллионы, под вопросом. Кстати, рекомендую видео со скрина. Даже спать перехотелось от погружения. Это не прикол.

Куда деть мелкий текст Иногда сбоку от большого текста или иконки нужно поставить несколько более мелких строк. Новички интуитивно выравнивают мелкий текст по горизонтальному центру большого, вне зависимости от количества строк. Результат выглядит неопрятно. Что ещё хуже, такая вёрстка не предусматривает 3 или 4 строчки. Тем более то, как они будут соседствовать. Рекомендую увеличить мелкий текст до такого состояния, чтобы две строки были одной высоты с большим объектом. Сколько бы ни было строк, блок всегда будет выглядеть аккуратно. Да, одна строка немного выбивается, но даже у отличных решений есть компромиссы.

Минимум и максимум Работа дизайнера во многом состоит в том, чтобы избавиться от лишнего в макете, оставив только нужное. Чтобы передать смысл или предложение как можно эффективнее. В таком случае самым беспроигрышным решением является белый фон, чёрные буквы и картинка прямоугольной формы. Лучше и быстрее ничего не читается, а прямоугольная картинка удобно встаёт в любой макет. Реальность намного вариативнее. Проекты очень разные. Как и заказчики. Чисто теоретически нельзя втюхать каждому чёрные буквы, белый фон и прямоугольную картинку. Лучше научиться максимуму возможных приёмов, фишек, визуальных стилей и тд. Запас таких знаний не будет лишним. Убрать из проекта ненужные элементы не так сложно. А если в голове нет вариативности решений, то убирать будет просто нечего. Временами чувствую, что начинаю повторяться в проектах. Но любопытство очень помогает в развитии. Я разглядываю упаковки, таблички, вывески. Важно заходить не только на Пинтерест и Бихенс, а обращать внимание на то, что окружает нас здесь и сейчас. Иногда интересные приёмы можно заметить в совершенно неожиданных местах. Сам узнаю что-то новое почти каждый день. Все эти знания откладываются во внутренней библиотеке и здесь в постах.

Разбор вашего дизайна Переезд на новую квартиру завершён. Можно расслабиться и провести стрим. Поэтому откладывайте вечерние дела. Скидывайте свой дизайн с коротким описанием в комментарии к этой записи. Самые интересные работы будут разобраны сегодня в 20:00. Две важности: 1. Если вы не пришли на стрим, ваша работа будет пропущена. 2. Если хотите отправить сайт, крепите конкретный блок или страницу. Копаться в огромном файле Фигмы не очень просто. Сами понимаете :) Кто не придёт, тот никогда не узнает, что я думаю про его дизайн. 👉youtube.com/live/YxjZ9v74hVg?feature=share

Размер тире важен Это баянистая тема, но я до сих пор встречаю в коммерческих текстах дефис вместо тире. Баклажан - ягода в ботаническом смысле, а в кулинарном смысле считается овощем Не буду говорить о том, что у меня каждый раз выпадают глаза, когда вижу такое зрелище. Однако есть очевидное правило: тире всегда используется как знак пунктуации, а не что-то похожее на него. А дефис нужен для разделения частиц слов. Баклажан — ягода в ботаническом смысле, а в кулинарном смысле считается овощем Когда-нибудь я стану круче Не спорю, что есть случаи, когда действительно можно сбиться с толку. Например, если нужно указать промежуток даты или времени: Мероприятие пройдет 20-21 июня Мероприятие пройдет 20—21 июня Тут аккуратнее выглядит дефис, но правильнее ставить тире. А я думаю, что два варианта имеют право на жизнь. А что бы поставили вы?

Туалет с двумя кнопками Давно не было заметок про туалеты. Недавно задумался о целесообразности двух кнопок для смыва. Устройство хоть и редкое, но любопытное. Как я понимаю, левая кнопка создает большой напор воды для смыва чего-то побольше. Правая кнопка отвечает за малый напор воды. Идея понятна: человек в моменте должен разобраться, какую кнопку выбрать. И если малый напор позволит всё смыть, вода не будет расходоваться бесполезно. Только вот, я не уверен, что это работает. Около 90% населения правши. Полагаю, что большинство из них автоматически будет нажимать правую кнопку. Потому что тянуться правой рукой в левую сторону непривычно, ведь нужно дополнительное действие. Что ближе, то и нажимается. Мелкая кнопка будет работать для многих случаев, но для того самого она не сработает, а значит придётся нажимать ещё и большую. В итоге, вместо того, чтобы потратить 1x воды, будет израсходовано 1,5x воды. У меня нет исследования и данных о том, сколько повторных нажатий приходится делать посетителям в день. Но что, если итоговый расход воды получается таким же, как если бы установили одну большую кнопку, которая смоет что угодно. Даже если это так, заменить панель может оказаться гораздо дороже. Что думаете? Возможно среди вас есть специалисты по установке туалетов. Или вы занимались подсчётом расхода воды в общественных местах. Будет интересно узнать какие-то факты по теме.

Актив или неактив Оценку или прогресс с известным максимальным значением можно показать двумя способами. 1. Неактивным элементам оставляют только контур, а активные заливают 100% цветом. 2. Заливку оставляют у всех элементов, а неактивные делают полупрозрачными. Мне нравится второй вариант. Дело в том, что при небольшой толщине, контур может быть едва заметным. Особенно в мелком размере. А заливка, пусть и практически прозрачная, всё равно останется чётким пятном на другом цвете.

Задавайте правильные вопросы Когда-то провели интересное исследование, чтобы узнать, как на ответ влияет постановка вопроса. Сначала у первой группы спросили: «Можно ли курить, когда вы молитесь?» Почти 94 процента людей отве­тили: «Конечно, нет». Тогда исследователи перевернули фразу наоборот — и задали вот такой вопрос второй группе людей: «Можно ли молиться, когда вы курите?» Они были удивлены, когда 92 процента опрошенных ска­зали: «Да». Умение задавать вопросы правильно оградит вас от лишней работы. Если вы сдаёте заказ со словами: «Всё ли вам нравится или какие-то правки нужно внести?», вы выглядите в глазах заказчика, как сомневающийся исполнитель. С большой вероятностью он будет искать, что исправить в вашей работе. Но если написать: «Какой вариант вам больше нравится?», вы покажете, что уверены в своей работе, но даёте заказчику право выбора. После такого вы тоже можете получить правки, но они будут по делу, а не просто так. Отрывок про исследование взят из книги Клотера Рапая — Культурный код

Давай докажем, размер важен На первой картинке отступ от телефона до верхнего и нижнего края холста больше, чем на второй. Выглядит именно так. А по факту, в двух случаях отступ одинаковый. Это ещё одна оптическая иллюзия. Заметил её, когда монтировал видос на Ютуб. Требовалось, чтобы при приближении нижняя граница телефона оставалась на том же месте. Сперва казалось, что отступ сдвигается. Даже перепроверял размеры. А нет! Суть в том, что телефон на первой картинке занимает меньшую площадь, чем на второй. Конечно, эту иллюзию можно учесть и скомпенсировать. Но для видосика это было не обязательно.

Гарантии и обещания Попалась статья про главные ошибки в дизайне упаковки от одной онлайн-школы. Меня заинтересовал вот такой текст на слайде. Перед тем как приступить к дизайну, важно пообщаться с заказчиком и понять, какую бизнес-задачу нужно решить. Обсудите на этапе брифа, с какой «болью» он пришел — например, падение продаж. Допустим, я узнал, что у клиента упали продажи. Скорее всего, моя цель — повысить их при помощи дизайна, или хотя б вернуть на уровень до падения. Отличная ли цель? Однозначно! Могу ли я, как дизайнер, гарантировать рост продаж? Конечно же, нет. Я могу сказать, что текст станет читабельнее, акценты будут расставлены точнее, перегруз информацией станет меньше. Заметьте, это можно сказать, но никак не гарантировать. Допустим, я сделал хороший дизайн, а клиент завтра повысит цену товара на 200%. Вырастут ли продажи? Маловероятно. Работа дизайнера в упаковке — часть цепочки решений. Особенно, если речь про фриланс. Без маркетолога и копирайтера о каком-то росте не может идти речи. Выходит, что изначальный совет подходит только дизайн-студиям. Но я считаю, что даже им недоступна возможность что-то гарантировать. Просто у студий больше убедительности в глазах клиента из-за масштаба. Вообще, гарантировать нельзя почти ничего. А повышать продажи сугубо благодаря дизайнеру — очень странная затея.

Почему не копируются списки и буллеты Я пишу заметки в Фигме и Гугл Доке. Когда в тексте появлятся список, редактор автоматически проставляет нумерацию и дополнительный отступ каждому пункту. Да, это правильно и приятно. Но бесит, когда текст нужно скопировать в соцсеть или другой редактор, а нумерация слетает. В итоге приходится ставить её снова. Проблему можно решить через костыль вручную: 1. Написать цифру 2. Поставить пробел 3. Вернуться назад и поставить точку 4. Нажать стрелочку вправо Ничего не поняли? Это нормально. Пока думал над алгоритмом, сам запутался. Почему нельзя просто прописать код так, чтобы номера оставались на месте?

Лучший анекдот про Эда Ширана Если среди вас есть те, кто не посмотрел новое видео про обложки топовых песен, быстро исправляйтесь. Чтоб было больше мотивации, гляньте анекдот оттуда — и поймите, что вы теряете. Поскольку сейчас не у всех есть нормальный доступ к Ютубу, решил грузить длинные видосы в ВК. Правда, делать это буду через 3 дня после премьеры на Ютубе. Чтоб была эксклюзивность. А вот короткие видосы в ВК заливаю одновременно со всеми другими платформами. Залетайте 👉vk.com/video-158781432_456239334