#Интерфейсы

«Сделай мне красиво»: как работает дизайнер интерфейсов и чем дизайн похож на музыку

В новый выпуск подкаста «Сушите вёсла» ведущие пригласили арт-директора и старшего дизайнера red_mad_robot Дениса Гомеса и Катю Соседову. Они рассказали, нужно ли дизайнеру интерфейсов разбираться в других видах дизайна, как работать с разработчиками и где учиться именно UX и UI. Сам выпуск и короткая выжимка внутри.

Не «ОК», а «соглашаюсь», «ладно», «хорошо» или «понятно»: как формулировать текст для чекбоксов, кнопок и переключателей Статьи редакции

Отрывок из книги «Этой кнопке нужен текст. O UX-писательстве коротко и понятно» Кирилла Егерева, которая вышла в издательстве «Альпина Паблишер».

Опытным путём: как сервис-дизайн помог «Ростелекому» улучшить новый продукт

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

«Люди обожают большие кнопки»: почему мозг считает мышь и тачскрин лучше голосовых технологий и как это влияет на дизайн Статьи редакции

Мнение Томаса Смита, основателя фотосервиса Gado Images. Вероятно, ответ скрыт в механизмах эволюции и строении кожи.

Leica Q — цифровой фотоаппарат в дизайне 1935 года
CES 2021 и новые интерфейсы: экраны для автомобилей, «умные» очки и другие анонсы

Ежегодная выставка технологических чудес и экспериментов CES 2021 в этом году прошла 11–14 января в интернете.

Четыре фазы разработки интерфейса: что обсуждать с заказчиком, когда нет даже картинок?

Мы делаем дизайн интерфейсов. Заказчик приходит к нам за дизайном и в основном готов обсуждать только его. То есть картинки. Но разработка интерфейса — долгий процесс, и в нем есть много промежуточных документов. Да и сами дизайн-макеты не сразу приобретают финальный вид — к нему еще нужно прийти в результате обсуждений.

Дизайн без дизайнера

Я работаю в Райффайзенбанке с командами, у которых нет своего дизайнера, и помогаю им сделать качественный UX и UI. В большинстве случаев алгоритм его создания в разных продуктах один и тот же. Если у вас нет своего дизайнера, вы вполне можете пройти его самостоятельно. Как это сделать — рассказываю 😊

Концепт Tinkoff Bank X из прошлого

Я основатель команды DesginCode&Robots. Свой путь в ИТ я начинал с UI/UX-дизайна. В 2016 году для конкурса редизайна «Тинькофф» я разработал концепт веба и мобильного приложения, где за основу была взята идея с виджетами.

Концепт Тинькофф Банк X Халиков Руслан
Навигация в mcommerce-приложениях: шаблоны и подводные камни

Разберем, какие задачи решает каждый шаблон навигации в mcommerce-приложениях на примерах своих работ и не только.

В приложении «Эконика» переход от верхнеуровневых категорий к дочерним сделали через табы и так сократили количество уровней в навигации по каталогу.  
Мобильная версия интернет-магазина: как довести пользователя до покупки, часть четвёртая

Продолжаем рассказывать про особенности mCommerce. В новой статье о фильтрах и сортировке. Мы в Mojo изучили исследования независимых институтов и подкрепили их своим опытом.

Дизайн-прожарка: проблемы интернет-магазина ASOS

Это всё ещё рубрика, в которой команда Mojo разбирает интерфейсы интернет-магазинов. Мы по-прежнему не просто находим ошибки, но и рекомендуем свои решения.

Мобильная версия интернет-магазина: как довести пользователя до покупки, часть третья

Завершаем рассказ о навигации в «мобилке». В третьей главе из саги о mCommerce мы в Mojo собрали для вас лучшие практики по работе с поиском, фильтрацией и футером.

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

Всем привет, меня зовут Миша Хананашвили, я автор канала 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-расширения для дизайнеров и другие инструменты и материалы за июль

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

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

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

Комментарии

null