UX-дизайнеры в Гродно

Контент на сайте: как удержать пользователя

Зачем мы делаем сайт? Чтобы донести определенную информацию. Правильная подача информации поможет удержать пользователей, заинтересовать и внушить доверие. Здесь на помощь приходят средства визуализации (инфографика, иллюстрации, анимации, видео, иконки и пр.). Дизайн контента должен быть дружественным, не утомлять пользователя. Профессиональная и современная верстка помогает пользователю без лишних усилий понять, где найти нужные сведения о продукте, как выполнить целевое действие и т.д. Это значит, что он остается на сайте длительное время. Структурирование и логика контента на сайте повышает конверсию. Пользователь быстро видит, зачем и почему ему нужен данный продукт, и легко принимает решение о выполнении целевого действия. Уникальный дизайн помогает отстроиться от конкурентов. И здесь речь идет не о кричащем дизайне, ярких кнопках, а о наличии концепции, высококачественных иллюстраций, выверенной типографики, понятного и интересного сторителлинга, аккуратности в целом. От того, как проработан дизайн сайта, напрямую зависят его поведенческие факторы. А они непосредственно связаны с SEO-характеристиками сайта, которые работают на ранжирование.

Ядерная культура — это для избранных ⚡️

Мерч КиТа (Культуры и Творчества МИФИ) тоже появился к субботнему Дню мифиста. Футболками «Ядерная культура» в новом исполнении награждали студентов-активистов. Ну а потом мы с ядерными коллегами отдыхали на шашлыках, и по футболкам своих можно было опознать издалека. Дизайн придумался легко и как что-то дополнительное к брендингу КиТа — спасибо ребятам, что откликаются и реализуют мои задумки.

Редизайн сайта

Не так давно переделывала сайт на основе двух стилей, взятых с других концептов (то есть по готовым UI kit) в рамках курса Uprock. Первый концепт с цветом, стилистически ближе к минимализму, но зеленый цвет задает настроение, ассоциируется со здоровьем. Второй - в монохроме. Здесь уже настроение задают жирные начертания заголовком, закругленные углы фотографий. Дизайн также современный, с большим количеством воздуха, но больше технологичный. Какой вам больше нравится?

Что такое поведенческие факторы?

Сейчас все больше при продвижении сайта важен поведенческий фактор, то есть то, как пользователи взаимодействуют с сайтом. Что же именно подразумевается при этом? - Как часто открывают сайт из поисковой выдачи - Сколько времени проводят на сайте, сколько страниц просматривают - Как быстро уходят - Совершают ли целевые действия: заполняют формы, нажимают кнопки, покупают товары. Поведенческие факторы бывают положительные и отрицательные. Перешёл из поиска на сайт, провёл несколько минут, открыл несколько страниц - положительный фактор. Зашел на сайт и закрыл его через 6 секунд - отрицательный. Однако и тут все относительно и зависит от ниши. Хорошие поведенческие факторы быстро покажут поисковым системам, что страница создаёт ценность для пользователей. Значит, её стоит поднять повыше в выдаче. И это правильно: сайты будут становиться полезнее.

Основные цветовые схемы для создания цветовых палитр

В круговой композиции цветов используется цветовой круг, чтобы создать гармоничные сочетания цветов. Вот шесть основных схем, которые помогают дизайнерам создавать сбалансированные и эстетически приятные цветовые палитры: Монохромная схема: * Описание: Использование одного цвета в разных оттенках, насыщенности и светлоте. * Пример: Светло-голубой, средний голубой и тёмно-голубой. * Эффект: Создаёт спокойный и гармоничный интерьер, придавая ощущение единства и сдержанности. Аналоговая схема: * Описание: Использование цветов, расположенных рядом друг с другом на цветовом круге. * Пример: Зелёный, жёлто-зелёный и жёлтый. * Эффект: Эта схема часто встречается в природе и создаёт естественную и приятную атмосферу. Контрастная (комплементарная) схема: * Описание: Использование цветов, находящихся напротив друг друга на цветовом круге. * Пример: Красный и зелёный. * Эффект: Создаёт динамичный и энергичный интерьер за счёт сильного контраста между цветами. Разделённая комплементарная схема: * Описание: Выбор основного цвета и двух соседних к его противоположному цвету на цветовом круге. * Пример: Синий, жёлто-оранжевый и красно-оранжевый. * Эффект: Менее напряжённая альтернатива комплементарной схеме, создающая гармоничное сочетание с небольшим контрастом. Триадная схема: * Описание: Использование трёх цветов, равноудалённых на цветовом круге. * Пример: Красный, жёлтый и синий. * Эффект: Обеспечивает живую и сбалансированную палитру с высоким контрастом, но всё же гармоничную. Тетрадная (двойная комплементарная) схема: * Описание: Использование четырёх цветов, образующих две пары комплементарных цветов. * Пример: Синий и оранжевый, а также зелёный и красный. * Эффект: Создаёт богатую и сложную палитру с высокой контрастностью и разнообразием оттенков. Эти схемы помогают создавать интерьер, который будет визуально привлекательным и сбалансированным. Использование цветового круга позволяет дизайнерам легко комбинировать цвета и экспериментировать с различными оттенками для достижения желаемого эффекта. цветэтоглагол цветные_витамины

