#Интерфейсы

Элементы управления переключателем состояния: печально известный случай кнопки отключения звука

Всем привет, меня зовут Миша Хананашвили, я автор канала UXHorn и работаю исследователем в «Сбере».

Панель управления для приложения WebEx для настольных ПК: Вверху — Без звука; Внизу — Заглушенное состояние https://media.nngroup.com/media/editor/2020/09/30/webex-mic-icon-combined-cropped.JPG

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

Ежемесячный дайджест директора по бренду и дизайну «Райффайзенбанка».

Что не так с красивыми диаграммами, интерфейсы на примере Lego и новое в Figmа: главное в продуктовом дизайне за август

Традиционный дайджест от директора по бренду и дизайну «Райффайзенбанка» Юрия Ветрова.

Редизайн «Билеты РЖД»: 4 древних проблемы в UX, от которых пора избавиться

В работу к дизайнеру Ratio Кате Шведюк попало приложение, которое не менялось с 2014 года. Мы нашли в нём типичные UX-болячки того времени — избавляйтесь от этих решений, если они до сих пор используются в ваших интерфейсах.

Проектирование здорового человека и проектирование «курильщика»

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

Бардак в коммуникации: почему Basecamp взялась за разработку почтового сервиса Hey и как придумали его функции Материал редакции

Изначально новый проект Basecamp должен был собрать в одном месте внутренние переписки компании и письма от партнёров, а не решать общие проблемы с почтой.

Сервис Hey

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

Все сталкивались с ситуацией когда попадали на сайт с модным, красивым, но категорически неудобным интерфейсом. Алексей Нибо, арт-директор digital-агентства «Атвинта», комментирует UI/UX-тренды 2020 года и рассказывает, как им следовать, чтобы не испортить дизайн.

Паттерны для повышения конверсии и базовые законы UX: подборка новых книг о дизайне интерфейсов

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

Дизайнеру приложений: как создать и передать в разработку тёмную тему

В конце 2019 года зарелизили iOS 13 и Android 10 с поддержкой автопереключения на тёмную тему. Мы решили добавить её в приложение «Ростелеком Ключ» под iOS и Android, над которым работали в тот момент.

Для тёмной темы приходится делать отдельные версии иллюстраций и анимаций в тёмных цветах

QA и его роль в создании ресурсов для людей с ограниченными возможностями

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

Переделали дизайн системы мониторинга пациентов в реанимации

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

Как микровзаимодействия в интерфейсе влияют на взаимодействие с пользователем

Shot dribbble Nathan Riley

Почему брендбук и UI-kit не ускоряют разработку нового интерфейса

Распространенное заблуждение заказчика: если у нас есть брендбук или UI-кит, дизайнерам будет проще и удобнее разрабатывать интерфейс. Это же почти конструктор. Поэтому ничего не придется разрабатывать с нуля — достаточно собирать страницы из готовых компонентов. Увы, это не так.

Эмпатия в создании цифровых продуктов, сторителлинг в дизайне: что почитать из новых книг о проектировании интерфейсов

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

Анализ данных, рисование, «Игра престолов»: приёмы проектирования интерфейса от бывшего дизайнера Instagram Яна Спалтера Материал редакции

Руководивший отделом дизайна Спалтер создал новый визуальный стиль сервиса и запустил «истории». При этом у него закрытый аккаунт, на который подписаны менее 500 человек, а у его детей нет смартфонов.

Ян Спалтер на презентации нового стиля Instagram​ highresolution.design

UX-тренды банкинга 2020 года: искусственный интеллект, голосовые помощники и гиперперсонализация

Роботы из Redmadrobot Design Lab во главе с арт-директором Анастасией Смирновой пообщались с представителями «Сбербанка», «Альфа банка», «Тинькофф», банка «Открытие», Banki.ru, Finveritas и собрали главные банковские тренды этого года.

Дизайн MVP: этапы, инструменты, результаты

Александр Шульгин, управляющий партнёр Purrweb, убеждён, что внятный дизайн важен на любом этапе разработки продукта.

Обновления Figma и Sketch, прогнозы на 2020 год и другие материалы и инструменты продуктового дизайна за декабрь

Традиционный дайджест от директора по дизайну «Райффайзенбанка» Юрия Ветрова.

Почему люди не жертвуют на благотворительность и как 14 организаций преодолели это с помощью UX/CX

