Реализация этих тенденций в дизайне может помочь вам создавать проекты, которые понравятся вашим пользователям.
Согласно одному отчету, общее количество сайтов в Интернете в январе 2010 года составило 206 741 990. Перенесемся вперед ровно через десять лет, и эта цифра вырастет до 1 295 973 827, что позволяет увидеть, насколько сильно вырос Интернет за последние десять лет. Этот стремительный рост также вызвал эволюцию того, как веб-сайты будут функционировать, их дизайн и их роль в современном обществе.
Десять лет назад люди не слишком сильно зависели от веб-сайтов, а это означало, что они просто существовали самым простым способом. Однако времена, когда веб-сайты представляли собой одномерный шаблонный дизайн со скучной типографикой и базовым макетом, давно прошли.
Сегодня в Интернете насчитывается 4,66 миллиарда активных пользователей, которые в своей повседневной деятельности в значительной степени полагаются на веб-сайты и приложения. Amazon позволяет заказать что угодно и получить это на следующий день. Netflix может транслировать фильмы и телешоу из любой точки, где есть подключение к Интернету. Facebook позволяет друзьям и семьям связываться друг с другом, где бы они ни находились.
Легко понять, почему так много компаний, больших и малых, вкладывают так много средств, думая о пользовательском интерфейсе. Любой вид визуального элемента, взаимодействия или анимации проходит через серию потоков проектирования и тестов, прежде чем окончательная версия будет опубликована, чтобы гарантировать, что она предоставит пользователю наилучший возможный интерфейс. Это делает дизайн пользовательского интерфейса невероятно динамичным полем, которое включает в себя быстро меняющуюся среду с новыми тенденциями, которые появляются каждый год в зависимости от того, что нравится или не нравится пользователям.
Я занимаюсь дизайном пользовательского интерфейса фрилансером с 2018 года. Хотя я не могу похвастаться работой в таком технологическом гиганте, как Facebook или Google, я могу сказать, что на протяжении многих лет я работал с достаточным количеством компаний, чтобы понять важность понимания Тенденции пользовательского интерфейса, если вы хотите опережать своих конкурентов. Таким образом, в этой статье описаны основные тенденции пользовательского интерфейса 2021 года, которые, как я полагаю, будут доминировать в оставшейся части года.
1. Микровзаимодействия будут привлекать внимание пользователей
Большинство клиентов, с которыми я работал, избегали использования микровзаимодействий, потому что они либо не знают, что они собой представляют, либо не знают, как лучше всего использовать их в своих проектах. Однако, как только я объясню, что это такое и как включить их в конечный продукт, клиенты обязуются добавить их в проект и часто хвалят меня за то, что я реализовал эту идею.
Если вы не знаете, микровзаимодействия - это события, которые служат одной цели - общаться с пользователем в визуально привлекательной форме. Это помогает пользователю понять результат своих действий, обеспечивая немедленную обратную связь.
Взгляните на приведенный ниже пример:
Вместо того, чтобы взаимодействовать с пользователем всплывающим окном, которое будет выглядеть как робот в стиле 1995 года, в этой анимации есть человеческий элемент, потому что приложение взаимодействует с пользователем оптимизированным, современным и визуально привлекательным способом.
Вы обнаружите, что любой элемент пользовательского интерфейса может иметь соответствующую анимацию, но это не означает, что вы должны добавлять движение к каждой кнопке, значку или пункту меню, потому что чрезмерное использование анимации может сбить с толку и расстроить пользователей. Лучший подход, который я нашел, - это выявление областей веб-сайта или приложения, с которыми пользователь будет сталкиваться чаще всего, и включение микровзаимодействий для улучшения визуального интерфейса этих областей с учетом интересов пользователя.
2. Типографика, нарушающая все правила
Типографика была одним из важных компонентов дизайна пользовательского интерфейса, о котором я узнал, когда только начал заниматься дизайном. Иерархия, выбор шрифтов, межстрочный интервал и выравнивание - это лишь некоторые из тем - правила, которые сопровождают эти темы, бесконечны. Тогда многие дизайнеры очень строго следовали этим правилам, но времена изменились.
Импульс был вызван использованием типографики, которая бросает вызов стандартным правилам, которым многие привыкли следовать. Я считаю, что в 2021 году мы увидим, как типографика станет безумной с визуально привлекательными крупными шрифтами, которые перекрывают изображения, становятся фокусом или даже выходят за пределы экрана.
Взгляните на приведенный ниже пример:
Компания Huge отошла от традиционного типа домашней страницы, которая включает изображение, текст и, как правило, призыв к действию, в более современную версию с жирным шрифтом, большим и выразительным. Вы склонны вспоминать веб-сайты, когда они включают элементы, выходящие за рамки нормы, что вы получаете, когда начинаете нарушать правила типографики, которые существовали так долго.
Разнообразные типы шрифтов, контрастные цветовые схемы и полужирный или разбросанный текст - все это создает эффектный дизайн, который оставит неизгладимое визуальное впечатление на пользователя, позволяя вам сказать намного больше с меньшим количеством слов.
Простота белого и черного давно прошла
Несколько лет назад многие веб-сайты, с которыми вы сталкивались, имели очень похожий вид: белый фон с черным текстом или черный фон с белым текстом. Но этот униформный стиль вскоре претерпит множество изменений, поскольку пользователи полюбят яркие цвета.
Куда бы вы ни посмотрели сейчас, на целевых страницах или в мобильных приложениях будут красочные пятна. Эти яркие цвета помогают пользователям различать определенные продукты, делая их более запоминающимися. Что мне показалось действительно интересным, когда дело доходит до цветовых схем, так это то, что одно исследование показало, что человек может предпочитать более яркие и привлекающие внимание цвета, когда они моложе, но по мере взросления обнаруживают, что их тянет к более традиционным цветам.
Взгляните на приведенный ниже пример:
Это отличный пример того, как использовать яркие цвета для создания привлекательных визуальных эффектов. Всплеск ярких цветов добавит изюминку веб-сайту и придаст ему индивидуальности по сравнению с черно-белой версией, которая излучает мягкую шаблонную атмосферу.
Однако вы всегда должны помнить о своей пользовательской базе, решая, какие цвета использовать. Как показало вышеупомянутое исследование, молодые люди склонны отдавать предпочтение ярким цветам, а пожилые люди склонны больше склоняться к традиционным цветам. Итак, определите свою пользовательскую базу или тип пользователей, которых вы хотите привлечь, прежде чем составлять цветовую схему.
Использование асимметричного баланса в ваших интересах
Когда UI-дизайнеры садятся за свое дело, многие предпочитают делать свой дизайн как можно более симметричным, потому что он простой, безопасный и приятный для глаз. Однако пользователям это может показаться невероятно скучным. Когда веб-сайт идеально выстроен, выровнен правильно и ни один из элементов пользовательского интерфейса не подвергается риску - он чувствует себя изготовленным на заводе, а не вручную.
Когда вы начинаете проектировать с учетом асимметричного баланса, вы уделяете больше внимания движению, создаете ощущение хаоса и начинаете больше рисковать.
Взгляните на приведенный ниже пример:
Сначала это кажется хаотичной целевой страницей из-за изображений, форм и текста, которые не соответствуют стандартной концепции симметричного дизайна пользовательского интерфейса. Но если вы присмотритесь, вы обнаружите, что все элементы пользовательского интерфейса имеют определенный баланс, который вносит порядок в хаос. В правом верхнем углу находится призыв к действию, шрифт посередине достаточно большой, чтобы привлечь ваше внимание, с левой стороны вы можете четко видеть пронумерованные подразделы, к которым вы можете перейти, а в правом нижнем углу - дополнительные страницы, которые вы можете посетить.
Ваши глаза переходят от одного раздела к другому, и легко проследить замысел, лежащий в основе дизайна. Это увлекательный способ не только привлечь ваше внимание, но и заставить вас взаимодействовать с веб-сайтом, чтобы увидеть больше. Это награда, которую вы получаете за риск, на который вы идете, когда проектируете с учетом асимметричного баланса.
Последняя мысль
Великие дизайнеры мыслят творчески, что иногда означает нарушение правил или риск для создания самых завораживающих пользовательских интерфейсов, которые оставляют незабываемое впечатление у пользователей, взаимодействующих с вашим конечным продуктом. Не позволяйте себе постоянно повторять один и тот же процесс проектирования, так как это может привести к тому, что ваши проекты устареют.
Постоянно подталкивайте себя к внедрению новых элементов дизайна и методологий в свою работу, следя за современными тенденциями по мере их появления и ухода. Не бойтесь смены тенденций, но позвольте им зажечь ваше творчество, чтобы вы могли радовать и удивлять своих клиентов.
P.S. Я хочу воспользоваться моментом, чтобы поблагодарить вас за то, что вы нашли время прочитать мою историю; Я надеюсь, что вы сочли это полезным и приятным, и до следующего раза - желаю вам всего наилучшего.