Влияние когнитивной психологии в UX-дизайне

Когнитивная психология охватывает различные исследования психических процессов, таких как внимание и восприятие, память, способность решать проблемы и творческое мышление. Когнитивная психология может улучшить юзабилити сайта, навигацию, читабельность и доступность. Поскольку когнитивная психология изучает, каким образом человеческий мозг воспринимает и обрабатывает информацию, а также как в нем формируются определенные модели поведения, соответствующие теории могут быть достаточно полезны для UX-дизайнеров. Сегодня назову несколько теорий и рассмотрю одну, а остальные буду публиковать в других постах. 1) Классическое обусловливание (условный рефлекс) 2) Теория восприятия слева направо 3) Эффект хамелеона 4) Эффект Фон Ресторффа 5) Эффект последовательного позиционирования 6) Принципы Гештальта Классическое обусловливание. В когнитивной психологии паттерн “стимул — реакция” называется классическим или павловским обусловливанием. В эксперименте Павлов приучил собаку воспринимать звонок колокольчика как знак, что она скоро получит еду. Применительно к сайту, мы нажимаем на кнопку Подробнее, ожидая получить подробную информацию о продукте. Принцип Павлова поможет выбрать правильный цвет для кнопок и разделов, которые должны привлекать больше всего внимания. На красную кнопку больше обратят внимание, тк красный цвет повышает эффективность выполнения сложных задач. Таким образом, когнитивная психология помогает проектировать сайт.

Ребрендинг❤️

✌🏻немного поиграя с логотипом старой, известной всем, компании NESCAFÉ, пришел на ум новый дизайн

Мамонт

Эскиз панно. Имитация кости мамонта. Эскиз выполнен к проекту ,,Русский север,, Использованы фрагменты костяных работ художников севера.(интернет)

Неожиданная находка✨

Май уже подходит к концу, и я таки нарисовала одну иллюстрацию с русалкой в рамках ежегодного челленджа Мермей (Mermay). Меня очень привлекла тема "Водяной дракон", поскольку я люблю азиатскую тематику и фентэзи, а драконы там это частое явление) Итак, русалочка, путешествуя по таинственной подводной пещере, неожиданно увидела тусклый свет, который пробивался из незаметной на первый взгляд расщелины. Ведомая любопытством, девушка нашла волшебный шар с маленьким водяным дракончиком внутри, ещë не подозревая, какие приключения их ждут впереди~ мермей #мермэй #русалка #mermay #водянойдракон #дракон

Темный дизайн

Темный дизайн. Одно время в тренде были сайты с темным фоном. Да и сейчас их достаточно много. Рассмотрим плюсы и минусы такого дизайна. Плюсы: + Меньше отвлекает пользователей (глаза не так сильно напрягаются, читать можно дольше) + Пользователю проще и быстрее находить данные за счет контраста яркого шрифта и темного фона + Меньше потребление энергии на OLED-дисплеях + При плохом освещении темный режим снижает нагрузку на глаза Эстетически приятный дизайн, часто считается более «дорогим» Минусы: - Темный UI не отражает знакомый пользователям реальный мир - При сильном освещении мы получаем низкую контрастность.Слишком высокая или низкая контрастность шрифтов делает текст менее удобочитаемым - Не во всех отраслях применим - Тёмный фон сам по себе насыщенный, поэтому лучше использовать не более двух дополнительных цветов Отталкивайтесь от нужд вашего дизайна, типа устройства, на котором он будет применяться и вышеперечисленных факторов при выборе темной темы.