🚀 Типографика: 7 советов в UI-дизайне

Типографика играет важную роль в UI-дизайне. Если все сделано грамотно-она облегчит использование вашего сайта, в противном случае-усугубит.

Мы подготовили 7 советов в UI-дизайне, которые помогут при создании правильного внешнего вида вашего сайта:

•Используйте иерархию
•Пусть ваш текст дышит
•Выберите шрифт в зависимости от контекста
•Одна семья шрифтов
•Выравнивание для лучшей читаемости
•Высота линии
•Межбуквенный интервал
•Длина строки

Время чтения: 5 минут

Подробнее в статье.

UX/UI Designer

🚀 Сетки и интервалы в Figma

Важная статья для новичков, а возможно и для старичков 😎

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

В этом руководстве рассмотрены лучшие методы построения интервалов и сетки, основанные на Material Design, Bootstrap.

Читать статью: Сетка и интервалы в Figma

UX/UI Designer

🚀 Ребрендинг GoDaddy

Крупнейший в мире регистратор доменных имен впервые за 23 года обновил айдентику.

В компании хотят использовать слово «Go» в своем названии, чтобы подчеркнуть верность духу покупателей GoDaddy, которых сейчас насчитывается более 18 миллионов.

Новость: Ребрендинг GoDaddy

🚀 Плагин Vectary 3D для Sketch

Экономьте время поиска правильного макета. Перенесите свой дизайн в фотореалистичные 3D-изображения и используйте их в любом желаемом виде!

Этот плагин позволяет помещать трехмерные модели в дизайн, загружать пользовательские 3D-модели и перемещать ваши эскизы на мокапы, такие как мобильные устройства, ноутбуки, ПК, планшеты и многое другое!

Время чтения - 3 минуты

Читать статью: Плагин Vectary 3D для Sketch

🚀 Как записывать мобильные юзабилити-тесты

Важным этапом в процессе разработки качественного UX явлется этап юзабилити-тестирования. Если вы еще не сталкивались с этим - познакомтесь с технологической реализацией тестов в этой статье.

Время чтения: 5 мин

Читать статью: Как записывать мобильные юзабилити-тесты


UX/UI Designer

🚀 Как анимация влияет на UX

UI-анимации несомненно играют важную роль, но их необходимо использовать с умом, поскольку они могут стать подавляющими и с лёгкостью отвлекать внимание пользователей.

Их лучше всего использовать в качестве инструментов удобства: отображение текущего состояния системы, индикаторы поведения элементов UI, и в качестве маркеров текущего местонахождения пользователя в системе.

В статье мы рассмотрим насколько много полезных функций может выполнять анимация и какие грубые ошибки стоит попросту избегать.

Время чтения: 7 минут

Читать статью: Как анимация влияет на UX

UX/UI Designer

🚀 UX-текст: советы для мобильных приложений

При разработке приложений, UX-текст играет важную роль. Мы подготовили 9 фундаментальных советов по UX-дизайну, которые улучшат ваш продукт и, самое главное, сделают его удобным:

•Будьте лаконичны
•Используйте цифры
•Смешайте ваши шрифты/цвета
•Подсказки для пользователя
•Избегайте путаницы
•Будьте последовательны
•Персонализируйте инструкции
•Используйте картинки
•Будьте осторожны с сообщениями об ошибках

Мы надеемся, что эти советы помогут вам создать наилучший UX-текст для ваших будущих приложений.

Время чтения: 4 минуты

Читать статью: UX-текст: советы для мобильных приложений

UX/UI Designer

🚀 Неоморфизм — вызов UX/UI-дизайнерам

Неоморфизм» — это новый жаргонный термин в кругах дизайнеров, созданный Michal Malewicz, который по существу скрещивает слова «новый» и «скевоморфизм».

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

Но все ли настолько удобно и эстетично в применении? В недостатках и способах их решения мы разберемся в этой статье.

Время чтения: 3 минуты

Читать статью: Неоморфизм - вызов UX/UI-дизайнерам

UX/UI Designer

🚀 Sketch Update: Cloud Inspector - браузерная утилита для разработчиков

Итак, официально: первая версия Cloud Inspector уже находится в бета-версии. И из его привилегий:

•Доступно для всех и абсолютно бесплатно
•Старый добрый инспектор, но только в браузере
•Возможность копировать атрибуты одним кликом
•Копирование цветов в нескольких форматах
•Параметры слоя стали проще

Но что всё еще предстоит Cloud Inspector? Ведь эта бета-версия - только начало, а команда уже во всю работает над следующим апдейтом, о привилегиях которого вы узнаете подробнее в нашей статье.

Время чтения: 3 минуты

Читать статью: Sketch Update: Cloud Inspector - браузерная утилита для разработчиков

UX/UI Designer

🚀 Регистрация | 7 шагов к созданию идеальной формы

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

Правильная регистрация должна быть интуитивно понятной, быстрой и безопасной. В этой статье вы увидите, как это сделать.

Время чтения: 4 минуты

Читать статью: Регистрация | 7 шагов к созданию идеальной формы

UX/UI Designer

🚀 Страница 404 | Как создать страницы ошибок

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

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

Время чтения: 5 минут

Читать статью: Страница 404 | Как создать страницы ошибок

UX/UI Designer

