Работа с сеткой для пиктограмм и размером элементов в сенсорных интерфейсах: главное в продуктовом дизайне за январь

Традиционный дайджест Юрия Ветрова, директора по дизайну и бренду Muse Group.

Ежегодное исследование продуктовых дизайн-команд в России. Как профессиональное сообщество оценивает результаты их работы?

Работа с сеткой для пиктограмм и размером элементов в сенсорных интерфейсах: главное в продуктовом дизайне за январь

CES 2024

Год в дайджесте традиционно стартует переписи крутячки (или шизячки) с выставки CES 2024 — она прошла с 9 по 12 января в Лас-Вегасе. Всё, что имеет прямое или косвенное отношение к интерфейсам.

Год в дайджесте традиционно стартует переписи крутячки (или шизячки) с выставки CES 2024 — она прошла с 9 по 12 января в Лас-Вегасе. Всё, что имеет прямое или косвенное отношение к интерфейсам:

 

ОЧКИ И ШЛЕМЫ

1. Ноутбук без монитора Spacetop.

2. Очки ASUS AirVision M1 специализируются на дополнительных рабочих столах для многозадачности.

3. Очки Nendo ViXion01 помогают фокусировать взгляд людям с нарушением зрения.

4. Очки Xreal Air 2 Ultra.

5. Очки Sony для профессиональной деятельности.

6. Бинокль Swarovski распознаёт породы животных и птиц.

СКЛАДНЫЕ ЭКРАНЫ

1. Монитор ASUS ZenScreen Fold.

2. Обновление ноутбуков ASUS Zenbook Duo и Lenovo Yoga Pro 9i.

КОМПЬЮТЕРЫ

1. NPU-процессоры (Neural Processing Unit) упрощают обработку нейросетями на устройстве аналогично тому, как это раньше сделали GPU. Их представили AMD, много устройств на Intel AI Boost (LG Gram, Acer).

2. Процессор Snapdragon XR2+ оптимизирует работу с виртуальной и дополненной реальностью.

3. Microsoft добавляет кнопку Copilot в свой стандарт клавиатур для Windows. Это сильное заявление -- в последний раз они делали это 30 лет назад с кнопкой Windows.

ТЕЛЕФОНЫ

1. Корпус меняет цвет.

2. Клавиатура Clicks а-ля Blackberry для iPhone.

3. Подставка Belkin следит за вашим движением и поворачивает телефон для съёмки.

 

ПЛАНШЕТЫ

1. TLC NXTPAPER 14 Pro превращается из полноцветного планшета в читалку электронных книг и обратно.

 

ТВ

1. Беспроводной прозрачный LG.

2. Прозрачный Samsung на MicroLED выглядит почти как голограмма.

3. Проектор Samsung делает интерактивное изображение, которым можно управлять как сенсорным экраном.

4. Монитор Samsung ограниченно работает и без компьютера (видео-звонки, кино, облачные игры).

5. ТВ LG с ИИ-процессором улучшают качество картинки.

6. Монитор HP Omen Transcend упрощает управление двумя экранами.

7. ТВ станут частью умного дома Google Home и Samsung.

 

8. 57" изогнутый монитор Acer.

АВТО

1. Голосовые помощники прокачивают через OpenAI (TomTom и Microsoft, Volkswagen) и Amazon (BMW).

2. Sony Afeela управляли джойстиком от PlayStation.

3. Коллаб Mercedes и will.i.am подстраивает музыку под ситуацию на дороге и стиль вождения.

НОСИМЫЕ УСТРОЙСТВА 

1. Больше чехлов для беспроводных наушников с экраном.

2. Кольцо WHSP Ring позволяет управлять умным ассистентом с помощью шёпота.

3. Наушники OrCam Hear фильтруют звуковое окружение и оставляют только то, что нужно услышать.

4. Наушники Mojawa с ИИ-тренером.

5. Маска для лица Skyted глушит громкость голоса.

6. Перчатка GyroGlove помогает людям с тремором держать руки ровно.

 

АССИСТЕНТЫ

1. Милейший квадрат Rabbit R1 с дизайном от Teenage Engineering позволяет общаться голосом и показывает результат на маленьким экране.

2. Новая версия мини-бота Samsung Ballie умеет проецировать изображения.

 

УМНЫЙ ДОМ

1. Обновлённая деревянная сенсорная панель Mui.

2. Дверной замок Philips сканирует ладонь без касания для входа, а Lockly — лицо.

3. Развитие стандарта Bluetooth: Auracast позволит передавать звук сразу на несколько устройств.

4. Коллаб Samsung, Tesla и Hyundai вокруг платформы.

5. Фоновое освещение Govee можно настраивать через ИИ-чатбот, а Nanoleaf синхронизируется с музыкальным проигрывателем.

6. Велотренажёр LifeSpan для домашнего офиса позволяет работать за компьютером и заряжать телефон.

 

КРЕЙЗОТА

1. Мини-колёса для обуви Moonwalkers, которые делают шире шаг.

2. Управление телефоном с помощью языка для людей с ограниченными возможностями.

3. Audio Radar дублирует звук светом для слабослышащих.

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

5. Aroma Shooter поддерживает просмотр видео тематическим запахом.

