Кейт Моран и Тейлор Дайкс написали о сравнительных таблицах.
— Когда альтернатив множество, выбирая товар, люди ориентируются на одну основную характеристику. С этим помогают фильтры. Когда товаров 5–7, люди учитывают достоинства каждого конкретного варианта. Здесь хорошо работают сравнительные таблицы;
— Если вы предлагаете не более 5 альтернатив (модели Apple Watch, варианты подписки), подойдёт статическая таблица. В ней можно контролировать отображение информации, редактировать формулировки;
— В динамической таблице пользователь сам выбирает, какие товары сравнить;
— Если в ней может оказаться больше 5 вариантов, предусмотрите способы сократить количество, например, добавив фильтры;
— Главная проблема динамической таблицы — неполнота данных о параметрах товаров;
— Стандартная компоновка: столбцы для товаров, строки для параметров;
— Фиксируйте заголовки столбцов при прокрутке;
— Связывайте абстрактные значения параметров с чем-то понятным: аккумулятор на 3350 мАч — хватит 1,2 раза зарядить iPhone 6;
— Объясняйте термины и непонятные параметры. Можно добавить всплывающие подсказки и ссылки на статьи;
— Если параметров много, дайте пользователю возможность управлять отображением: прятать отдельные группы параметров в аккордеон, отображать только отличающиеся параметры. В статические таблицы можно добавить краткий и полный вариант отображения;
— Сравнительные таблицы неэффективны, если варианты не взаимоисключающие (вместо сравнения двух платьев лучше оба добавить в корзину), простые (мало параметров), дешёвые или заменяемые (нет смысла тратить время на изучение таблицы), уникальные и трудно сравниваемые (разные параметры).
In English. #ecommerce #table
📝 Дизайн-переводчик
— Когда альтернатив множество, выбирая товар, люди ориентируются на одну основную характеристику. С этим помогают фильтры. Когда товаров 5–7, люди учитывают достоинства каждого конкретного варианта. Здесь хорошо работают сравнительные таблицы;
— Если вы предлагаете не более 5 альтернатив (модели Apple Watch, варианты подписки), подойдёт статическая таблица. В ней можно контролировать отображение информации, редактировать формулировки;
— В динамической таблице пользователь сам выбирает, какие товары сравнить;
— Если в ней может оказаться больше 5 вариантов, предусмотрите способы сократить количество, например, добавив фильтры;
— Главная проблема динамической таблицы — неполнота данных о параметрах товаров;
— Стандартная компоновка: столбцы для товаров, строки для параметров;
— Фиксируйте заголовки столбцов при прокрутке;
— Связывайте абстрактные значения параметров с чем-то понятным: аккумулятор на 3350 мАч — хватит 1,2 раза зарядить iPhone 6;
— Объясняйте термины и непонятные параметры. Можно добавить всплывающие подсказки и ссылки на статьи;
— Если параметров много, дайте пользователю возможность управлять отображением: прятать отдельные группы параметров в аккордеон, отображать только отличающиеся параметры. В статические таблицы можно добавить краткий и полный вариант отображения;
— Сравнительные таблицы неэффективны, если варианты не взаимоисключающие (вместо сравнения двух платьев лучше оба добавить в корзину), простые (мало параметров), дешёвые или заменяемые (нет смысла тратить время на изучение таблицы), уникальные и трудно сравниваемые (разные параметры).
In English. #ecommerce #table
📝 Дизайн-переводчик
www.uprock.ru
Сравнительные таблицы продуктов: полное руководство — читайте на UPROCK
Используйте этот универсальный инструмент, чтобы помочь пользователям принять решение в ситуациях, когда им нужно оценить множество атрибутов разных товаров. Успешные сравнительные таблицы отличают последовательность, удобство сканирования и простой лейаут..…
Vadim Kurnevich : «Меторинг начинающих дизайнеров»
https://designpub.ru/b78b8673c170
📝 Дизайн-переводчик
https://designpub.ru/b78b8673c170
📝 Дизайн-переводчик
Medium
Меторинг начинающих и молодых дизайнеров. Переделываем CV
Привет, я Вадим, менторю с 2020 года. 10+ довольных студентов.
Как сохранять медиафайлы с Tilda в облако? Пошаговая инструкция https://u.habr.com/l76ER
📝 Дизайн-переводчик
📝 Дизайн-переводчик
Хабр
Как сохранять медиафайлы с Tilda в облако? Пошаговая инструкция
Если вы работали с Tilda, то наверняка задумывались, где хранить изображения, видео, и прочие файлы. Если использовать серверы CMS и Tilda, то в тарифных планах сталкиваемся с ограничениями на вес...
UX Teddy: «Как сделать текст в интерфейсе удобным для сканирования»
https://designpub.ru/ef520e7c18bb
📝 Дизайн-переводчик
https://designpub.ru/ef520e7c18bb
📝 Дизайн-переводчик
Medium
Как сделать текст в интерфейсе удобным для сканирования
Искусство расстановки визуальных акцентов
Как писать просто, понятно и для интерфейсов: лучшие практики UX-редакторов Ozon https://u.habr.com/VUF8F
📝 Дизайн-переводчик
📝 Дизайн-переводчик
Хабр
Как писать просто, понятно и для интерфейсов: лучшие практики UX-редакторов Ozon
Привет всем! Это не обычная статья, это целый курс про UX-редактуру от Ozon. Мы с вами разберем, что такое UX-редактура, какие бывают форматы интерфейсных текстов и как их писать качественно, быстро и...
📝Framer представляет Text Effects
Компания Framer выпустила новую функцию под названием Text Effects, позволяющую пользователям создавать динамические анимации для текстовых элементов. Инструмент предлагает ряд возможностей настройки, включая предустановленные анимации и ручную регулировку масштаба, размытия и т. д. Пользователи могут запускать анимацию на основе загрузки страницы или взаимодействия с пользователем.
Подробнее на сайте
📝 Дизайн-переводчик
Компания Framer выпустила новую функцию под названием Text Effects, позволяющую пользователям создавать динамические анимации для текстовых элементов. Инструмент предлагает ряд возможностей настройки, включая предустановленные анимации и ручную регулировку масштаба, размытия и т. д. Пользователи могут запускать анимацию на основе загрузки страницы или взаимодействия с пользователем.
Подробнее на сайте
📝 Дизайн-переводчик
Создаем изометрические уровни игры с помощью Stable Diffusion https://u.habr.com/fKj6K
📝 Дизайн-переводчик
📝 Дизайн-переводчик
Хабр
Создаем изометрические уровни игры с помощью Stable Diffusion
Всем привет. Сегодня я покажу вам, как можно создавать 2.5D уровни в изометрии с помощью быстрого прототипирования техникой grayboxing , и генеративного искусственного интеллекта, а именно Stable...
⚡️Readymag попал в реестр заблокированных сайтов
Readymag — конструктор сайтов формата no-code. Теперь все проекты, опубликованные на домене readymag.website недоступны.
Читать на DSGNERS! | #статьи
Readymag — конструктор сайтов формата no-code. Теперь все проекты, опубликованные на домене readymag.website недоступны.
Читать на DSGNERS! | #статьи
dsgners.ru
⚡️Readymag попал в реестр заблокированных сайтов — дизайнерс
Readymag — конструктор сайтов формата no-code. Теперь все проекты, опубликованные на домене readymag.website недоступны.
GPT-4o: Расширение границ ИИ с помощью мультимодальной обработки
GPT-4o от OpenAI - это мультимодальная модель искусственного интеллекта, которая обрабатывает текст, аудио и изображения. Она обеспечивает быстрое время отклика, превосходит GPT-4 Turbo в задачах, не связанных с английским языком, и предлагает более совершенное понимание визуальных и аудиоданных. Эта новая модель является значительным шагом вперед в области возможностей мультимодальной обработки.
📝 Дизайн-переводчик
GPT-4o от OpenAI - это мультимодальная модель искусственного интеллекта, которая обрабатывает текст, аудио и изображения. Она обеспечивает быстрое время отклика, превосходит GPT-4 Turbo в задачах, не связанных с английским языком, и предлагает более совершенное понимание визуальных и аудиоданных. Эта новая модель является значительным шагом вперед в области возможностей мультимодальной обработки.
📝 Дизайн-переводчик
«Киотский арт-нуво» от загадочного Кобаяси Каити и эволюция японской гравюры https://u.habr.com/3bCCN
📝 Дизайн-переводчик
📝 Дизайн-переводчик
Хабр
«Киотский ар-деко» от загадочного Кобаяси Каити и эволюция японской гравюры
Работа Андо Хиросигэ из серии “Сто видов Эдо”, 1856 год Когда речь заходит о японской гравюре, в памяти большинства ценителей японской культуры тут же вспыхивают красочные укиё-э — ксилографии периода...
UX Teddy: «Дизайн через игру — #1 Эмоциональный дизайн на примере интерфейса видеоигры Mario Maker»
https://designpub.ru/f89fb7ffdcd4
📝 Дизайн-переводчик
https://designpub.ru/f89fb7ffdcd4
📝 Дизайн-переводчик
Medium
Дизайн через игру — #1 Эмоциональный дизайн на примере интерфейса видеоигры Mario Maker
В статье я хотел бы познакомить вас с законами дизайна и передовым опытом в этой сфере на примерах интерфейсов видеоигр. Мы часто говорим…