Дизайн-лодка
Open in Telegram
Александр Букин, дизайн-лид в Магнит | Пишу о дизайне цифровых продуктов и не только, делюсь инструментами и процессными фреймворками
Show more304
Subscribers
No data24 hours
+87 days
+1030 days
Posts Archive
304
Wegic
Тут очередной сервис, начинённый нейронкой подъехал, теперь можно создать сайт просто общаясь в чате. Вводя интуитивные формулировки команд типа «Add button» или «Delete section» можно полностью построить сайт. Да, пока это по-прежнему выглядит как аттракцион и с большим сомнением применимо к реальным бизнес-задачам, но внимания точно заслуживает. Что очень удобно — в сервисе уже есть бесплатные встроенные библиотеки иконок и изображений.
Собрал тут тестовый сайтик буквально за 20 минут: https://design-boat.wegic.app/home
@designboat
304
Еаптека и продолжение рубрики «критика приложений»
Начисление_5%_Платина_ПЛ 2024
Ситуация с рабочим названием файла условий акции, протянувшегося с бэка на фронт, усугубляется ещё и тем, что на этот элемент нельзя нажать и получить понимание об акции, её условиях и вообще ни о чём. Вы не можете ознакомиться с тем, что же такое «Начисление_5%_Платина_ПЛ 2024».
Как такое оказалось на фронте? Причин может быть масса — от отсутствия ресурсов на разработку до профукивания дедлайнов, но зачем тогда эта плашка здесь, как посчитать её эффективность и влияние? Предположу, что задача звучала не иначе, как «нет времени объяснять, просто разместите плашку «Начисление_5%_Платина_ПЛ 2024» на всех товарах акции», это требование нашего директора по маркетингу. А команда разработки во главе с продактом ответила «нет времени спрашивать, будет сделано». Исправим как-нибудь потом, если директор попросит.
@designboat
304
Обновлённая версия чеклиста онбординга для дизайнеров
Итак, кажется мы успешно закрыли потребность в дизайнерах внутри Ecom. Наняты супер классные ребята (Витя, Оля, Андрей, привет 👋) на три из четырёх вакансий. Четвёртую решили попробовать объединить с третьей в связи с отсутствием активной загрузки в последней).
Помимо простой человеческой радости, которой хотел с вами поделиться, делюсь и парочкой полезных выводов:
1. Универсального чеклиста онбординга нет — под каждого дизайнера, команду или продукт чеклист всё же придётся кастомизировать. Тем не менее, база всегда остаётся неизменной (к примеру доступы в корп ресурсы, тасктрекеры и Фигму).
2. Учесть и просчитать все нюансы заранее вряд ли удастся — в процессе онбординга что-то обязательно будет добавляться к чеклисту. По крайней мере, на третьей версии чеклиста пункты не перестали добавляться, хотя и добавилась всего парочка. Впрочем, третья версия стала сильно напоминать финальную.
А вот и результат:
Чеклист онбординга дизайнера 1.3
@designboat
304
Неудачное интерфейсное решение
В приложении Picooc отсутствует явный и интуитивно понятный элемент, позволяющий внести параметры тела.
В меню справа вверху его нет. И в подсказке внизу слева тоже. Попробуйте догадаться.
Так как замеры не производятся часто, успеваешь забыть и каждый раз ловишь конфуз. Потыкавшись по экрану с минуту удивленно обнаруживаешь, что для внесения параметра нужно тыкать в фигурку.
А как правильно то?
А правильно было бы разместить кнопочку со значком плюсика или большую кнопку с названием «Внести параметр», что сразу решило бы проблему.
@designboat
304
Запись разговора с Олегом Александровым («СберЗдоровье», ex-MAX) из HR-агентства Хайри
📹 https://youtu.be/q0F8gI4qBrA?si=ScZGHUulwwvQlcud
@designboat
304
+1
Как я переименовывал папку в Windows
На скрине слева Windows, справа — macOS. Кстати сделать скрин контекстного меню на рабочем столе Винды тоже оказалось не просто 😀
В последние лет 5 в основном я работаю на Mac, но изредка имею дело и с Виндой. И сегодня волею судеб пришлось мне снова столкнуться с сием творением. Попросили помочь, подсказать, как переименовать папку. Переименовать папку, Карл! Ну я как супермэн поспешил на помощь. Уж сейчас переименую, так переименую папку. Не осознавая весь масштаб задачи, нажал правую кнопочку мыши для вызова контекстного меню, собираясь найти в нём пункт «Переименовать», но не тут то было. Нет больше в контекстном меню никакого такого пункта «Переименовать». Нет его и всё тут. Есть иконка с буковкой и курсором, но с каких пор? Команда разработки в какой-то момент взяла и решила, что переименовывать файлы и папки пользователи теперь будут после продолжительного нажатия левой кнопки мыши по названию файла/папки. И обнаружил я это простым перебором действий, почти случайно. Может конечно я чего-то не понимаю, но на Маке всё по-прежнему чинно, благородно, по-старинке. В общем давно не виделся с Виндой 😄
@designboat
304
UX головного мозга
Продолжаю рассказывать про ресурсы дизайнеров из Магнит и сегодня делюсь ссылкой на Telegram-канал Оли, дизайнера команды аптек «Фарма»:
https://t.me/olgadesigning
304
Ребята в Ozon классно реализовали подсказку по фильтрам. Ещё бы иллюстрацию отодвинуть левее от крестика закрытия — и вообще красота 👍
304
Гаджеты для работы
Покупать ли более качественное оборудование вместо отсутствующего или предоставленного работодателем за свои деньги или работать на том, что дали?
Для меня ответ был очевиден всегда. Приведу в пример два случая из жизни.
Помню устроился как-то на работу, первый день в офисе, мне показывают рабочее место. Комп и монитор явно бывшие в употреблении — не проблема. А вот клавиатура и мышка заляпанные, в стыках корпуса засохшая многомесячная грязь, даже кнопки липкие какие-то. Протёр салфеткой и сел работать, что ж теперь. Но вечером того же дня сходил в первый попавшийся магазин и купил новую клаву с мышью просто потому, что не хотел идти к кому-то там и просить новую, доказывать что-то и писать какие-то заявки непонятно на чьё имя и ждать непредсказуемого результата.
Ещё один случай был с Android-устройством. В офисе не было никаких гаджетов для тестов кроме стационарных компов, приходилось просить время от времени у коллег, что доставляло неудобства и им и мне, ибо эмуляторы — это вообще не то. В итоге заказал простенький смартфон и тестил сборки на нём, больше никого не отвлекая. Кстати смартфон до сих пор работает, а прошло уже года четыре наверное. Да, с Эпплом было бы накладнее, но тем не менее. У вас же не самая низкая зарплата. Хотя кто-то довольствуется и эмулятором.
Оба случая тогда дали повод для споров и дискуссий между двумя идеологиями — «Дайте мне, вы должны мне, вы обязаны мне предоставить» и «Окей, не проблема, раздобуду гаджет сам чтобы не терять время». Но кажется, спор будет актуален всегда 😁
P.S. Кстати по поводу тестирования веба. У всех же Apple с ретиной небось? А у большинства людей очень недорогие мониторы, ни разу не Apple, иногда даже и не full hd. Не забывайте вспоминать, как ваши классные веб-дизайны смотрятся на таких мониторах 😬
@designboat
304
UI у «Моремании» конечно адовый, но такой фичи, как «Вернуть чаевые» я больше ни у кого не видел 🍽😁🛟
@designboat
304
+6
Полевые исследования: приложение «Сборщик»
Вчера посещал один из наших магазинов чтобы поработать сборщиком и ощутить на себе если не все, то многие сценарии использования приложения. Но обо всём по-подробнее.
Сборка начинается с входа в учётку в Android-приложении «Сборщик» на терминале сбора данных (ТСД) — гаджете, внешне напоминающим смартфон. ТСД оснащён сканером штрихкодов, а некоторые модели — ещё и SIM-картами. Мой был как раз такой. Несколько неприятным моментом было изрядно побитое защитное стекло, но работать оно не мешало.
Для старта необходимо дождаться заказа, но в моём случае долго ждать не пришлось — первая заявка пришла почти сразу после запуска смены. Вооружаешься тележкой, нажимаешь «Начать сборку» и не теряя драгоценного времени приступаешь. Кстати о времени — после старта сборки таймер начинает обратный отсчёт. Система сама определяет сложность заказа по количеству позиций и ещё нескольким параметрам. Мне повезло — заказ совсем небольшой, но и на его сборку времени немного — всего 5 минут. Представитель от магазина, Сергей, подсказывал, где что лежит — собирали заказы вместе с ним. Если бы не он, заказ собирался бы мной не один десяток минут, а так уложились в четыре минуты. Собрали, упаковали, на пакетах номер заказа написали, дождались курьера — выдали. Ну и после выдачи оценили курьера 🛵 (см. фото в конце).
Ну и так далее. Заказов было много, приходили буквально один за другим. В какой-то момент, лавируя с тележкой между продуктовыми полками, почувствовал игровой азарт — хотелось собрать заказ как можно быстрее 😄.
Инсайтов достать не удалось, да и большинство из них известны и ждут в бэклоге своей очереди на реализацию, но как и с приложением курьера удалось получить ни с чем несравнимый и бесценный опыт использования приложения в реальных условиях, что несомненно добавляет ощущений и эмоций в работу с ним. В общем всем ещё раз рекомендую юзать приложения, над которыми работаете 👍
@designboat
304
При выборе пешего маршрута Яндекс карты умеют показывать прогнозируемое количество шагов до точки назначения. Мелочь, а тем, кто следит за балансом калорий приятно 👍
304
+4
Покурьерил
Вчера работал пешим курьером у нас в Магнит. Забрал в офисе плащ и рюкзак супер-героя и отправился к стартовому магазину в выбранном районе.
С началом моего слота начался дождь и не заканчивался уже до вечера. Уже в самом начале смены я быстро промок, в большей степени промокли именно ноги. От ощущения, что впереди семичасовая смена становилось холоднее и мокрее. Скажу честно — полный слот с 13 до 20 отрабатывать я не стал.
Помимо пешего режима, есть ещё вариант работать на авто и брать мультизаказы, но это я оставил на потом. Ещё пробовал брать самокат. Закрепил смартфон на руле, но из-за дождя случались ложные срабатывания. Нажимать на экран, покрытый водой не всегда получалось, приходилось останавливаться и протирать экран. Про толком неработающую геопозицию в центре города даже не стану говорить — тут и так всё ясно.
За неполную смену удалось вытащить пару личных инсайтов, правда они уже были в бэклоге. Но главное — прошёл и прочувствовал флоу курьера не в самых благоприятных погодных условиях, что ещё больше помогло проявить эмпатию к курьерам.
Кстати любой желающий, имеющий Android-смартфон, легко может стать курьером Магнит. Понадобится скачать прилу курьера и следовать инструкциям в онбординге.
Когда пользуешься продуктом, к проектированию которого имеешь прямое отношение — получаешь совсем иное осознание функционала и ощущение от работы с ним. Видя продукт лишь со стороны проектировщика ты никогда не получишь ощущение от работы с ним со стороны пользователя, как бы не был уверен в этом. А первое, для чего делается продукт — это выполнение той или иной потребности пользователя, прибыль бизнеса приходит потом.
Однозначно я открыл для себя приложение курьера с другого ракурса. Теперь это уже не просто наборы элементов в интерфейсе и срезы данных аналитики, это ощущения. Курьером буду пробовать работать ещё (возможно даже на авто), ну а пока на очереди работа сборщиком, о результате которой тоже поделюсь с вами.
P.S. Велик не мой, сфоткал за компанию 🙂
@designboat
304
Полевые исследования: приложение «Курьер»
Сегодня перевоплощался в курьера Магнит. Переведу дух, соберусь с силами и завтра всё расскажу. Был дождь и холод. А курьеров я зауважал ещё больше.
@designboat
304
Подвигай пиксели
Итак, сегодня хочется рассказать про канал отличного человечка и превосходного дизайнера, моего тёзки, заведующего веб-дизайном у нас в Магнит. Прошу любить и жаловать — Саша Павлов и его канал:
https://t.me/podvigalpixels
304
Намагничиваемся
У нас в Магнит уйма дизайнеров и многие из них ведут свои каналы. На днях соберу ссылочки и поделюсь с вами 🧲
304
Чеклист онбординга дизайнера
Мы в Магнит усердно ведём найм сразу на 5 дизайн-вакансий и за последние полтора месяца уже имеем определённый положительный результат в виде двух принятых офферов и ещё двух предложенных (по ним пока ждём ответ от ребят).
В этот раз к выходу новых дизайнеров в штат я подготовился лучше, чем в прошлый и сделал онбординг-шаблон для новых членов команды. Пока это необкатанная версия 1.0 и возможно она подвергнется изменениям — буду держать в курсе.
Итак, онбординг-чеклист дизайнера:
https://shorturl.at/dIRX7
@designboat
304
Во что напивается дизайнер
Сапожник — в стельку.
Портной — в лоскуты.
Пожарный — в дымину.
Плотник — в доску.
Стекольщик — вдребезги.
Извозчик — в дугу.
Гробовщик — вусмерть.
Свинарка — до поросячьего визга.
Охотник — в дупель.
Шофер — в баранку.
Железнодорожник — в дрезину.
Футболист — в аут.
Ассенизатор — в говно.
Повар — в сосиску.
Лесник — в шишку.
Музыкант — в дудку.
Электрик — в отключку.
Математик — в ноль.
Медик — до потери пульса.
Писатель — ручки.
Журналист — до точки.
Астрофизик — до звёзд из глаз.
Дизайнеp — до покусанных яблок?
304
Нужно ли быть пользователем продукта, над которым работаешь?
Да, конечно, можно проектировать цифровой продукт, не являясь профильным специалистом в соответствующей продукту области. Не нужно быть курьером самому чтобы проектировать приложение для курьеров.
Но периодически наблюдать за опытом сотрудников, выполняющих работу при помощи интерфейса, который вы проектировали или собираетесь проектировать — это must have. Периодически, да что там, хотя бы один разок посмотреть, пообщаться, «покоридорить», попросить поучаствовать в юзабилити-тесте — необходимо.
Ну а самое крутое — это возможность пользоваться продуктом самому. Если возможность позволяет, то такой опыт просто необходимо получить. Поработать смену курьером, сборщиком, может быть таксистом или оформить небольшой потребительский кредит и пройти CJM самому — бесценно.
Вы получите ни с чем не сравнимый личный опыт, инсайты, точки роста и станете истинным пользователем своего продукта.
@designboat
