Дизайн-лодка
468 subscribers
167 photos
6 videos
64 links
Александр Букин, Design Lead в Магнит.
Пишу о дизайне цифровых продуктов, делюсь инструментами и практическим опытом в дизайн-менеджменте.
Download Telegram
Полевые исследования: приложение «Сборщик»

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

Сборка начинается с входа в учётку в Android-приложении «Сборщик» на терминале сбора данных (ТСД) — гаджете, внешне напоминающим смартфон. ТСД оснащён сканером штрихкодов, а некоторые модели — ещё и SIM-картами. Мой был как раз такой. Несколько неприятным моментом было изрядно побитое защитное стекло, но работать оно не мешало.

Для старта необходимо дождаться заказа, но в моём случае долго ждать не пришлось — первая заявка пришла почти сразу после запуска смены. Вооружаешься тележкой, нажимаешь «Начать сборку» и не теряя драгоценного времени приступаешь. Кстати о времени — после старта сборки таймер начинает обратный отсчёт. Система сама определяет сложность заказа по количеству позиций и ещё нескольким параметрам. Мне повезло — заказ совсем небольшой, но и на его сборку времени немного — всего 5 минут. Представитель от магазина, Сергей, подсказывал, где что лежит — собирали заказы вместе с ним. Если бы не он, заказ собирался бы мной не один десяток минут, а так уложились в четыре минуты. Собрали, упаковали, на пакетах номер заказа написали, дождались курьера — выдали. Ну и после выдачи оценили курьера 🛵 (см. фото в конце).

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

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


@designboat
👍6🔥3
UI у «Моремании» конечно адовый, но такой фичи, как «Вернуть чаевые» я больше ни у кого не видел 🍽😁🛟


@designboat
🤣8😢1🐳1👀1
Гаджеты для работы

Покупать ли более качественное оборудование вместо отсутствующего или предоставленного работодателем за свои деньги или работать на том, что дали?

Для меня ответ был очевиден всегда. Приведу в пример два случая из жизни.

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

Ещё один случай был с Android-устройством. В офисе не было никаких гаджетов для тестов кроме стационарных компов, приходилось просить время от времени у коллег, что доставляло неудобства и им и мне, ибо эмуляторы — это вообще не то. В итоге заказал простенький смартфон и тестил сборки на нём, больше никого не отвлекая. Кстати смартфон до сих пор работает, а прошло уже года четыре наверное. Да, с Эпплом было бы накладнее, но тем не менее. У вас же не самая низкая зарплата. Хотя кто-то довольствуется и эмулятором.

Оба случая тогда дали повод для споров и дискуссий между двумя идеологиями — «Дайте мне, вы должны мне, вы обязаны мне предоставить» и «Окей, не проблема, раздобуду гаджет сам чтобы не терять время». Но кажется, спор будет актуален всегда 😁

P.S. Кстати по поводу тестирования веба. У всех же Apple с ретиной небось? А у большинства людей очень недорогие мониторы, ни разу не Apple, иногда даже и не full hd. Не забывайте вспоминать, как ваши классные веб-дизайны смотрятся на таких мониторах 😬


@designboat
👍3🤓1
Ребята в Ozon классно реализовали подсказку по фильтрам. Ещё бы иллюстрацию отодвинуть левее от крестика закрытия — и вообще красота 👍
👍3
Как я переименовывал папку в Windows

На скрине слева Windows, справа — macOS. Кстати сделать скрин контекстного меню на рабочем столе Винды тоже оказалось не просто 😀

В последние лет 5 в основном я работаю на Mac, но изредка имею дело и с Виндой. И сегодня волею судеб пришлось мне снова столкнуться с сием творением. Попросили помочь, подсказать, как переименовать папку. Переименовать папку, Карл! Ну я как супермэн поспешил на помощь. Уж сейчас переименую, так переименую папку. Не осознавая весь масштаб задачи, нажал правую кнопочку мыши для вызова контекстного меню, собираясь найти в нём пункт «Переименовать», но не тут то было. Нет больше в контекстном меню никакого такого пункта «Переименовать». Нет его и всё тут. Есть иконка с буковкой и курсором, но с каких пор? Команда разработки в какой-то момент взяла и решила, что переименовывать файлы и папки пользователи теперь будут после продолжительного нажатия левой кнопки мыши по названию файла/папки. И обнаружил я это простым перебором действий, почти случайно. Может конечно я чего-то не понимаю, но на Маке всё по-прежнему чинно, благородно, по-старинке. В общем давно не виделся с Виндой 😄


@designboat
🤯1😱1
Неудачное интерфейсное решение

В приложении Picooc отсутствует явный и интуитивно понятный элемент, позволяющий внести параметры тела.

В меню справа вверху его нет. И в подсказке внизу слева тоже. Попробуйте догадаться.

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

А как правильно то?
А правильно было бы разместить кнопочку со значком плюсика или большую кнопку с названием «Внести параметр», что сразу решило бы проблему.


@designboat
😱2🤔1
Обновлённая версия чеклиста онбординга для дизайнеров

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

Помимо простой человеческой радости, которой хотел с вами поделиться, делюсь и парочкой полезных выводов:

1. Универсального чеклиста онбординга нет — под каждого дизайнера, команду или продукт чеклист всё же придётся кастомизировать. Тем не менее, база всегда остаётся неизменной (к примеру доступы в корп ресурсы, тасктрекеры и Фигму).

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

А вот и результат:
Чеклист онбординга дизайнера 1.3


@designboat
👏5🔥2👍1
Еаптека и продолжение рубрики «критика приложений»

Начисление_5%_Платина_ПЛ 2024

Ситуация с рабочим названием файла условий акции, протянувшегося с бэка на фронт, усугубляется ещё и тем, что на этот элемент нельзя нажать и получить понимание об акции, её условиях и вообще ни о чём. Вы не можете ознакомиться с тем, что же такое «Начисление_5%_Платина_ПЛ 2024».

Как такое оказалось на фронте? Причин может быть масса — от отсутствия ресурсов на разработку до профукивания дедлайнов, но зачем тогда эта плашка здесь, как посчитать её эффективность и влияние? Предположу, что задача звучала не иначе, как «нет времени объяснять, просто разместите плашку «Начисление_5%_Платина_ПЛ 2024» на всех товарах акции», это требование нашего директора по маркетингу. А команда разработки во главе с продактом ответила «нет времени спрашивать, будет сделано». Исправим как-нибудь потом, если директор попросит.


@designboat
💊4🤔3
Wegic

Тут очередной сервис, начинённый нейронкой подъехал, теперь можно создать сайт просто общаясь в чате. Вводя интуитивные формулировки команд типа «Add button» или «Delete section» можно полностью построить сайт. Да, пока это по-прежнему выглядит как аттракцион и с большим сомнением применимо к реальным бизнес-задачам, но внимания точно заслуживает. Что очень удобно — в сервисе уже есть бесплатные встроенные библиотеки иконок и изображений.

Собрал тут тестовый сайтик буквально за 20 минут: https://design-boat.wegic.app/home


@designboat
👍2🔥2
Даркпаттерн на Avito

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


@designboat
😱32
Три шага повествования

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

Перед рассказом можно дать немного контекста, если это необходимо. Далее, я рекомендую строить повествование по следующей последовательности:
Суть → Подробности → Детали

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

🔹 Подробности
На этом шаге можно раскрыть суть подробнее. По-прежнему, не нужно углубляться в макродетали, ещё не время.

🔹Детали
И только на третьем шаге, если позволяет время и сохраняется интерес аудитории, можно переходить к мельчайшим деталям, подробностям, спорам и обсуждениям.

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


@designboat
👍5🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Очевидная ошибка в интерфейсе касс самообслуживания KFC

Решили мы вчера в кое-то веки проведать KFC. И что мы видим: вместо того, чтобы предоставить выбор размера порции в модальном окне по центру или сместить фокус ниже, на выбор порции, они прячут его вниз под кнопку «Готово».

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

Предполагаю, что на воронку все эти затыки не оказывают значительного влияния (а отслеживают ли в принципе ребята из KFC воронку?) — пользователи, движимые голодом, так или иначе доберутся до завершения заказа. Но помучаться придётся.


@designboat
👍6😱2😁1💯1
«Браво», Яндекс Еда 💩

Мало того, что безопасность Яндекса-херандекса не вывезла и допустила слив данных в 2022 году, за что даже не посчитала нужным, как минимум, извиниться.

Теперь Яндекс-херандекс настоятельно требует разрешить им собирать данные и показывать ТОЛЬКО ТО, что «может быть мне интересно». Я не хочу, чтобы вы показывали мне только то, что я выберу, я хочу видеть и что-то другое, дебилов вы куски.

Второй вопрос: почему этот экран нельзя скипнуть, закрыть, свайпнуть? Я просто обязан согласиться и нажать безальтернативную кнопку «Выбрать». Третья эвристика Якоба Нильсена? Неа, не слышали. Даркпаттерны — да.

Что после всего этого я делаю в приле Яндекс Еды — спросите вы? Дело в производственной необходимости, приходится изучать конкурентов фудтеха, иначе давно бы меня тут и след простыл.


@designboat
😱62🤡1
Как устроена дизайн-доска нашей вертикали в Jira внутри Магнит

Исторически у нас сложилось так, что каждая команда ведёт собственную доску и имеет свои этапы бизнес-процесса со своими статусами. Да, в сути своей они имеют более-менее идентичные этапы и процессы discovery и delivery, но в частностях всё же отличаются.

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

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

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

Сортировать и отсматривать статус задач по персоналиям на доске помогает фильтр с именами дизайнеров.

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

Плюс к тому, на планировании спринта очень удобно видеть у кого какие задачи в работе. Любой участник вертикали имеет ссылочку на эту доску и всегда может видеть статус дизайн-задач, что помогает планировать общие ресурсы.


@designboat
🔥31
Что же такое дизайн?

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

В общем, моё определение дизайна остаётся неизменным уже второй десяток лет, уж не знаю, хорошо это или плохо:

Дизайн — это творческое решение задач.


@designboat
6👍1🔥1
Ура, нас уже 100 с небольшим!

Это только начало🤘⚡️🚀

Друзья, спасибо вам за внимание к этому скромному каналу. Буду стараться и дальше не разочаровывать и сохранять ваш интерес ☝️🙂🫶


@designboat
🔥42🎉1