VanillaTime

Это просто прекрасный кейс того, как Дизайн и исследование могут помочь миру. Компания 3M (это та, что изобрела стикеры) провела исследование рынка доставки и упаковки и обнаружила огромные потери из-за несоразмерности вещей и коробок, в которые они упакованы. Причем это расценивалось людьми и компаниями, как необходимое зло: коробки-то делаются стандартных размеров и не адаптируются под товар. Но где есть проблема, есть и голубой океан. 3М создали новый материал для упаковки мелких вещей (коих более 60%). Он состоит из трёх слоев. Первый клейкий, но клеится он только к самому себе, так что вещи не пострадают. Второй напоминает пупырчатую пленку. Ну а третий водоотталкивающий. На видео видно, насколько экономным по объему может быть упаковка, что значительно сократит расходы на логистику, а значит увеличит скорость доставки и сократит выброс углекислого газа. Да, пластик перерабатываемый. И помните заценить гифки :) https://www.fastcompany.com/90382264/no-more-cardboard-boxes-3m-invents-an-ingenious-new-way-to-ship-products

Хотите сделать что-то ооооооочень низкодетализированное? А может не забыть о чем-то важном? Начните с пары слов в вашем блокноте... А, у вас может его и не быть. Что ж, в этом случае, советует его завести. А чтобы вы не ломались, я представлю линк на статеечку о том, как важно в нашем ремесле что-то писать руками. Если вы думаете, что электронные гаджеты способны заменить блокнот, то вы на неверном пути. Существует неразрывная связь между запоминанием информации и ее набором. Мало того, что во время письма задействуется мелкая моторика, способствующая запоминанию, так ещё и смысл написанного усваивается лучше из-за цельного восприятия того, что пишешь. В общем, чтобы было за что браться в первую очередь — купите блокнот :) “Forget the computer — here’s why you should write and design by hand” by Herbert Lui https://link.medium.com/AIo3gOiJPY

Просто супер-годный материал по построению модульных сеток от Натальи Гродской. Возможно, кто-то уже видел, но я не могу не поделиться. Внутри вы узнаете: — что такое сетки и зачем они нужны, — какие бывают виды сеток, — какую кртность лучше выбрать, — чем отличаются hard и soft сетки, — всё о базовой линии, + куча примеров и иллюстраций. И что немаловажно, всё на русском 😉 https://medium.com/design-spot/%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D1%81%D0%B5%D1%82%D0%BA%D0%B8-%D0%B2-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5-ux-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%B0-%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F-%D0%BF%D0%BE-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D1%8E-410cfc1df74d

Друзья, давненько ничего не писал, и вот разродился обзорным постом о Framer X. В последнее время плотно на него подсел — плодородная почва для экпериментов 🙂 В статье я рассказываю о том, что это за тул, откуда взялся, чем отличается от той же Figma или Sketch, и привожу примеры как и что там работает. Постарался сделать понагляднее, потому там очень много gif’ок. Надеюсь, вам понравится: https://medium.com/design-spot/%D0%BF%D0%BE%D0%B3%D1%80%D1%83%D0%B6%D0%B0%D0%B5%D0%BC%D1%81%D1%8F-%D0%B2%D0%BE-framer-x-9c0570831bd8

Хотите узнать, как выглядят проекты, которые не решают никаких проблем? Вот Мэт Бенедетто знает в этом толку, ибо этим и занимается. В его арсенале есть подсвечник-кастет, вешалка-ошейник, шаблон усов Халка Хогана и многое другое. Зацените только: https://www.demilked.com/useless-inventions-matt-benedetto/ Забавно, если не было бы так грустно, ведь с миром приложений и сервисов сейчас происходит что-то подобное. На любой чих и пук есть приложение. Хотите переводчик криков младенцев? Пожалуйста. Вашу бороду не хвалят? Вот вам социальная сеть для хейтеров бритвы. Поджимает пузырь в кинотеатре? Извольте лицезреть таймер мочеиспускания. Но зачем? Мы что, не можем оставить младенцев в покое, признать что нам не идёт борода и не пить много перед сеансом... Слишком просто. Мы можем и будем клепать бесполезное безумие. Потому, что это весело ;) и полезно для поддержания навыка ;) Шучу ... Или нет... Где-то подшутил, а вы сами решайте где :)

Довольно интересный концепт и подача. Было бы здорово получить побольше информации по теме... Но оказалось, что все это промо книги. Well played. https://thehistoryofweb.design/1998

