20/01/2020
UX design trends for 2020
Neumorphism
āϏāĻžāϧāĻžāϰāĻŖāĻāĻžāĻŦā§ āĻŦāϞāϤ⧠āĻā§āϞ⧠Skeuomorphic āĻĄāĻŋāĻāĻžāĻāύ āĻŦāϞāϤ⧠āĻāĻŽāύ design elements āĻŦā§āĻāĻžāϝāĻŧ āϝā§āĻā§āϞāĻŋ āĻŦāĻžāϏā§āϤāĻŦ āĻā§āĻŦāύā§āϰ āϏāĻžāĻĨā§ āĻŽāĻŋāϞāĻŋāϝāĻŧā§ āϝāĻžāĻāϝāĻŧāĻžāϰ āĻāύā§āϝ āĻŦāĻžāϏā§āϤāĻŦāϏāĻŽā§āĻŽāϤ āϏā§āĻāĻžāĻāϞ / āĻāĻĒāĻžāϝāĻŧā§ āϤā§āϰāĻŋ āĻāϰāĻž āĻšāϝāĻŧāĨ¤ VR/AR āĻĒā§āϰāϝā§āĻā§āϤāĻŋāϰ āĻŦā§āĻĻā§āϧāĻŋ āĻāĻŦāĻ āϏāϰā§āĻŦāĻžāϧāĻŋāĻ āĻāύāĻĒā§āϰāĻŋāϝāĻŧ āĻĄāĻŋāĻāĻžāĻāύā§āϰ āĻĒā§āϞā§āϝāĻžāĻāĻĢāϰā§āĻŽāĻā§āϞāĻŋāϤ⧠āĻĒā§āϰāĻĻāϰā§āĻļāĻŋāϤ āĻšāĻāϝāĻŧāĻž āϏāϰā§āĻŦāĻļā§āώ āĻĄāĻŋāĻāĻžāĻāύā§āϰ āĻā§āϰā§āύā§āĻĄāϏāĨ¤
2020-āĻ Skeuomorphic āĻĄāĻŋāĻāĻžāĻāύā§āϰ āĻĒā§āϰāϤā§āϝāĻžāĻŦāϰā§āϤāύ āĻšāϤ⧠āĻĒāĻžāϰ⧠- āĻāĻā§ skeuomorphism/Neumorphism āĻŦāϞāĻž āĻšāϝāĻŧāĨ¤
Asymmetrical Layouts
āĻāϤ āĻŦāĻāϰāĻā§āϞāĻŋāϤ⧠āĻāĻŽāϰāĻž āϞāĻā§āώ āĻāϰā§āĻāĻŋ āĻĄāĻŋāĻāĻŋāĻāĻžāϞ āĻĒāĻŖā§āϝ āĻĄāĻŋāĻāĻžāĻāύā§āϰ āĻā§āώā§āϤā§āϰ⧠asymmetrical layouts āĻāϰ āĻĒā§āϰāĻā§āϰ āĻŦā§āϝāĻžāĻŦāĻšāĻžāϰ āĻāϰāĻž āĻšā§ā§āĻā§āĨ¤ āĻāĻļāĻž āĻāϰāĻž āϝāĻžā§ ā§¨ā§Ļ⧍ā§ĻāĻ character, dynamic, and design personality āĻŦā§āϝāĻžāĻŦāĻšāĻžāϰ⧠āĻāϰāĻ āĻŦā§āϝāĻžāĻĒāĻ āĻĒā§āϰāϏāĻžāϰ āϞāĻžāĻ āĻāϰāĻŦā§āĨ¤
āĻŦāĻŋāϏā§āϤāĻžāϰāĻŋāϤ āϞāĻžāĻāĻ āĻĒā§āϰā§āĻā§āĻā§āĻ āĻĻā§āĻāϤā§āĻ https://www.awwwards.com
Animated Illustrations
Design āĻāϰ illustrations āĻā§āϞā§āϤ⧠Motion āĻŦā§āϝāĻžāĻŦāĻšāĻžāϰ āĻāϰ⧠āĻāĻŽāϰāĻž āĻāĻŽāĻžāĻĻā§āϰ āĻĄāĻŋāĻāĻžāĻāύāĻā§āϞāĻŋ āĻāϞāĻžāĻĻāĻž āĻāϰ⧠āϤā§āϞāϤ⧠āĻĒāĻžāϰāĻŋ āĻāĻŦāĻ āĻāϰāĻ āĻĒā§āϰāĻžāĻŖāĻŦāύā§āϤ āĻāϰ⧠interface āĻ āĻĒā§āϰāĻāĻžāĻļ āĻāϰāϤ⧠āĻĒāĻžāϰāĻŋāĨ¤
3D Graphics in web and mobile interfaces
āĻŦāϰā§āϤāĻŽāĻžāύ⧠āĻĒā§āϰāĻžā§ āϏāĻāϞ āĻāϝāĻŧā§āĻŦ āĻŦā§āϰāĻžāĻāĻāĻžāϰā§āϰ āĻā§āώāĻŽāϤāĻž 3D āĻā§āϰāĻžāĻĢāĻŋāĻā§āϏā§āϰ āϏāĻžāĻĨā§ āĻŦā§āĻļ āϏāĻžāĻŽāĻā§āĻāϏā§āϝāĻĒā§āϰā§āĻŖ, āϤāĻžāĻ āĻāĻŽāĻžāĻĻā§āϰ āĻĄāĻŋāĻāĻžāĻāύāĻā§āϞā§āϤ⧠āĻāϰ āĻŦā§āϝāĻžāĻŦāĻšāĻžāϰ⧠āĻāϰ user āύāĻŋāĻāĻ āĻā§āĻŦ āϏāĻšāĻā§āĻ product presentation āĻāϰāĻž āϏāĻŽā§āĻāĻŦāĨ¤
Microinteractions
Microinteraction āĻā§āϞ⧠āύāĻŋāϰā§āĻā§āϞ āĻāĻžāĻŦā§ end user āĻāϰ āĻŽāύā§āϝā§āĻ āύāĻŋāϤ⧠āĻĒāĻžāϰā§āĨ¤ āϝāĻžāϤ⧠āĻāĻĒāύāĻžāϰ āĻĄāĻŋāĻāĻŋāĻāĻžāϞ āĻĒāĻŖā§āϝāĻā§āϞāĻŋāϰ āϏāĻžāĻŽāĻā§āϰāĻŋāĻ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻāĻžāϰā§āϰ āĻ
āĻāĻŋāĻā§āĻāϤāĻžāϰ āĻŦā§āϝāĻžāĻĒāĻ āĻāύā§āύāϤāĻŋ āĻāϰāϤ⧠āĻĒāĻžāϰā§āĨ¤
āĻĒā§āϰāϤāĻŋāĻāĻŋ āĻāĻāĻ āĻ
ā§āϝāĻžāĻĒā§āϞāĻŋāĻā§āĻļāύ āĻŦāĻž āĻāϝāĻŧā§āĻŦāϏāĻžāĻāĻā§ Microinteractions āĻŦā§āĻļ āĻāĻĒāϏā§āĻĨāĻŋāϤ āϰāϝāĻŧā§āĻā§āĨ¤ āĻāĻĒāύāĻŋ āϝāĻāύāĻ āĻāĻĒāύāĻžāϰ āĻĒā§āϰāĻŋāϝāĻŧ āĻ
ā§āϝāĻžāĻĒā§āϞāĻŋāĻā§āĻļāύāĻāĻŋ āĻā§āϞāĻā§āύ āϤāĻāύ āĻāĻĒāύāĻŋ āϏā§āĻā§āϞāĻŋ āĻĒā§āϰāϤāĻŋāĻŦāĻžāϰ āĻĻā§āĻāϤ⧠āĻĒāĻžāĻŦā§āύ â āĻāĻĻāĻžāĻšāϰāĻŖāϏā§āĻŦāϰā§āĻĒ, āĻĢā§āϏāĻŦā§āĻā§āϰ āĻāĻžāĻā§ āĻĒā§āϰāĻā§āϰ āĻŽāĻžāĻāĻā§āϰā§-āĻāύā§āĻāĻžāϰāĻ
ā§āϝāĻžāĻāĻļāύ āϰāϝāĻŧā§āĻā§ "āϞāĻžāĻāĻ (press)" āĻŦā§āĻļāĻŋāώā§āĻā§āϝāĻāĻŋ āĻāĻā§āĻŦāĻžāϰ⧠āύāĻŋāĻā§āĻāϤ āĻāĻĻāĻžāĻšāϰāĻŖāĨ¤
Virtual Reality
2019 VR āĻāϰ āĻāύā§āϝ āĻāĻāĻāĻŋ āĻŦāĻĄāĻŧ āĻŦāĻāϰ āĻšāϝāĻŧā§āĻā§āĨ¤ āĻāϤ āĻŦāĻāϰāĻā§āϞāĻŋāϤā§, āĻāĻŽāϰāĻž VR āĻšā§āĻĄāϏā§āĻāĻā§āϞāĻŋāϤ⧠āĻŦā§āĻļāĻŋāϰāĻāĻžāĻ āĻ
āĻā§āϰāĻāϤāĻŋ āĻāĻŦāĻ āĻāϤā§āϤā§āĻāύāĻž āĻĻā§āĻā§āĻāĻŋ - āĻŦā§āĻļāĻŋāϰāĻāĻžāĻ āĻā§āĻŽāĻŋāĻ āĻļāĻŋāϞā§āĻĒā§āĨ¤ āĻāĻŽāĻžāĻĻā§āϰ āĻŽāύ⧠āϰāĻžāĻāϤ⧠āĻšāĻŦā§ āϝ⧠āĻā§āĻŽāĻŋāĻ āĻļāĻŋāϞā§āĻĒāĻāĻŋ āĻĒā§āϰāĻžāϝāĻŧāĻļāĻ āĻĄāĻŋāĻāĻŋāĻāĻžāϞ āĻĒāĻŖā§āϝ āύāĻāĻļāĻžāϝāĻŧ āύāϤā§āύāϤā§āĻŦ āĻāĻŦāĻ āύāϤā§āύ āĻĒā§āϰāϝā§āĻā§āϤāĻŋ āύāĻŋāϝāĻŧā§ āĻāϏā§āĨ¤ āĻāĻŦā§āώāĻŖāĻž āĻĒā§āϰāĻŽāĻžāĻŖ āĻāϰ⧠āϝ⧠āĻāĻŋāĻāϰ āĻā§āύāĻ āĻŦā§āϝāϤāĻŋāĻā§āϰāĻŽ āύāϝāĻŧ āĻāĻžāϰāĻŖ 2019 āĻāϰ āϏā§āĻāύāĻžāϝāĻŧ Oculus Quest āĻĒāϰ⧠āĻ
āύā§āϝāĻžāύā§āϝ āĻļāĻŋāϞā§āĻĒā§āϰ āĻāύā§āϝ āĻ
āύā§āĻ āϏā§āϝā§āĻ āĻā§āϞā§āĻā§āĨ¤ āĻĢā§āϏāĻŦā§āĻā§āϰ āϏāĻŋāĻāĻ āĻŽāĻžāϰā§āĻ āĻāĻžāĻāĻžāϰāĻŦāĻžāϰā§āĻ āĻāϤāĻŋāĻŽāϧā§āϝ⧠āĻāϤā§āϤā§āĻāύāĻžāĻĒā§āϰā§āĻŖ āĻšāĻžāϤ āĻāύā§āĻāĻžāϰāĻ
ā§āϝāĻžāĻāĻļāύ āĻŦā§āĻļāĻŋāώā§āĻā§āϝāĻā§āϞāĻŋ āĻĒāϰā§āĻā§āώāĻž āĻāϰā§āĻā§āύ āĻāĻŦāĻ āĻāύā§āώā§āĻ āĻžāύāĻŋāĻāĻāĻžāĻŦā§ āĻā§āϝāĻŧā§āϏā§āĻā§āϰ āĻāύā§āϝ āĻāĻāĻāĻŋ āĻšā§āϝāĻžāύā§āĻĄ āĻā§āϰā§āϝāĻžāĻāĻŋāĻ āĻāĻĒāĻĄā§āĻ āĻā§āώāĻŖāĻž āĻāϰā§āĻā§āύ, ⧍ā§Ļ⧍ā§Ļ āĻāϰ āĻĒā§āϰāĻĨāĻŽ āĻĻāĻŋāĻā§!
Augmented Reality
āĻāϤ āĻŦāĻāϰāĻā§āϞāĻŋāϤā§, āĻāĻŽāϰāĻž AR āĻĒā§āϰāĻā§āϰ āĻ
āĻā§āϰāĻāϤāĻŋ āĻāĻŦāĻ āĻāύā§āύāϤāĻŋ āĻĻā§āĻā§āĻāĻŋāĨ¤ āĻŦāĻŋāĻļā§āĻŦā§āϰ āĻļā§āϰā§āώāϏā§āĻĨāĻžāύā§āϝāĻŧ āĻā§āĻ āϏāĻāϏā§āĻĨāĻžāĻā§āϞāĻŋ AR āĻŦāĻŋāĻāĻžāĻļā§ āĻāϝāĻŧā§āĻ āĻŽāĻŋāϞāĻŋāϝāĻŧāύ āĻŦāĻŋāύāĻŋāϝāĻŧā§āĻ āĻāϰāĻā§, āϏā§āϤāϰāĻžāĻ āĻāĻŽāĻžāĻĻā§āϰ āĻāĻ āĻĒā§āϰāϝā§āĻā§āϤāĻŋāĻāĻŋ 2020 āϏāĻžāϞ⧠āĻĒā§āϰāϏāĻžāϰāĻŋāϤ āĻāĻŦāĻ āĻŦā§āĻĻā§āϧāĻŋ āĻāϰāĻžāϰ āĻāĻļāĻž āĻāϰāĻž āĻāĻāĻŋāϤ āĻāĻŽāύāĻāĻŋ āĻ
ā§āϝāĻžāĻĒāϞ āĻĄāĻŋāĻāĻžāĻāύāĻžāϰ āĻāĻŦāĻ āĻŦāĻŋāĻāĻžāĻļāĻāĻžāϰā§āĻĻā§āϰ āĻāĻāϰ āĻāĻŋāϤā§āϤāĻŋāĻ āĻĒāĻŖā§āϝāĻā§āϞāĻŋ āϤā§āϰāĻŋāϤ⧠āϏāĻšāĻžāϝāĻŧāϤāĻž āĻāϰāĻžāϰ āĻāύā§āϝ āϤāĻžāϰ āύāĻŋāĻāϏā§āĻŦ ARKit 3 āĻāĻžāϞ⧠āĻāϰā§āĻā§āĨ¤
Link: https://developer.apple.com/augmented-reality/arkit
Storytelling
āĻĄāĻŋāĻāĻŋāĻāĻžāϞ āĻĒāĻŖā§āϝ āύāĻāĻļāĻžāϝāĻŧ āϏāĻžāĻŽāĻā§āϰāĻŋāĻ UX āĻ Storytelling design āĻā§āĻŦ āĻā§āϰā§āϤā§āĻŦāĻĒā§āϰā§āĻŖ āĻā§āĻŽāĻŋāĻāĻž āĻĒāĻžāϞāύ āĻāϰā§āĨ¤ āĻŦā§āϰā§āϝāĻžāύā§āĻĄ, āĻĒāĻŖā§āϝ āĻŦāĻž āύāϤā§āύ āĻĒāϰāĻŋāώā§āĻŦāĻžāϰ āĻĒāϰāĻŋāĻāϝāĻŧ āĻšāĻŋāϏāĻžāĻŦā§ āĻāĻĒāύāĻŋ Landing page āĻā§āϞāĻŋāϤ⧠āĻĒā§āϰāĻžāϝāĻŧāĻ āĻĻā§āĻāϤ⧠āĻĒāĻžāĻŦā§āύāĨ¤ Storytelling āĻāϰ āĻĒāĻĻā§āϧāϤāĻŋāϤ⧠āĻāĻĒāύāĻžāϰ āĻŦā§āϰā§āϝāĻžāύā§āĻĄāĻāĻŋāĻā§ āĻāϰāĻ āĻ
āύā§āĻ user friendly āĻāϰ⧠āϤā§āϞāϤ⧠āĻĒāĻžāϰ⧠āĻāĻŦāĻ end user āĻāĻžāĻā§ āĻŽāύ⧠āĻšāϝāĻŧ āϝ⧠āϤāĻžāϰāĻž āĻāĻŽāĻžāĻĻā§āϰ āĻĒāĻŖā§āϝ āĻŦāĻž āĻĒāϰāĻŋāώā§āĻŦāĻžāϰ āĻ
āĻāĻļ, āϤāĻžāĻ āϤāĻžāϰāĻž āϤāĻžāĻĻā§āϰ āϏāĻžāĻĨā§ āϝā§āĻā§āϤ āĻšāϤ⧠āĻāĻžāϝāĻŧāĨ¤ āĻŽāύā§āϰāĻžāĻāϤ⧠āĻšāĻŦā§ āĻĄāĻŋāĻāĻžāĻāύā§āϰ āϏāĻžāĻĨā§ company āĻāϰ āĻŽā§āϞ āĻĒāϰāĻŋāϏā§āĻŦāĻž āĻĒā§āϰāĻāĻžāĻļ āĻāϰāĻžāĻ āĻāĻāĻāύ UX āĻĄāĻŋāĻāĻžāĻāύāĻžāϰā§āϰ āĻāĻžāĻāĨ¤
- āĻ
āύāĻŋāĻŽ āĻāϏāϞāĻžāĻŽ
Source and learn more from https://medium.com/