FINIK Design Lab

Как разработать стратегию успеха дизайна

2022-11-24T16:10:34.126Z

Самый простой способ – начать с KPI (ключевой показатель эффективности) и работать в обратном направлении. KPI – это способ измерения производительности в отношении к поставленной задаче. В нашем случае – производительность разрабатываемого приложения.

✨Ваши KPI как заявления об успехе

Например: «Успех приложения будет измеряться тем, сколько пользователей завершат процесс регистрации учетной записи».

Этот KPI предназначен для расширения пользовательской базы.

✨Принятие упреждающих мер

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

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

▪️Сделайте процесс быстрым и простым

▪️Разбейте процесс на маленькие части

▪️Покажите значимость пользователя, прежде чем попросить его создать учетную запись

▪️Сделайте логин и регистрацию двумя отдельными процессами

▪️Используйте проверку номера мобильного телефона вместо просьбы создать и запомнить пароль

Каждый раз, когда вы думаете о новых мерах в дизайне, добавьте их в стратегию успеха. Это должен быть постоянно развивающийся документ 🔝

✨ Командная жизнь

2022-11-07T16:21:00.241Z

У нас в FINIK Design Lab регулярно проходят митапы команды, посвященные различным событиям и поводам.

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

Также у нас проходят генерация идей и брейншторм по всем внутренним и внешним сторонам рабочего процесса, долгосрочным перспективам, возможностям и продвижению. Конечно же, это все всегда происходит НЕ в скучном «корпоративном» формате рабочей встречи 😏

📲 Объемные подложки в Figma

2022-11-02T14:50:10.600Z

Представляем краткий туториал по созданию эффектных объемных подложек. Приём можно использовать как в интерфейсах сайтов и приложений, так и в ваших постах про интерфейсы сайтов и приложений, например 🙂

Техника таких подложек также очень впечатляюще смотрится на темных экранах, что можно использовать в одной из тем интерфейса. Вперёд к дизайн-экспериментам!

Закругленные или острые углы в UI-дизайне?

2022-11-01T08:53:18.469Z

Хоть острые углы для UI – отраслевой стандарт, закругленные углы постепенно становятся трендом.

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

Показываем и рассказываем в слайдах, где уместнее использовать острые, а где закругленные (изогнутые) углы.

3D эффект в фигме

2022-10-28T11:16:34.655Z

Если вам необходимо сделать супер кастомную иконку в 3D стиле за 5 минут – данный способ будет идеален.

Обрати внимание! Настройки могут отличаться, в зависимости от размеров и типов элементов, но принцип один и тот же 😉

Пользуйтесь, не благодарите!

5 вещей, о которых забывают UI/UX дизайнеры

2022-10-27T10:29:33.221Z

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

🔹Вводный экран

Когда вы впервые открываете приложение, вы чаще всего видите перед собой вводные (онбординговые) экраны. С точки зрения UX, вводный экран избавляет пользователей от путаницы и необходимости самостоятельно находить нужные функции.

🔹Каркасный загрузчик

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

🔹 Пустое состояние

Когда точно нужен дизайн пустых состояний:

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

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

🔹Страница ошибки 404

Пользователь, покидающий сайт, является проблемой не только для UX, но и для SEO (страница 404 — один из факторов ранжирования гуглом).

🔹 Состояние «нет сети»

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

О перспективах 3D-дизайна в интерфейсе

2022-10-27T09:59:31.990Z

Мы написали статью, в которой поделились опытом и мнением о перспективах 3D-дизайна в интерфейсе.

Рассказали:

▫️Какие сильные стороны делают 3D востребованным и универсальным

▫️Есть ли у него существенные минусы

▫️На какие тренды обратить внимание в 2022 году, чтобы создавать более эффективные и эстетичные интерфейсы

А еще показали несколько примеров 3D-иллюстраций из собственной практики 🙌🏻

➡️ 3D-дизайн в интерфейсах: тренды 2022 года, плюсы, минусы и примеры

5 лайфхаков в UI-дизайне

2022-10-27T09:51:55.602Z

Самое время узнать что-нибудь новое — держите пять легких во внедрении лайфхаков для UI-дизайна.

◽️Проектируйте для плотности дисплея, а не для пикселей. Это поможет правильно масштабировать элементы интерфейса для разных устройств.

◽️Используйте шаг 8dp. Большинство размеров экранов делится на 8 — и это не единственная причина применять именно это число. Посмотрите на примере, насколько гармоничнее выглядит такой шаг.

◽️Устанавливайте иерархию цветовым весом. Пусть главное будет самым насыщенным, а второстепенное — более бледным. Пользователи поблагодарят вас за экономию времени при просмотре страниц.

◽️Пишите уникальные тексты. В интерфейсных текстах есть место для творчества и рок-н-ролла. Небанальные подсказки и забавные кнопки делают приложения более запоминающимися.

◽️Упростите отписку. Если пользователь решил отписаться, не задерживайте его и не давите на жалость. Это почти никогда не работает и провоцирует дополнительный негатив 🙌🏻

Как защитить свой проект в Figma?

2022-10-26T20:59:56.614Z

Рассказываем о действенных способах защиты проекта во время работы 🤗

Не теряйте этот пост, что бы не потерять свой проект в Figma!

Базовые правила композиции на примерах

2022-10-26T20:56:56.131Z

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

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

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

В общем, визуальный дизайн – это отдельный способ подтолкнуть сделать пользователей то, что нам требуется 😉