Прежде чем я нашла себя в UX/UI-дизайне, я прошла непростой путь самопознания. Всё началось с архитектуры: я окончила архитектурный колледж и стажировалась в международной архитектурно-строительной компании. Но, погружаясь в профессию, я поняла, что, хотя архитектура остаётся моей страстью, она не является той сферой, в которой я могла бы по-настоящему выразить себя.
После этого я пробовала себя в промышленном дизайне, увлекалась фотографией и графическим дизайном, но и здесь не находила ответа на вопрос о своём профессиональном предназначении.
Теперь, оглядываясь назад, я вижу, как навыки, которые я приобрела на этом пути, стали прочной основой для работы в UX/UI-дизайне. В особенности архитектура научила меня искать баланс между эстетикой и функциональностью — важный навык, необходимый в UX-дизайне.
Почему это важно?
В последнее время я всё чаще замечаю рекламу UX/UI-курсов, но при этом многие выпускники испытывают трудности с поиском первой работы. Курсы дают базовые знания, но не всегда помогают глубже понять логику или развить интуитивное чувство, необходимое для создания осознанных интерфейсов и решения задач.
И тут мне хочется вернуться к архитектуре. Как ни странно, я всё чаще прихожу к мысли, что именно архитектурное образование помогло мне быстро стартовать в карьере UX/UI-дизайнера и интуитивно предлагать лучшие решения и дизайн. В архитектуре мы учимся продуманному подходу и пониманию общей структуры с каждым проектом. За время учёбы я получила неоценимый опыт и мощную базу системного мышления — своего рода фундамент, который сейчас является моей опорой в сфере UX/UI.
Это натолкнуло меня на мысль провести параллель между архитектурой и UX/UI-дизайном и выделить ключевые принципы, которые помогут глубже понять UX/UI и сделать дизайн более осознанным и продуманным.
1. "Форма следует за функцией": понимание целей пользователя
Вы наверняка слышали знаменитую фразу у архитекторов: "Форма следует за функцией". На самом деле есть стили архитектуры, где это правило применяется наоборот, где форма преобладает над функцией. Но анализируя развитие архитектуры, можно с уверенностью сказать, что люди приходят именно к первому варианту. Это говорит о том, что внешний вид всегда должен подчиняться цели или задаче.
Так же и в UX: прежде чем создать "красивый" интерфейс, нужно понять, зачем он вообще нужен пользователю. Кнопочки могут быть хоть блестящими, а при наведении всегда можно нарисовать красивого единорога, но если они не помогают пользователю — зачем они вообще?
Представьте, что архитектор строит здание, не зная, кто в нём будет жить. Вдруг там окажется офис, а он проектировал детскую игровую комнату? Так же и с UX/UI дизайном. Мы должны не просто создавать красивые интерфейсы, а разбираться в болях и потребностях пользователей.
Перед тем как начать рисовать макеты, уделите время исследованиям. Поговорите с реальными людьми. Узнайте, как они используют похожие продукты, что вызывает у них раздражение или восторг. Это принесёт массу полезных инсайтов и избавит вас от лишних переделок.
Если нет возможности проведения исследований, старайтесь всегда держать в голове, для КОГО вы делаете интерфейс и КАКУЮ проблему решаете. Задавайтесь вопросом, не создали ли вы больше проблем, пока решали основную?
2. Эргономика и доступность: забота о каждом
Архитекторы проектируют здания, думая о комфорте каждого: они устанавливают лифты, пандусы, делают двери достаточно широкими, или же продумывают удобную высоту перил.
Мы, UX/UI-дизайнеры, тоже должны помнить, что наши пользователи все разные. Это значит, что наш интерфейс должен быть доступным для всех, вне зависимости от физических возможностей.
Как-то я работала над проектом, где контрастность играла ключевую роль для пользователей с нарушениями зрения. Что казалось мелочью для нас, на самом деле кардинально изменило их опыт. В интерфейсе важна каждая деталь, особенно когда она влияет на доступность.
Всегда проверяйте свои макеты на доступность. Это может быть небольшая корректировка шрифта или цвета, но она может значительно улучшить жизнь ваших пользователей. Плюс, есть множество инструментов, которые помогут вам сделать это просто и быстро (например плагин getstark.co для фигмы).
3. Навигация и планировка: не дай пользователю заблудиться
Заблудиться в огромном торговом центре — это так себе опыт. Ощущение паники усиливается с каждой минутой. В интерфейсах всё то же самое: если пользователь не может найти нужную информацию или понять, как работать с продуктом — он скорее всего уйдёт (и никогда не вернётся). Правда, стоит признать, у архитекторов здесь задача посложнее, в случае интерфейсов мы можем просто закрыть вкладку, а вот потеряться в реальном здании мероприятие не из приятных.
Архитекторы решают эту проблему, создавая удобные планировки зданий и размещая указатели. Мы же можем улучшить навигацию в наших интерфейсах, создавая логичные меню, понятные пути перехода и структуру страниц.
Проведите тестирование навигации. Можно подключить Google Analytics или Hotjar к сайту и проверить поведение пользователей. Если время нахождения на странице очень мало и при этом они не достигают цели, их путь хаотичный — тут есть что улучшить!
4. Пропорции и масштаб: гармония во всем
В архитектуре важна каждая деталь: высота потолков, ширина дверей, размеры окон. Если что-то нарушает пропорции, это сразу вызывает дискомфорт, как нелепо большие окна в маленькой комнате. То же самое и в интерфейсах: слишком маленькие кнопки или гигантские заголовки сразу портят впечатление и делают продукт неудобным.
Дизайнеры должны быть внимательны к размерам и расстояниям между элементами, так как это напрямую влияет на удобство использования.
Следите за пропорциями в интерфейсе. Это касается всего: от шрифтов до отступов. Не забывайте проверять, как ваш дизайн выглядит на разных устройствах. Иногда стоит отойти от экрана, взглянуть на макет издалека — и часто вы заметите то, что раньше не бросалось в глаза.
5. Детали и микровзаимодействия: мелочи, которые запоминаются
Вы когда-нибудь замечали, как приятно держать в руках идеально сделанную дверную ручку или смотреть на изящный декор в здании? Такие мелочи создают атмосферу.
В UX-дизайне мелочи тоже имеют значение: плавная анимация кнопки, приятный переход между экранами или даже неожиданный звуковой эффект могут улучшить пользовательский опыт и оставить позитивное впечатление.
Добавьте в свой дизайн немного "волшебства". Это может быть скрытая пасхалка, плавная анимация или неожиданный элемент, который вызовет у пользователя улыбку. Конечно же, используя это, не забывайте о консистентности с темой проекта. В сложные интерфейсы порталов и систем не нужно вставлять неожиданные элементы, лучше сфокусироваться на удобной навигации и мягкой и приятной анимации.
6. Материалы и текстуры: создаем настроение
Архитекторы тщательно подбирают материалы для зданий: тёплое дерево создаёт уют, холодное стекло — современный минимализм, а кирпич — индустриальный стиль. В UX-дизайне у нас нет физического материала, но у нас есть цвета, шрифты и иконки. Подобные элементы, как и материалы в архитектуре, влияют на настроение и эмоции пользователя.
Моим первым коммерческим проектом был портал Цифровое Бессмертие. И хоть звучит это немного зловеще, цели он преследовал доброжелательные. Это был портал, где можно было бы сохранить информацию о себе или же об умершем родственнике, чтобы оставить цифровой след о человеке.
И сейчас я понимаю, что многое бы сделала по другому, но подобранный для портала бежевый цвет, считаю удачным. Он умиротворяет и при этом является теплым оттенком. Что отлично передает атмосферу и эмоции, которые должен испытывать пользователь.
Подумайте, какие эмоции должен вызывать ваш продукт, и подберите элементы дизайна, которые помогут эти эмоции передать. Вдохновляйтесь окружающим миром, даже природой — она мастер подбирать "цветовые палитры".
7. Устойчивость и масштабируемость: думайте на будущее
Хорошие здания служат веками. Архитекторы закладывают прочный фундамент, используя качественные материалы, чтобы их строения могли выдержать испытания временем. В UX/UI-дизайне тоже нужно думать на будущее, особенно если проект будет расти и масштабироваться. Крепкая база, вроде дизайн-системы, спасёт ваш проект от хаоса при будущем расширении.
Создавая компоненты интерфейса и продуманные гайдлайны, вы облегчаете себе жизнь и своим коллегам. Это как строить надёжный фундамент для небоскрёба: сэкономите нервы, время и деньги в будущем.
Не ленитесь разрабатывать дизайн-системы. Это инвестиция, которая окупится, когда проект начнёт расти. Поверьте, в момент хаоса вы поблагодарите себя за этот шаг.
В завершение
Архитектура и UX-дизайн — это дисциплины, созданные для людей и про людей. Учиться у других областей — отличный способ расширить своё мышление и привнести что-то новое в свою работу. Так что в следующий раз, когда будете гулять по городу, присмотритесь к зданиям: возможно, они подскажут вам интересную идею для вашего следующего интерфейса!