И маленький мерзавчик в догоночку всем, кто интересуется Framer: на этот раз делаем светлую и тёмную темы за 5 минут, без геморроя, регистрации и смс.

Responsive design… сколько боли в этих словах. Когда ваш идеальный макет выходит фаршем на мобиле 💔 Знакомо? Паника, легкое недоумение и часы на переделку. 😓 Но не переживайте — с Framer все станет проще!

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

Добавим немного практики, пару шуток (без них нельзя) и кучу полезных трюков. Готовы превратить ваши проекты в идеальный респонсивный шедевр с Framer? Тогда вперед! 🚀

Давайте задумаемся о библиотеке исследований. На рынке царит многообразие разных «умных» тулов для исследования, типа Dovetail или Condens. Но для многих команд такая сложность избыточна и они начинают гнуть более доступные инструменты, такие как Airtable, Confluence или Coda (это мы). Отчётики на отдельных страничках стоят на полочках. Всё красиво и аккуратно, как мы любим. Но что-то не клеится интегрировать такие инструменты в процесс принятия решений… 😶‍🌫️

Давайте честно обрисуем ситуацию. Если ваш продукт ставит перед вами задачу проверить пару продуктовых гипотез, то вы с большей долей вероятности сначала прикинете: «А какие из них я уже проверял(а)?» — и попробуете отыскать отчёт в личных закромах, чтобы сэкономить ресурсы. Если же такой ресёрч не проводился или отчёт безвозвратно потерян, то, засучив рукава, мы начинаем всё заново. Здесь бы нам пригодилась вышеупомянутая база, где хранится всё и всё можно найти. Так? 😒 Наверное.

Почему так неуверенно? Да потому, что даже если такая база есть, то ею всё равно никто без «палки» не пользуется. Никто не знает, появилось ли там что-то интересное и кто это сделал. Люди максимум кладут туда «своё», чтобы не забыть. На централизованное донесение информации просто не хватает ресурсов. Чтобы такой базой пользоваться, каждый дизайнер и исследователь должен загрузить себе в мозг всё, что там есть, как блокчейн, чтобы вспомнить, когда время придёт. 🤞

Уже утопично, правда? Но у нас же есть AI, больше не нужно всё помнить, он всё знает за нас, так? Верно, но только если есть наполняемость базы. Если там 3 ресёрча за 1998 год, то никаких полезных инсайтов мы не получим. Ответы AI будут очень похожи на ответы вашей мамы: «Раньше было так». 🥴

Так что пока база не будет наполняться, ничего не получится. И давайте честно — если у нас не хватает мотивации переименовать слой в Figma, о заполнении каких отчётов идёт речь? Может, тоже делегировать это AI? Можно, но тогда вы перекладываете на него и интерпретацию результатов, их анализ и reasoning. То есть AI превращается в какого-то волшебника Изумрудного города или Сверх-компьютер из «Автостопом по галактике». 42, а что 42, непонятно.

То есть, чтобы обеспечить достаточную точность работы модели, нужно аккуратно скармливать ей данные, а это уже их подготовка, а это — смотри пункт про слой в Figma.

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

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

Какая ирония... Видимо фронты Медиума ещё не прочитали статью.

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

Что бы вы ни создали: новую технологию обработки видео, новое удобное приложение по заказу дешёвых авиабилетов (авиасейлс, свяжитесь со мной) или даже написали книгу о дизайне, ваше достижение имеет обратную сторону медали. Новая технология обработки видео простимулирует спрос на съёмку, а это больше серверов для обработки и хранения, а значит больше средств для их производства. Новое приложение простимулирует людей летать, а значит и эмиссия парниковых газов увеличится. А книгу написал — деревья срубил. В любом случае, где-то какая-то бяка всплывёт, иногда не сразу, иногда незаметно, но где-то оно есть. ?