Катя Рокитян, железный дизайнер Redmadrobot Design Lab, изучила приложения и сайты организаций и опросила благотворителей, чтобы найти стоп-факторы и UX/CX-механики, которые позволяют их преодолеть. Конкуренция за внимание пользователя только усиливается, поэтому примеры полезны для любого бизнеса.

Над чем стоит работать в первую очередь: формула для расстановки приоритетов в дизайне интерфейсов Материал редакции

Перевод материала Джареда Спула для сайта его мастерской playbook.uie.com.

Сайт как Windows 95

Меня вдохновил дизайн старых Windows. Все такое минималистичное, лаконичное. Минимум цветов, минимум элементов.

​Пример лендинга для мобильного приложения

Продуктовый дизайн: главные инструменты, новости и статьи за ноябрь

Традиционный дайджест от директора по дизайну «Райффайзенбанка» Юрия Ветрова.

Оформить тёмную тему с умом: заметки, инструкции и примеры для дизайнеров интерфейсов

От Microsoft, «Яндекса», «ВКонтакте» и других компаний.

UX-патруль, выпуск шестой: vc.ru

Разбор интерфейсов сайта vc.ru.

UX-патруль, выпуск пятый: Gmail, «Яндекс.Почта», «Почта Mail.ru»

Разбор и сравнение интерфейсов популярных служб электронной почты.

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

Подъехала стопка свежих книг по дизайну интерфейсов.

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

Традиционный дайджест экс-директора по дизайну Mail.ru Group Юрия Ветрова.

Генераторы цветовых палитр, Chrome-расширения для дизайнеров и другие инструменты и материалы за июль

Традиционный дайджест дизайна от Юрия Ветрова.

Вовлекающий дизайн: пять принципов на всех уровнях разработки

Статья описывает принципы увеличения эффекта взаимодействия пользователя с сайтом, проверенных в «Студии дизайна Ярового».

Спроектировать разные состояния интерфейса и не запутать пользователя Материал редакции

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

Пример состояния загрузки

Гайд по голосовому UX: ситуации, паттерны, инструменты (и немного моральной поддержки)

UX-архитектор Just AI Екатерина Юлина рассказывает, что в своем мышлении должен изменить UX-дизайнер традиционных интерфейсов, берясь за голосовые.

Не путайте продукт и интерфейс

Основная специализация «Собаки» — интерфейсы. Мы проектируем взаимодействие человека с машиной. Поэтому ожидаем, что к нам придут люди, у которых уже есть машина. А мы придумаем, как сделать так, чтобы с ней было удобно работать. Но так бывает не всегда.

«Худшие» интерфейсы на Reddit, журнал о дизайне от Medium, версия Sketch для команд и другие важные материалы за июнь

Ежемесячный дайджест от директора по дизайну Mail.ru Group Юрия Ветрова.

UX-патруль, выпуск второй: FL.ru

Первый выпуск был про YouTube. Сегодня разбираем FL.ru. Погнали!

Анимация не такая, как хотелось бы, но мы и не motion-дизайнеры, а UX/UI :)

Как создать личный кабинет, который понравится пользователям

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

Эволюция дизайна браузеров

Как они меняются, почему не меняются и что нужно, чтобы они изменились.

Первая версия браузера под названием MultiTorg Opera с многодокументным интерфейсом

Собрать метрики UX-дизайна и верно их интерпретировать: пять рекомендаций Материал редакции

Конспект материала аналитика Джеффа Сауро о принципах работы с интерфейсом: быстроте решения задач пользователя, сравнении себя с конкурентом, и о том, почему на них не следует слепо опираться.

Джефф Сауро

Будущее книги: манифест издательства «Бюро Горбунова»

Артём Горбунов о том, почему в бюро придумали новый формат электронных книг и сколько зарабатывают авторы в электронном издательстве.

Артём Горбунов. Арт‑директор бюро, ректор Школы бюро, соавтор «Советов»

Алиса, всё грустно

Голосовой помощник плохо подходит для умного дома. В причинах разобрались «Интерфейсы без шелухи».

Поняли, что нужно пользователям продукта, не вложив ни копейки в его разработку

Почему не надо создавать продукт, чтобы понять, будет ли он востребован? Ответ — в кейсе Стереомаркетинга о сервисе электронной записи.

Кейс: Редизайн личного кабинета пользователя МФК

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

Комментарии

null