So what UX and UI trends have we seen so far in 2020, and what more are we headed for this year? Our experts pick seven trends to watch.
1. Subtle Animation
Subtle motion can be a simple way to lift an otherwise tired web page, and recently we’re seeing it more and more in designs for typically dry subject matter (think finance, healthcare, or resourcing services). Of course, it’s important to achieve balance and ensure movement doesn’t dominate or distract on the page.
“In 2019 animation may have been a little overused,” says Stephen Cronin, Envato’s Content Specialist for websites and themes. “Hopefully 2020 will see it used more cleverly, with more subtle animation used to support user engagement and more obvious animation used to draw attention to just one or two calls to action.”
SEEK’s career advice page shows subtle animation in action—using a simple, straightforward idea to add fun and dynamism to an otherwise predictable navigation page.
With a customizable HTML template like Lums by Layerdrops, which includes landing pages, inner pages, a carousel slider, and CSS3 animation, you can start testing out what works.
2. Neumorphism
It’s arrived in a big way in the first few months of 2020, and it continues to get plenty of hype. But what is neumorphism?
First, the word itself: it’s a play on ‘new’ and ‘skeuomorphism’, the latter a term used in UI design to describe design elements that look like their real-life counterparts—for example, your computer’s calculator interface or a floppy disk to represent ‘save’. It was Apple that first championed skeuomorphic designs under the reign of Steve Jobs, before heralding the decline of skeuomorphism as its post-2013 mobile software became progressively more simplified.
“Neumorphism combines the best of flat design and skeuomorphism; we’re talking about clean interfaces, given a big hit of solidity through clever use of highlights and shadows,” writes Jim McCauley on Creative Bloq.
The trend’s heavy use of soft shadow makes for design that is both futuristic and realistic, and it’s bringing a new feel to familiar interfaces. However, the challenge to designers embracing this trend will be in its practicality—as Uyen Vicky Vo writes on UX Collective, neumorphism and accessibility don’t inherently go together.
Experiment with 26 elements included in the Neumorphic UI Kit by cerpow or the super-flexible Neumorphic UI for Smart House by merkulove, both available on Envato Elements.
3. Large Images
Bigger is better and getting better in 2020. While illustration is also still at the fore of website design, where illustration isn’t used, it’s images that are showing up as the main attraction. And they’re being used cleverly—whether as full, subtle backgrounds or as striking centerpieces.
“In 2020, having some sort of image (or background video) on your website is a must, and it’s a case of the larger the better,” says Stephen.
For backgrounds, think minimal design like the tranquil Lana template for ‘coming soon’ pages by Erilisdesign. Or test out something more dynamic, like Rideo by codecarnival, a mountain-biking eCommerce template.
4. Breaking Design Rules
Good news for the anarchists among us: 2020 might be the time to throw the rules out the window.
“Let’s break that grid and go with an asymmetrical layout. Let’s use a wild font that is not as readable. Let’s include hand drawn elements. Let’s put some elements over the top of other ones, obscuring them,” suggests Stephen (wherever it doesn’t significantly affect usability).
This trend is mixed in with emerging design trends like the street art aesthetic and the resurgence of the anti-design Brutalist style (seen in things like Brutalist Bootstrap HTML Template by mp-web on ThemeForest).
“I think this is an important trend,” says Tahlia Giannopoulas, Envato User Experience Designer, “because it challenges beautiful design and pushes people to make something engaging which isn’t conventional.”
5. Variable Fonts
Typographists will rejoice at this tip: never underestimate the right font in your UX design. A variable font is one file that gives you many options—achieving different appearances with options for spacing, weights, and widths, and leading to improved performance and smoother transitions between styles.
“With browser support improving, 2020 could be the year that variable fonts break out and become commonplace in themes and templates,” predicts Stephen.
Unsure where to start or want to go back to the basics first? Variable fonts are explained in more detail, with example fonts and step-by-step instructions on adding variable fonts to a web page, in this how-to guide.
6. Branding and Art Direction in UX/UI Design
Ultimately, UI and UX designers are experts in bringing various elements—imagery, text, color, interaction—together as a cohesive design to break down the distance between screen and customer. And increasingly, these skills don’t necessarily come from those with tech backgrounds.
At Google, Jefferson Cheng and Emily Blank, who co-run the Material Design Imagery Program, recently spoke on Google’s approach to pushing the boundaries of typical UX
“We don’t really prescribe a one-size-fits-all style for all of Google,” said Jefferson. He mentioned that often artists and designers who haven’t worked in tech before have a unique and valuable approach.
“For one of our design sprints we went to the Walt Disney Museum in San Francisco, and I thought it was so fascinating how through a variety of visual, stylistic elements, you can always tell a Disney movie from another animated film,” said Emily Blank in the same interview.
The message here is pretty clear: when it comes to UX and UI, it’s most important to be cohesive, distinctive, and to keep evolving.
39 replies on “Follow your own design process, whatever gets you to the outcome.”
Axilthemes
test comment
Mirtinvest.ru
Тебе срочно нужны деньги, но все банки отказывают? На [url=https://mirtinvest.ru/]mirtinvest.ru[/url] ты найдешь МФО, которые выдают займы без проверок и отказов. Мы отобрали для тебя только надежные компании, готовые помочь в трудную минуту. Оформи займ за пару минут и получи деньги на карту без головной боли! Не теряй время — воспользуйся нашим сервисом и забудь про отказ.
Mfozaima
[url=https://t.me/s/mfo_2024_online]МФО 2024[/url] предлагают микрокредиты онлайн с моментальной выдачей на карту без отказов и проверок.
Микрозаймы без отказов на ALL-CREDIT
Оформление займа без проверок — это лучший выбор для тех, кто хочет получить деньги быстро и без лишних вопросов. На нашем [url=https://all-credit.ru/zaymy-s-avtomaticheskim-odobreniem/ ]портале[/url] вы найдете топ микрофинансовых организаций (МФО) 2024 года, которые предлагают займы на карту без проверок кредитной истории и без предоставления справок. Это идеальный вариант для тех, кому важна скорость и минимальные требования. Переходите на [url=https://all-credit.ru/zaym-25000-rubley/ ]страницу[/url], чтобы узнать больше о каждом предложении и выбрать подходящую компанию для получения займа на карту с минимальными усилиями и без бюрократии.
займы без отказа
Тебе больше 18 лет и срочно нужны деньги? Тогда заходи на [url=https://mirtinvest.ru/]mirtinvest.ru[/url]! У нас — подборка из более чем 40 лицензированных МФО, выдающих микрокредиты без отказов с минимальными требованиями. Ставка не выше 0,8% в день — выгоднее не найти! Не важно, кто ты и чем занимаешься — получить деньги на карту теперь легко и просто. Твой шанс здесь, не упусти его!
Baikalwheels.ru
Если вы хотите придать уникальность своему автомобилю и создать неповторимый образ, то на сайте baikalwheels.ru у вас предоставляется шанс [url=https://baikalwheels.ru/catalog?d=16]купить автодиски на 16[/url] известных мировых брендов. В каталоге представлены такие производители, как Replika, Nitro, Legeartis и K&K, которые известны надежностью. Размеры варьируются от 16 до 22 дюймов, что помогает найти идеальные диски для любых автомобилей — от седанов до внедорожников.
Mirtinvest.ru займы без проверок и отказов для всех
На [url=https://mirtinvest.ru/]mirtinvest.ru[/url] представлена подборка из более 40 лицензированных микрофинансовых организаций, предлагающих микрокредиты на карту онлайн без отказов. Все компании соответствуют законодательным требованиям, а максимальная процентная ставка не превышает 0,8% в день. Минимальные требования к заемщикам и доступность для лиц от 18 лет делают этот сервис оптимальным решением для быстрого получения финансовой поддержки. Выберите подходящее предложение и получите деньги на карту в кратчайшие сроки.
ALL-CREDIT займ онлайн без проверки кредитной истории
Представьте: вы оформляете займ и возвращаете ровно столько, сколько взяли — ни копейкой больше. Звучит как фантастика? На самом деле это реальность, и на нашем [url=https://all-credit.ru/zaym-10000-rubley/ ]портале[/url] вы найдете самые выгодные экспресс-займы под 0% для новых клиентов. Хотите узнать, как это работает? Всё просто! Эти предложения созданы специально для тех, кто впервые обращается в МФО. Быстрое одобрение, моментальное перечисление средств на карту и никаких переплат! На [url=https://all-credit.ru/bez-proverok-na-kartu/ ]странице[/url] вас ждут актуальные предложения 2024 года, которые помогут решить финансовые вопросы без лишних затрат. Не упустите шанс взять деньги бесплатно!
Ivoryjindy
Минимальная ставка 0.8%! [url=https://toolbarqueries.google.bt/url?q=https://all-credit.ru/zaim-bez-otkaza-na-kartu/]займы онлайн без отказа на карту срочно [/url] для всех от 18 лет доступны у нас, даже если есть просрочки!
seo18.su
В digital агентстве ПАРОВОЗ мы занимаемся профессионально на [url=https://seo18.su/]терещенко алексей ceo ижевск[/url] и разработке успешных веб-проектов. С более чем десятилетним стажем, мы предоставляем эффективное продвижение сайтов в топовые позиции, используя новейшие инструментарий. Наша команда непрерывно улучшает свои умения, что позволяет нам добиваться неизменных результатов для заказчиков.
Сегодня [url=https://seo18.su/]раскрутка в instagram сео ультра[/url] – это секрет к успеху каждого проекта. В условиях быстро развивающегося рынка важно занимать лидирующие позиции в Google и Yandex, чтобы увеличивать целевую аудиторию. Мы приглашаем на тестовый период, где вы сможете оценить наш профессионализм и убедитесь в эффективности наших стратегий.
itacat.ru
Ищете лучшие условия для получения микрозайма? У нас собрана отличная подборка МФО для всех, кто столкнулся с трудностями при оформлении кредита [url=https://itacat.ru/]мфо одобряющие всем[/url] . Даже с плохой кредитной историей или просрочками у вас есть шанс получить деньги [url=https://itacat.ru/]займ с испорченной кредитной историей онлайн[/url] . Мы предлагаем более 90 проверенных МФО, которые готовы выдать займы без отказа для каждого — от домохозяек до самозанятых [url=https://itacat.ru/]лучшие мфо 2024[/url] . Наши партнеры предлагают гибкие условия, быстрые решения и моментальные переводы на карту [url=https://itacat.ru/]займ на карту без процентов[/url] . А для вашего удобства мы публикуем статьи с полезными советами для заемщиков, чтобы вы всегда были в курсе важных нюансов [url=https://itacat.ru/]займы через госуслуги без отказа[/url] .
Займы
[url=https://mikro-zaim-online.ru/]новые мфо без отказа на карту[/url]
Микрозаймы
[url=https://mikro-zaim-online.ru/]новые малоизвестные займы[/url]
Clementkip
DPM+ — это место, где профессионализм встречается с инновациями. Наше [url=https://dpmplus.ru/]курс дизайнер продукта[/url] является лучшим на рынке благодаря команде экспертов, работающих с нами. Только у нас вы получите актуальные знания, которые помогут вам стать настоящим лидером в девелопменте. Убедитесь сами!
Микрозайм без отказа
[url=https://all-credit.ru/zaim-bez-otkaza-na-kartu/]Микрозаймы на карту без отказа[/url] – мгновенное решение! Простое оформление, деньги до 30 тысяч рублей за несколько минут, даже если кредитная история не идеальна, без подтверждения дохода.
микрозаймы без отказов
Когда время ограничено, [url=https=https://все-займы-тут.рф/]микрозаймы без отказа[/url] могут стать единственным выходом. Этот способ получения денег не требует долгих ожиданий и подходит каждому.
купить угги
Уже октябрь – выбирайте [url=https=https://uggs-russia.com/]угги с мехом женские[/url] для идеального зимнего образа.
uggs
Оригинальные [url=https=https://uggs-russia.com/]UGG[/url] уже в продаже – более 300 моделей в наличии.
euroshop18.ru
Выбирая [url=https://euroshop18.ru/katalog/parovarki/]встроенная пароварка купить[/url] на euroshop18.ru, вы выбираете качество, стиль и надёжность. Убедитесь сами — мы предлагаем технику, которая сделает вашу кухню ещё удобнее. Заходите и оформляйте заказ с удовольствием!
Займ
Решите свои финансовые вопросы уже сегодня! Оформите [url=https://all-credit/]микрозаймы онлайн на карту[/url] с гарантированным одобрением, начиная с 18 лет.
euroshop
Ищете [url=https://euroshop18.ru/katalog/varochnyie-poverxnosti/]варочная панель электрическая купить[/url] и другую технику для кухни? На euroshop18.ru вы найдете всё необходимое для обустройства вашей кухни. Удобный заказ, привлекательные цены и доставка до двери – всё для вашего комфорта!
Займы
Услуги [url=https://all-credit/]микрозайма на карту срочно без отказа[/url] позволяют быстро решить финансовые вопросы, предоставляя до 10 000 рублей за несколько минут. Более 50 МФО готовы одобрить заявку каждому с 18 лет.
bycesoir
[url=https://bycesoir.com/]Получить займ на карту без отказа[/url]
Перепланировка помещения
Узнайте точную [url=https://potolki-kitstroy.ru/]стоимость согласования перепланировки в Москве[/url]. Мы предлагаем прозрачные тарифы и полное сопровождение процесса согласования, чтобы избежать сложностей и сократить время на оформление документов.
микрозаймы без отказов
Плохая кредитная история? Мы собрали [url=https://cntbank.ru/]лучшие МФО[/url], которые выдают микрозаймы до 30 000 рублей даже при плохой КИ, с быстрым переводом денег 24/7.
как узаконить перепланировку
Оформление перепланировки может быть сложным процессом. Мы предлагаем узнать [url=https://potolki-kitstroy.ru/]стоимость согласования перепланировки помещения в Москве[/url] и воспользоваться услугами наших специалистов для оперативного узаконивания проекта.
ZaimfotaX
Оформите [url=https://t.me/s/otkrytki_dobroe_utro]займы новых и проверенных МФО на карту онлайн до 30 тысяч рублей[/url]! Займы без вопросов — получайте деньги за считанные минуты!
binance
Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?
MicrozsieNed
Нужно 30 000 рублей прямо сейчас? [url=https://t.me/s/kino_film_20221]Займы мгновенно без звонков до 30 000 рублей[/url] — моментальный перевод без вопросов и проверок!
займ без проверок и звонков на любую карту
[url=https://t.me/s/zaim_bez_otkazov_na_kartu]Займ без проверок и звонков для всех[/url] — получите до 30 тысяч рублей на карту мгновенно. Оформление онлайн, без звонков и проверок, деньги зачисляются на любую карту России.
займ на карту без отказов за 10 минут
Оформите [url=https://t.me/s/zaim_bez_otkazov_na_kartu]срочные кредиты с минимальными требованиями[/url] всего по паспорту и банковской карте. Более 40 МФО предлагают моментальные займы с минимальными формальностями — доступно каждому.
binance
Your point of view caught my eye and was very interesting. Thanks. I have a question for you.
букмекерская контора марафон
Хотите стабильный доступ и безграничные возможности? [url=https://www.kv.by/information/2023/09/26/1068160-novoe-zerkalo-melbet-rabochiy-dostup-k-saytu-melbet-com]Melbet зеркало[/url] — это лучшее решение для тех, кто не хочет упускать ни одного важного события. Быстрые ставки, бонусы и всегда работающий сайт — не упустите свой шанс!
autism-mmc.com
Our clinic at autism-mmc.com has over 10 years of expertise in treating [url=https://www.autism-mmc.com/types-and-causes-of-autism/symptoms-and-causes-of-autism/]asd causes[/url] using cord blood stem cells. This innovative [url=https://www.autism-mmc.com/childhood-autism-treatment/cord-blood-stem-cells-transplantation/]Mardaleishvili cord blood[/url] offers real improvements in cognitive functions, communication, and emotional development for children of all ages.
binance account creation
Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?
леон бет
Забудьте о неудобствах с [url=https://www.kv.by/information/2023/09/26/1068164-1hbet-zerkalo-rabotayushchee-aktualnoe-zerkalo-sayta-1xbet-com]рабочее зеркало 1хбет[/url]. Этот инструмент открывает для вас полный доступ к ставкам, бонусам и акциям. Время выигрывать — начните прямо сейчас!
tex38.ru
Для безопасного энергоснабжения выбирайте [url=https://tex38.ru/shop/kabel-provod_157/silovoy-kabel-pvh_160/vvgng-a-ls_185]кабель ВВГнг(А)-LS[/url] с низким уровнем дымовыделения, идеально подходящий для жилых и промышленных объектов.
кабель силовой ввгнг
[url=https://tex38.ru/shop/kabelenesuschie-sistemy_73/lotki-kabel-nye-metallicheskie_132]Лотки кабельные[/url] от ТехЭлектроснаб — это надежное решение для организации и прокладки кабелей в промышленных и жилых объектах. Простота установки и высокая прочность гарантированы.
Перепланировка помещения
Важным вопросом при планировании работ является [url=https=https://dom-s-ymom.ru/]согласование перепланировки помещений в Москве стоимость[/url]. Цена зависит от сложности проекта и объёма работ, требующих согласования. Мы предлагаем прозрачные цены и полный спектр услуг, начиная с разработки проекта и заканчивая получением разрешительных документов. Наши специалисты помогут вам оценить бюджет и оптимизировать затраты.