6. Беспроводная зарядка телефона на расстоянии 20 см.

7. Традиционный туалетный юмор от Kohler — унитаз с голосовым управлением (в следующем году там будет скибиди-туалет с ChatGPT).

 

В этом году интересного и необычного много, так что CES удался.

 

#ces #trends #events

Шикарная методичка по работе с сеткой для пиктограмм от Streamline. Как балансировать набор иконок с её помощью.

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

Работа с сеткой для пиктограмм и размером элементов в сенсорных интерфейсах: главное в продуктовом дизайне за январь

Anna Kaley и Maria Rosala из Nielsen/Norman Group описывают паттерны и лучшие практики проектирования интранетов на основе свежего исследования на тему.

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

Евгения Савельева рассказывает об исследовании эмоционального восприятия нового шрифта «Иви». Они сравнили несколько вариантов по набору шкал.

Работа с сеткой для пиктограмм и размером элементов в сенсорных интерфейсах: главное в продуктовом дизайне за январь
Работа с сеткой для пиктограмм и размером элементов в сенсорных интерфейсах: главное в продуктовом дизайне за январь

Новости инструментов дизайна:

  • Figma: Режим разработчика в Figma вышел из беты. В нём появились полезные дополнения: аннотации (подробнее о них — здесь), сравнение изменений, плагины. Но теперь за каждого разработчика надо платить ― часть прошлой функциональности пропала из бесплатной версии..
  • InVision: Сервис закрывается. Вряд ли кто-то удивился — последние несколько лет они находились в коме. Сервис будет доступен до конца 2024 года.
  • Adobe XD: Компания подтвердила, что не будет развивать сервис.
  • Sketch 99.5: Новый просмотрщик прототипов и общие обновления интерфейса.
  • Claritee: Инструмент для создания wireframes и карты сайта на их основе.
  • iStock AI Generator: Запустили генератор фото и иллюстраций по текстовому описанию. Обещают гарантированную безопасность в плане авторских прав на картинки. Анонс — здесь.
  • Ideogram: Инструмент генерирует иллюстрацию с реальным текстом по текстовому запросу.
  • Moodboard Creator: Экспериментальный сервис генерирует базовые основы для визуального стиля. Правда, к мудбордам это отношения не имеет и попадание в запрос по жанру сомнительное.
  • EverArt: Многофункциональный инструмент алгоритмического дизайна, который может генерировать и редактировать изображения. Может подстроиться под заданный стиль.
  • Miro Assist: Алгоритмический помощник умеет группировать и суммировать идеи, генерировать диаграммы и изображения, убрать фон у картинки.
  • Mural AI: Алгоритмический помощник умеет группировать и суммировать идеи, генерировать ментальные карты. Он интегрирован с Microsoft 365 Copilot.
Claritee
Claritee

Casper Kessels рассказывает о логике проектирования автомобильных интерфейсов. Он сделал небольшой концепт, где показал принципы принятия решений.

Chris Chapmam критически препарирует модель Кано. Он отмечает некорректность самой методологии и слабую повторяемость результатов. Часть 2 — по ссылке.

Alexander Obenauer рассказывает о своём концепте OLLOS, который помогает представить заметки, письма, задачи и другие кусочки повседневной информации в связанной хронологии.

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

Концепт банковского интерфейса для Apple Vision Pro от агентства UXDA.

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

Antoine Vidal из Work & Co показывает, как можно генерировать предсказуемую сцену в разных стилях с помощью подключения алгоритмических инструментов к 3D-программам.

Jakob Nielsen описывает историю своей карьеры, которая началась 41 год назад. Оказывается, в прошлом году он ушёл из Nielsen/Norman Group.

Работа с сеткой для пиктограмм и размером элементов в сенсорных интерфейсах: главное в продуктовом дизайне за январь

Caleb Sponheim из Nielsen/Norman Group пишет о феномене «подхалимства» при работе с генеративными чат-ботами. Они стараются быть вежливыми и угодить пользователю, поэтому готовы противоречить фактам.

Последние пару лет Jeff Sauro и Jim Lewis анализировали метод пользовательских исследований с рассуждением респондента вслух. Они просуммировали все выводы.

Raluca Budiu описывает разницу между узнаванием и вспоминанием в интерфейсах и когнитивной психологии в целом. Как правильно проектировать интерфейсы с учётом этого.

Работа с сеткой для пиктограмм и размером элементов в сенсорных интерфейсах: главное в продуктовом дизайне за январь

Ryan Singer размышляет о том, в чём измеряется «выхлоп» продуктовой команды или дизайнера. Для разных ситуаций это могут быть деньги, пиар-эффект или повышение морали команды.

Шпаргалка Zach Saucier по container queries и единицам размеров в них.

Molly Mahar рассказывает об обновлённом продуктовом процессе Intercom при работе над функциональностью на базе ИИ.

Работа с сеткой для пиктограмм и размером элементов в сенсорных интерфейсах: главное в продуктовом дизайне за январь

Читайте полную версию дайджеста в моём блоге. За свежими ссылками также можно следить в Telegram-канале или в группе во «ВКонтакте». Спасибо всем, кто помогает наполнять дайджест.

1616
Начать дискуссию