🚀 Тренды UI-дизайна

Эти тренды творчески используются в Интернете и во многих мобильных приложениях. При правильном использовании комбинаций трёхмерных иллюстраций, анимации и пользовательских ресурсов поток пользователей на сайте может увеличиваться. Это три направления, которые не только хороши индивидуально, но также сочетаются и друг с другом.

•3D иллюстрации
•Анимации
•Пользовательские иллюстрации

Время чтения: 5 минут

Читать статью: Тренды UI-дизайна

UX/UI Designer

🚀 Мы запустили свой канал в Яндекс.Дзене

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

Яндекс.Дзен — это рекомендательная лента контента и платформа для блогеров. Кстати, команда Дзена недавно обновила десктоп-интерфейс платформы и подробно описала этот опыт.

Хотелось бы отметить следующие UX/UI улучшения :

▸ На главной странице пользователь в один клик меняет ленту материалов в зависимости от темы, которая ему интересна;

▸ Возможность быстрого перехода в любой канал, на который пользователь подписан (через боковое меню);

▸ Обновленная страница статьи: появились блоки похожих по теме публикаций, чтобы тратить меньше времени на поиск интересного контента.

Читать статью про психологию дизайн в Дзене

Подписывайтесь на наш канал в Яндекс.Дзенe

🚀 YouTube меняет классический UI-дизайн

YouTube объявил, что "убьет" классический интерфейс в марте 2020 года.

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

Но всё ли так просто? В статье Вы узнаете, насколько эффективна новая версия и совместима ли она с Вашим браузером.

Читать новость: YouTube меняет классический UI-дизайн

UX/UI Designer

🚀 Apple обновляет iCloud для iOS и Android

Компания Apple обновила веб-сайт iCloud соответствующими мобильными сайтами для iOS и Android.

Новое обновление особенно полезно для пользователей Android. Такие вещи, как Apple Notes, Find My iPhone стали легкодоступными.

Тем не менее, некоторые функции могут работать не так эффективно, как хотелось бы: это проблемы с заметками в News Landed при загрузке новых фотографий в библиотеку iCloud и невозможность создания новых списков напоминаний.

Читать новость: Apple обновляет iCloud для iOS и Android

UX/UI Designer

🚀 Ребрендинг Durex | Новый логотип

Компания Durex — одна из крупнейших в мире производителей презервативов, продемонстрировала новый стиль бренда.

Новый логотип Durex избавился от выпуклого стиля, сохраняя при этом овальную форму. Также дизайнеры убрали вспышку света, так что теперь буква «х» стала заметней, что и делает логотип более современным. Упрощённый логотип — еще одна тенденция, которую мы видим все чаще и чаще.

Читать новость: Ребрендинг Durex | Новый логотип

UX/UI Designer

🚀 Adobe Photoshop исполнилось 30 лет | Новые функции на базе AI

Многофункциональному графическому редактору Adobe Photoshop исполнилось 30 лет.

По этому случаю Adobe предлагает четыре функции на базе AI для своих приложений на ПК и iPad.

За последние пару лет Adobe уделяет гораздо больше внимания мобильным продуктам. В прошлом году, помимо Photoshop для iPad, компания также выпустила Fresco, разработанное специально для устройств iPad Pro в сочетании с Apple Pencil.

Читать новость: Adobe Photoshop исполнилось 30 лет | Новые функции на базе AI

UX/UI Designer

🚀 Расчёт ROI для дизайн-проектов в 4 этапа

Если вам необходимо продемонстрировать ценность вашего дизайна, один из наиболее эффективных методов — это расчёт окупаемости инвестиций (ROI).

Существует четыре шага для расчёта ROI:
• Соберите UX-метрику в сравнительном исследовании
• Выберите KPI
• Преобразуйте метрику UX в KPI
• Проведите расчёты

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

Время чтения: 6 минут

Читать статью: Расчёт ROI для дизайн-проектов в 4 этапа

UX/UI Designer

🚀 Мобильная форма | 8 UX-советов

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

•Ограничьте количество полей формы
•Избегайте разделения полей данных
•Предоставьте соответствующую клавиатуру
•Автозаполнение, когда это возможно
•Геолокации
•Биометрия
•Сканирование карты
•Используйте чанкинг для длинных форм
•Кликабельный дизайн
•Предоставление обратной связи

Время чтения: 4 минуты

Читать статью: Мобильная форма | 8 UX-советов

UX/UI Designer

🚀 Обновленный геймпад PS5: UX и биологические датчики

Новый патент Sony показывает функции устройства DualShock с улучшенной обратной связью.

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

Так же в патенте описаны датчики, которые позволяют ручкам контроллера измерять электродермальную активность (выделение пота) и частоту сердечных сокращений.

Читать новость: Обновленный геймпад PS5: UX и биологические датчики

UX/UI Designer

🚀 Понимание правил композиции в UI

Стоит ли придерживаться правил композиции и в каких случаях ею можно пренебречь? В чём разница между статической и динамической композициями?

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

Мы также рассмотрим не менее важные моменты, а именно: как работает вектор внимания, иерархия объектов, размер, цвет и форма элементов, негативное пространство и многое другое.

Время чтения: 7 минут

Читать статью: Понимание правил композиции в UI

UX/UI Designer