Немного мыслей на тему Toggle-button (это которая меняет свою функцию по нажатию, типа Follow-Unfollow). Если вы решили использовать такой контрол, то убедитесь что он: 1) даёт возможность переключаться между опциями, 2) однозначно даёт представление о текущем состоянии, 3) информирует о всех возможных опциях. О последнем часто забывают, дескать, и так понятно. Но ведь можно лучше :) Оригинал: https://uxmovement.com/buttons/the-challenges-with-single-toggle-buttons/

Очень интересный интерактивный подход к рассказу о своих находках в исследовании онбординга Trello. Я опишу семь основных подходов, которые использует сервис, чтобы быстрее забрасывать на борт новых членов экипажа, и при этом,я очень советую пройти по ссылке, чтобы познакомиться с подачей :) 7 принципов онбординга от Трелло: 1) меньше ссылок для перехода — меньше утечка конверсии, 2) брендируйте весь процесс, чтобы не возникало эффекта отрешённости, 3) используйте персонализированный онбординг, спрашивая человека, зачем ему инструмент и подстраивая рассказ под цель... 4) ... И сегментируйте рынок, предлагая несколько вариантов сценария на выбор, 5) приводите аналоги из знакомого опыта, проводите трансфер ментальной модели, 6) давайте пользователю влиять на что-то во время онбординга, так вы повысите его лояльность, 7) уменьшайте вероятность отвлечения, например, во время отправки письма давайте человеку не простую линку на его почту, а пропихните в урл ещё и параметр фильтрации, чтобы человек увидел клиент с уже отфильтрованной выдачей. Вот так-то, надеюсь было полезно и интересно :) Линк на оригинал: https://growth.design/case-studies/trello-user-onboarding/

Совсем недавно, мой друг, товарищ и коллега поделился со мной своей печалью. Сейчас он набирает команду и проводит много собесов. И он просто понять не мог, что стало с отраслью. На вакансию откликаются люди, которые аки павлины распускают хвост в своих резюме, жонглируя терминам типа «персонализация», «биг-дата», «грейсфул деградэйшен» и прочих, а на деле и двух слов по теме связать не могут. Так, один из последних соискателей начал лить про «я знаю дата-дривен дизайн», но как только его попросили привести пример из практики, он на серьезных щах изверг следующее: «Ну у нас была кнопка, она называлась вот так. Пришёл менеджер и сказал, что у него есть данные, что эту кнопку называют иначе. И мы ее переназвали». Как вы понимаете, ответ не совсем ожидаемый от человека, претендующего на высокую позицию. И чтобы не попасть в просак, на следующем собеседовании (вдруг вы попадете к моему другу и он спросит вас об этом), я советую ознакомится с основными метриками eCommerce (как довольно простой пример). Понятное дело, что все зависит от конкретного случая и никто не исключает, что вам нужно будет придумывать что-то своё. Но на первых парах, можно обойтись набором юного дата-драйвера. Как раз статейка подоспела. https://www.webdesignerdepot.com/2019/07/ecommerce-metrics-that-matter/

И немного практики создания дизайн систем. Вам никогда не приходилось искать в скетче нужный символ из тысячи выпадающих дроп-даунов? Типа: «My_library — Molecules — Buttons — 24 — Submit — Rested». Конечно, это обещают исправить в новой версии... Но обещанного три года ждут. А пока можно воспользоваться хорошим (с виду) плагинчиком: http://symbol-browser.pratikshah.website/ Он позволяет совершать визуальный выбор символов, разбитых на категории, а в дополнение, снабжать их описанием-докой. На старте проекта, как по мне, очень актуально :)

Ах, мать моя. Не зря топлю за тул :) Ребята из Framer анонсировали React библиотеку продакшен-реди анимацией. Ну то есть... В продакшене... Ну то есть... Готовых к употреблению анимаций. По-моему это просто о-фи-ген-но :) По крайней мере превью выглядит великолепно :) https://www.framer.com/motion/

В свете недавнего ухода Джонни Айва из Apple, те кто с ним работал, дали небольшое интервью о работе с ним. Если кратко, то по мнению коллег Айв был гениальным индустриальным дизайнером, который понятия не имел, как делают софт :) Довольно забавно. https://www.fastcompany.com/90371707/jony-ives-real-legacy-according-to-apple-designers-who-worked-with-him?ref=webdesignernews.com

4) никогда не прекращайте эксперименты. На фото снизу, например, кольцелет, подъемная сила которого в разы превышает классические конструкции. Жаль из-за недостатка финансирования эксперимент закрыли.

3) PlayStation могли реиспользовать штурвал вертолета... украдите как художники

2) со временем люди учатся пользоваться чем угодно... Но не стоит из-за этого перегружать систему

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