198
Чат читателей @uxnotes · Редактор: @zGrav
В Фигме появились слоты.
— Это области в компонентах, позволяющие вставить любое содержимое в инстансы этих компонентов;
— Они упрощают компоненты со списками элементов внутри вроде аккордеонов, меню и дропдаунов. В них можно размещать любое количество элементов (не надо заранее закладывать какой-то максимум) и легко менять их порядок;
— Проще работать с компонентами с высокой вариативностью содержимого. В компоненте карточки можно задать стиль подложки и заголовка, расположение контролов, а её содержимое — добавлять через слот;
— Алексей Бычков записал видео о слотах;
— В блоге Фигмы [English] также предлагают использовать их для работы с лейаутом страниц: фиксировать в компоненте меню, хедер и футер, а содержимым конкретной страницы управлять через слот;
— Забавно, что они противопоставляют слоты детачу или созданию сложных многовариантных компонентов. Раньше такую же задачу решали добавлением dummy-компонентов и их свапом в инстансах на локальные компоненты с нужным контентом. Но со слотами, конечно, удобнее;
— Консультант по дизайн-системам Нейтан Кёртис написал, nathanacurtis/implementing-slots-in-a-figma-library-a9d6185318c2">как внедрять слоты в библиотеку компонентов [English];
— Как понять, где слоты будут полезны, какие компоненты снабжать слотами первыми (где чаще всего детач), какие настройки применять (без контента, с контентом, списком предпочитаемых компонентов и без него);
— Правила лейаута слотов: не задавать цвет, обводку, скругление углов, паддинги. Паддинги лучше задавать в контейнерах, в которых будут располагаться слоты. Слот должен отвечать за лейаут, направление, отступы между элементами и изменение размеров.
#figma #design_system
В мобильном приложении DNS сделано так, как Илья не рекомендует делать. Сделано хорошо. Не понимаю, на какой конкретно опыт опирается Илья, давая рекомендацию, поэтому буду считать её просто личным мнением.
При этом на десктопе в DNS сделано уже без мусорки.
А кто-нибудь читал новую книжку Арутюнова и компании "Это красиво, а это нет"? Стоит того?
Читать полностью…
Если минус не может вернуть товар, добавь ему дискейбл
Читать полностью…
Но еще раз подчеркну, мне кажется это важно. Самая главная задумка встречи была в том, чтобы создать безопасное пространство для получение фидбэка. В начале встреч я всегда говорила, что мы строго запрещаем принижение чужого труда, что нельзя комментировать неэтично, что нельзя оскорблять коллег даже если это завернуто в пассивную агрессию и типа незаметно. Этого дерьма и так хватает в жизни, очень важно на работе чувствовать себя комфортно, безопасно, в окружении добрых и понимающих людей
Читать полностью…
В мое время было так :)) но я уже давно не работаю там, поэтому правила могли измениться. Когда люди заявляются, ты как лид можешь посмотреть заявки и прикинуть, сколько займет обсуждение. И успеваешь даже анонс сделать :)) мы не то чтобы прямо готовились готовились, но краешком глаза поглядывали :))
Читать полностью…
Когда мы это запускали, целью было чтобы люди приходили. В то время к исследователям просто залеталив лички на "посмотреть дизайн", и я подумала. А почему бы не выделить слот, когда ты можешь прийти ч любым вопросом и получить совет от многих светлых голов. Если задачи кидали до обеда среды, мы успевали к ним подготовиться. Но ограничивать людей не хотелось, поэтому без проблем можно было залететь в любой момент.
И что очень важно, на этой встрече были правила. Никакого токсика и "ой вы и херню спроектировали". Никаких измов и обидностей, никакой классики термина "прожарка". Этого всего было достаточно и на остальных встречах, я же хотела создать пространство, куда люди охотно несли бы свли вопросы, не боясь быть униженными
Уиуууу, я так рада, что вы до сих пор жарите ❤️❤️❤️ то самое чувство, когда твоя "ради забавы" придумка обрела смысл благодаря заботливым рукам, подхватившим ее 😍😍😍
Читать полностью…
Немного не так, как обычно: живые комментарии не всегда ускоряют процесс, иногда нужен структурированный диалог.
Читать полностью…
Бесплатный онлайн-интенсив для AI-тренеров от Яндекса
AI-тренер — это специалист, который обучает нейросеть генерировать корректные, грамотные и релевантные запросам пользователя ответы.
Приглашаем на интенсив от экспертов Яндекса — и новичков, и тех, у кого уже есть опыт. Лучших позовём в команду, которая обучает нейросети Alice AI (Алиса, Яндекс, Поиск).
Набираем две группы
🟣 28 февраля и 1 марта
🟣 14 и 15 марта
Все встречи пройдут онлайн, по московскому времени, поэтому участвовать можно из любой точки мира.
🧑🏫 Что вас ждёт
– Несколько небольших заданий на логику и русский: выполняете самостоятельно в удобное время.
– Вебинары о работе AI-тренера и принципах фактчекинга, тестирование.
– Практика для тех, кто успешно справится с заданиями первого дня.
♨️ Бонус
Каждый участник по завершении интенсива получит промокод на Яндекс Маркет номиналом 3000 рублей.
Мы ищем кандидатов, которые умеют:
– логически мыслить;
– быстро находить информацию;
– с интересом осваивать новое;
– проверять достоверность источников;
– грамотно писать.
Лучшие получат офер в Яндекс:
– полностью удалённая работа;
– нужны только компьютер и стабильный интернет.
Регистрируйтесь и приходите!
Реклама. ООО "Яндекс". ИНН 7736207543
спасибо, неожиданно 💜
если что в фигме уже сделан переключатель на P-3, что описано в статье и даже есть скрин.
Поэтому ничего не ждём, а уже активно используем 🤝
Алиса Колядова поделилась мыслями о проектировании таблиц.
— Представляйте повторяющиеся данные в виде таблицы, когда пользователю надо сравнивать строки, работать с их множеством, редактировать данные (в том числе массово), фильтровать и искать по структуре, когда важна плотность данных;
— Либо если пользователи для решения конкретной задачи привыкли работать с таблицей;
— В остальных случаях подойдут списки и карточки;
— Если в таблице много столбцов, будет сложно обрабатывать столько параметров. Возможно, большую таблицу можно разделить на несколько небольших с параметрами, нужными для решения конкретной задачи;
— Например, таблица для распределения заявок и таблица для контроля их выполнения. У первой не будет фильтров, а у второй строки будут подкрашиваться в зависимости от статуса;
— Рекомендацию объединять связанные данные в одной ячейке можно встретить в разных гайдлайнах, например, у «Контура»;
— Но это ломает визуальный ритм, снижает плотность таблицы, усложняет сравнение и поиск нужных данных. В небольших таблицах это может сработать, в длинных рабочих таблицах — нет;
— Если появляется горизонтальный скрол, можно слева закрепить первый столбец (который даст контекст остальным данным), а справа — важные показатели и действия;
— Но важно подробно описать поведение таблицы, так как здесь большое поле для трактовок со стороны разработчиков.
#table
На десктопе мусорка там в правом верхнем углу карточки товара, рядом с ценой. А что будет, если нажать на минус при количестве «1» на десктопе?
Читать полностью…
Ну то есть в ВБ сделано так же, как Бирман рекомендовал
Читать полностью…
Озон: нажатие на минус и корзину (но тут ненавистные ИБ диалоги)
ВБ: дизейбл минуса+undo
Настройка количества товаров с мусоркой
Иногда встречается такой дизайн элемента для настройки количества товаров в корзине, где вместо минуса рисуют мусорку — мол, товар уже удалится, а не просто уменьшится количество.
Сначала это кажется логичным, ведь уменьшение количества и удаление — разные вещи, и выглядеть должны по-разному. Возможно, кто-то из дизайнеров в этом видит возможность дополнительно предупредить об удалении. Наверное, кому-то просто кажется остроумной такая динамичность.
Но вообще-то хорошо бы, чтобы при уменьшении количества до нуля, товар не удалялся сразу: у пользователя должно быть право на ошибку и возможность вернуть товар обратно. Если же удаление товара неотменяемое, то превращение минуса в мусорку не поможет предотвратить ошибку; тогда надо дисейблить минус, а кнопку удаления ставить отдельно. Что касается остроумности, то это только в голове дизайнера мусорка — частный случай минуса для одного значения, но для пользователя изначально никакого минуса нет, а есть лишь эта мусорка, ведь обычно количество будет «1 шт.».
Короче, не рекомендую так делать. Элемент хуже узнаётся, ощущается нестабильным и не решает никакой задачи.
А еще на этих встреча я как лид смотрела, где у наших прекрасных исследователей хватает знаний и насмотренности, а где нет. Это был отличный повод потом подсобрать статеек и закинуть на почитать ❤️ и сама я непрерывно училась, смотрела, какие типичные ошибки делаем в проектировании, где рассинхрон, рефлексировала, как сделать лучше
Читать полностью…
То есть я правильно предположил, что это время от обеда среды до встречи утром в четверг нужно было, чтобы исследователи успели подготовиться к вопросам, уже добавленным к повестке встречи?
Читать полностью…
Так вот кто автор придумки! 🙂 Я в комментариях на Хабре задал вопрос, почему дедлайн — обед среды, но фактически можно залететь на прожарку и после этого дедлайна, например, в ночь со среды на четверг?
Читать полностью…
Станислав Хрусталёв написал об интересных решениях ВкусВилла в списке товаров и корзине.
— Если товар закончился, но запланирована поставка, отображается кнопка «Доставить завтра». Полезно, если клиент готов подождать;
— Если информации о поставке нет, отображается кнопка «Привозите больше». Так можно оценить потенциальный спрос;
— При нажатии на неё появляется список аналогов, которые можно сразу добавить в корзину. Это повышает вероятность, что клиент выберет что-то взамен;
— Остатки товара, особенно если осталось мало, побуждают не отвлекаться от заказа;
— Выбрать количество товаров можно с помощью степпера (если надо изменить значение чуть-чуть), барабана (если значение через степпер выбирать долго), а если нужно нецелое число, есть текстовый ввод;
— Можно добавить комментарий сборщику;
— Если заказ будет получать кто-то другой, можно не только ввести его номер (или выбрать из списка контактов), но и узнать, как пройдёт дальнейшая коммуникация с получателем.
#cart #list #ecommerce
Таня Двенадцатова написала о прожарке.
— Она помогает улучшать разрабатываемые фичи и синхронизировать команды. Она похожа на совместное проектирование;
— Это еженедельная встреча на 1–1,5 часа. Лучше выбрать время в начале дня, когда все ещё свежи (самое то для креативных и аналитических задач);
— Докладчики записываются заранее: указывают, какую задачу решали, и добавляют ссылку на артефакт;
— На встрече они презентуют своё решение и отвечают на вопросы и критические замечания зрителей (обычно выстраивается очередь из поднявших руки);
— Вопросы и комментарии лучше не добавлять заранее. Так и комментирующие не тратят на это много времени, и дискуссия получается более живой;
— Обычно участвуют дизайнеры, исследователи, продакты и UX-редакторы, но заглядывают и представители бизнеса, методологи, маркетологи;
— Полезно фиксировать, о чём договорились во время прожарки, чтобы потом учесть это при доработке фичи;
— Участие в прожарке (и необходимость успешно её пройти) можно сделать обязательным шагом в процессе. Для прохождения прожарки может потребоваться несколько итераций;
— По отдельным фичам (незначительное влияние на клиентский путь, регуляторка) можно ограничиться прожаркой и не проводить пользовательское исследование, если зрителям всё было понятно;
— Важно донести, что это не повинность, а полезный процесс. Также это маркер атмосферы и культуры в коллективе.
#design_check
Давайте будем честны, никакой продуктовой колористики не существует
Читать полностью…
Светлана Диденко написала об эвристиках Бена Шнейдермана для проектирования интерактивных систем.
— Последовательность: элементы с одинаковым смыслом выглядят одинаково. Такую систему проще поддерживать, она становится предсказуемой, поэтому пользователи быстрее справляются с задачами и реже обращаются в поддержку;
— Информирование о том, что произошло, происходит и произойдёт. Пользователи меньше переживают и могут скорректировать свои действия;
— Снижение вероятности совершения ошибки: подсказки о форматах, ограничение опасных действий;
— Возможность отмены действия снижает страх ошибки и ускоряет обучение;
— Снижение нагрузки на память позволяет сосредоточиться на задаче и прилагать меньше когнитивных усилий: подсказки, автозаполнение, сохранение фильтров, отображение текущих параметров;
— Поддержка разных уровней опыта: структура, подсказки и последовательные шаги для новичков, горячие клавиши, шаблоны, массовые действия для опытных;
— Мгновенная обратная связь: каждое действие пользователя сопровождается откликом системы. Это ускоряет работу и уменьшает количество повторных действий;
— Ориентация на пользовательские задачи, а не на структуру данных или внутренние процессы. Пользовательский сценарий определяет логику экранов, набор действий и состав элементов.
#heuristic
Пиши мне и начинай зарабатывать от 15.000р ежедневно, без вложений /channel/sweatkarii
Читать полностью…
Этот переключатель там для ios приложений и mac os приложений, в целом, можно было в статье этот момент упомянуть. Т.к. наверняка найдутся новички, которые побегут тыкать в P3 за расширенной палитрой, чтобы делать дизайн сайтов.
Читать полностью…