Тон Sage (Шалфей)
Наш основной цвет текста и акцентов. В отличие от агрессивного черного (#000000), шалфейный оттенок снижает контрастную нагрузку на глаза. Психологически он ассоциируется со стабильностью, природным ростом и спокойствием.
Дизайн и Психология
Цвет как инструмент контроля
Почему визуальная гармония важнее точных цифр. Разбираем, как интерфейс HookLens снижает уровень кортизола и помогает принимать финансовые решения без паники.
Почему банки используют красный для долгов
Посмотрите на любой стандартный банковский интерфейс. Как только баланс падает ниже определенной отметки или наступает срок платежа, интерфейс «горит» красным. Это не случайность. Классический UX в финтехе строится на принципе «тревоги».
Красный цвет активирует миндалевидное тело мозга — центр обработки страха. Пользователь видит красную метку «Просрочка» или «Недостаточно средств» и мгновенно переходит в режим выживания. Вместо рационального планирования («Как мне перераспределить средства?») включается импульсивная реакция («Срочно продать что-то!» или «Просто игнорировать проблему»).
Мы в HookLens считаем, что финансовое приложение не должно быть триггером для панических атак. Тревога — худший советник в вопросах инвестиций и бюджета.
Наш выбор: Почему мы используем зеленый и синий
Палитра HookLens (Sage, Clay, Indigo) подобрана не ради эстетики, а ради физиологии вашего восприятия.
База Clay (Глина)
Теплый бежевый фон вместо стерильного белого. Белый цвет часто используется в больницах и государственных учреждениях, вызывая ассоциации с бюрократией. Глиняный оттенок создает ощущение «теплого дома» и личного пространства.
Акцент Indigo (Индиго)
Глубокий синий для кнопок действий. Синий цвет повышает концентрацию и доверие. Мы используем его для призыва к действию (CTA), чтобы пользователь чувствовал уверенность перед подтверждением транзакции.
Исследования: Влияние UI на когнитивную нагрузку
В 2023 году мы провели внутреннее исследование с участием 500 пользователей, которые испытывали «финансовую тревожность» (Financial Anxiety). Участники делились на две группы: одна пользовалась стандартным банковским приложением, вторая — прототипом HookLens.
Результаты показали, что интерфейс с высокой контрастностью и красными индикаторами ошибок увеличивал время принятия решения на 40%. Пользователи дольше «парили» над кнопкой подтверждения платежа, испытывая сомнения.
В то же время, пользователи HookLens (интерфейс с приглушенными тонами и микро-привычками) принимали решения на 25% быстрее и демонстрировали на 15% больше склонности к сбережению, а не импульсивным тратам. Мягкий UI не просто красив — он делает нас богаче.
-40%
Визуального шума
25%
Быстрее решения
0
Красных индикаторов
100%
Осознанности
Скриншоты: Эволюция нашего интерфейса
Мы не пришли к текущему дизайну в один день. Путь от «Банковского Дашборда» к «Системе Спокойствия» занял 14 месяцев.
Версия 0.1 (Сентябрь 2023)
Первый прототип выглядел как обычный лист Excel. Черный текст на белом фоне. Пользователи жаловались на «сухость» и отсутствие мотивации.
Версия 0.5 (Январь 2024)
Мы добавили графики. Слишком много графиков. Линии пересекались, создавая визуальный хаос. Пользователи чувствовали, что они на борту пилотируемого корабля, а не управляют личным бюджетом.
Версия 1.0 (Сегодня)
Мы убрали 70% элементов. Оставили только микро-привычки, мягкие цвета и суть. Теперь интерфейс «дышит». Пустое пространство стало таким же важным элементом, как и цифры.
Приглашение к тестированию новой темы
Мы разрабатываем тему «Twilight» (Глубокий индиго и золото) для ночного режима, которая полностью устраняет синий свет перед сном. Станьте бета-тестером.
Присоединиться к бете