E=mc² представляло огромный потенциал в раскрытии тайн гравитации и Вселенной в целом, и Эйнштейн стремился именно к этому. Однако условия Второй мировой войны заставили пацифиста до мозга костей написать письмо Рузвельту с просьбой развернуть Манхэттенский проект. И из инструмента познания теория превратилась в оружие массового уничтожения. ?

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

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

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

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

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

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

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

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

Я тут запостил комментом свой список литературы "Что почитать дизайнеру" и подумал, а чего бы его тут не продублировать, с дополнениями и апдейтами 2024 ?

Итак, что почитать дизайнеру:

1️⃣ Для развития навыков UX-проектирования:
— Об интерфейсе. Алан Купер;
— Психбольница в руках пациентов. Алан Купер (если не хочешь читать, что выше);
— Веб-дизайн. Якоб Нильсен;
— Mobile Usability. Якоб Нильсен;
— UX дизайн. Проектирование опыта взаимодействия. Расс Унгер, Кэролайн Чендлер;
— Умный дизайн. Джефф Джонсон;
— Эмоциональный веб-дизайн. Аарон Уолтер;
— Универсальные методы дизайна. Белла Мартин, Брюс Ханангтон;
— Не заставляйте меня думать. Стивен Круг;
— Тестирование по методу Круга. Стивен Круг;

2️⃣ Психология пользователя:
— 100 главных принципов дизайна. Сьюзан Уэйншенк;
— Дизайн привычных вещей. Дональд Норман;
— Психология влияния. Роберт Чалдини;
— Психология убеждения. Роберт Чалдини;
— Бессознательный брендинг. Дуглас Ван Прает;
— Как мы принимаем решения. Джона Лерер;
— Биология добра и зла. Роберт Сапольски.

3️⃣ О работе дизайнера:
— Дизайн — это работа. Майк Монтейро;
— Дизайн всего: как создаются вещи, которые мы не замечаем.
— Do good design. Дэвид Берман;
— Дневник дизайнера-маньяка. Яна Франк;
— Моя жизнь. Мои достижения. Генри Форд;
— Кради как художник. Остин Клеон;
— Покажи свою работу. Остин Клеон;
— Универсальные принципы дизайна;
— Спроси Маму. Роб Фицпатрик.
— Дизайн для реального мира. Папанек.

4️⃣ Типографика:

— Типографика: Шрифт. Вёрстка. Дизайн. Дж. Феличи;
— Книга про буквы от Аа до Яя. Гордон.
— Новая типографика. Ян Чихольд;
— Образцы шрифтов. Ян Чихольд;
— Облик книги. Ян Чихольд;
— Философия дизайна Германа Цапфа;
— Модульные системы в графическом дизайне. Пособие для графиков, типографов и оформителей выставок. Йозеф Мюллер-Брокманн;

5️⃣ Композиция:
— Графический дизайн от идеи до реализации.
— Самый полный справочник. Графический дизайн. Хембри Райн;
— Геометрия дизайна. Пропорции и композиция. Кимберли Элам.

6️⃣ Бизнес:

— Зона победы. Джеффри Мур
— То как мы работаем не работает. Тони Шварц
— Бизнес-модели. 55 лучших шаблонов. Оливер Госсман.
— Цели и ключевые результаты. Полное руководство по внедрению. Бен Ламорт.
— 45 татуировок менеджера. Максим Батырев.

7️⃣ Продуктивность:

— Путь джедая. Максим Дорофеев.
— Джедайские техники. Максим Дорофеев.

8️⃣ Очень интересно, но не обязательно:
— Ремесло счастья. Ванильный Гром.
— Кровь, пот и пиксели. Джейсон Шрейер.
— Метод Сократа: как задавать вопросы о мире и себе. Уорд Франсворт.
— Маркетинг от А до Я. Филип Котлер.
— Inspired. Марти Каган.
— Вы, конечно, шутите, мистер Фейнман. Ричард Фейнман.

Пишите в комментах, что крутого читали вы за последнее время! )