🇬🇧 Плотность интерфейса

Мэтью Стрём написал статью о результатах собственных исследований интерфейсов на предмет плотности

В дизайне необходимо стремиться представлять самые важные данные с наименьшими затратами времени, пространства и пикселей

В статье автор рассказывает о том, что плотность интерфейса включает визуальные и временны́е аспекты

Визуальная плотность определяется количеством информации в пространстве интерфейса: чем её больше — тем плотнее интерфейс

Временная плотность определяется скоростью загрузки интерфейса и количеством действий, которые пользователь может выполнить за определённый промежуток времени

При проектировании дизайнеру следует учитывать несколько аспектов:

1. Принципы гештальта, которые описывают то, как люди воспринимают визуальную информацию
2. Целевую аудиторию: опытный трейдер легко разберётся со сложной таблицей котировок, а второклассник — нет
3. Количество места, которое занимают элементы. Если элемент не передает суть данных напрямую или не является данными сам по себе, то его необходимо убрать

Некоторые разделы статьи автор писал на основе информации из книги Эдварда Тафти «Визуальное представление больших объемов информации»

Читайте статью на английском: matthewstrom.com/writing/ui-density

#awd_article #awd_ui

🇬🇧 Новизна vs Привычность в интерфейсах

Свежая статья на сайте Laws of UX о том, когда дизайнеру лучше создавать интерфейс с привычными для пользователя элементами и функциями, а когда — добавить в него элементы новизны

Если люди встречают знакомые паттерны в интерфейсе, они интуитивно понимают, как они работают, и справляются с задачами эффективнее

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

Читайте статью на английском: lawsofux.com/articles/2024/familiar-vs-novel

#awd_article #awd_ui

3 шага к хорошему тексту в интерфейсе

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

Метод состоит из трёх четырёх шагов:
1. Описать функционал. Рассказать, что конкретно мы умеем
2. Понять и описать ценность. Ценность — это то, что измеримо изменит жизнь человека к лучшему с функциональной, социальной или эмоциональной стороны. Нужно описать, что наш функционал поменяет в жизни пользователя
3. Рассказать историю. Описать это человеческим языком, выразив через историю из мира пользователя, в которой наша ценность актуальна
4. Объединить всё это в один ёмкий текст

Юрий подробно разбирает метод на примере текстов для экрана запроса на доступ к геолокации

В конце статьи есть ссылка на шаблон ценности продукта, который поможет начать применять метод на практике

Статья полностью: designpub.ru/81513fb027b9

#awd_article #awd_ui

Dot — пример классного дизайна ИИ-помощника

Это многофункциональный умный помощник, который адаптируется под контекст и нужды пользователя. Вы можете отправить ему фотки, скриншоты, PDF-ки, ссылки, голосовые заметки и другие файлы, а он сам всё отсортирует и «запомнит»

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

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

Пользователи могут давать ему доступ к геолокации, календарю и другой информации, повышая его «осведомлённость» о контексте

И всё это — с приятным и продуманным в мелочах интерфейсом, что нечасто встречается в продуктах с ИИ. Впрочем, приятный дизайн не удивляет, когда узнаёшь, что один из основателей, Джейсон Ян, работал в дизайн-команде Apple

Сейчас можно скачать iOS-приложение: apps.apple.com/us/app/dot-living-history/id6450016041

Позже обещают выкатить веб-версию

#awd_ui #awd_ml #awd_tool

handheld.design — прикольная курируемая галерея с приятными и красивыми концептами мобильного дизайна

#awd_ui #awd_gallery

Дизайн-токены: что это такое, зачем они нужны и какие токены бывают?

Вот наглядный и понятно иллюстрированный материал, который отвечает на эти вопросы: thedesignsystem.guide/what-are-design-tokens

#awd_article #awd_ui

Сложный интерфейс: Рисуем состояния экрана без помощи системного аналитика

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

awdee.ru/bekend-for-designers

#awd_article #awd_ui

«Бенчмарки» — коллекция скриншотов и UX-паттернов удачных российских приложений. Сейчас в коллекции наборы скриншотов 54 приложений

benchmarkee.ru

#awd_ui #awd_ux

Очень нравится сайт и приложение Hourly — этакий гимн швейцарской вёрстке, где всё оформлено минимумом выразительных средств

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

hourly-app.com

#awd_web #awd_ui

Refero 4.0 — огромная библиотека с примерами сайтов и приложений, отдельными элементами интерфейсов и UX-паттернами

Доступно более 100 тысяч примеров веб-страниц и экранов iOS-приложений. Все референсы разбиты по категориям. Есть поиск, в котором можно искать примеры даже по шрифтам

В закладки всем, кто занимается интерфейсами

Доступна бесплатная ограниченная версия. Цена платных тарифов — от 8 $ за месяц

https://refero.design

#awd_ui #awd_collection #awd_tool