4

Learn from Google’s coolest UX design animation ever

 3 years ago
source link: https://uxplanet.org/learn-from-googles-coolest-ux-design-animation-ever-b99e2857bdb8
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Learn from Google’s coolest UX design animation ever

Have you ever wondered what would Google’s most staple material guide look like in 3D? The answer is probably the coolest UX animation showcase you will find out there, even in 2021.

Design team oddfellowstv has built a new 3D visual identity to evolve and “live alongside Google’s privacy policy” products.

What is Google’s Advanced Protection Program?

This video above is not the first UX animation showcase they have made for Google, but I want to highlight this video around “how Advanced Protection works” because I think it is one of their best works yet.

After watching the video, you understand “how Google can help keep your information safe.” even though information safety is a complex problem space, and the video is extremely short. The UX animation showcase is able to succeed because it tells a good story.

To tell a good story two things are usually the most important: be on point, and be creative. Most marketing or design videos successfully do one, but rarely do they do both.

That is why this 3D mock-up showcase by oddfellowstv is such inspiring. Not only are the 3D visuals attention-grabbing, playful, creative, and unique, they are still very recognizable to anyone familiar with Google’s MG. Playing off this familiarity and interest from the viewers, oddfellowstv leverages these 3D interactions and visuals to do a better job than traditional UX animations to communicate more clearly the story and use case of their client(google’s) privacy product.

What’s the big takeaway? I believe as a designer, you must be a good storyteller. Balance creativity and familiarity to push for really unique and powerful visuals that instantly catch anyone’s attention.

Once you have their attention continue leveraging your animation and interaction design to clearly communicate the purpose and use cases of your products. Always make sure that your creativity and visuals do not get in the way of storytelling, but serves to elevate it higher.

These are principles you can easily put into practice today.

Take a look at a UX animation showcase for an all-student-run project I led almost three years ago.

Even with my knowledge and skillset at the time, we were able to use inspiring visuals and animations to help us communicate our use case more clearly and tell a story from start to finish.

Feel free to watch the video here.

Final thoughts to consider before you create your next UX showcase video. Give your whole UX showcase video a lot of thought.
For example, one consideration to be aware of: Many video viewers won't have audio available due to autoplay or other reasons. How would you communicate your ideas to users or viewers clearly then? (This is something even the Google UX animation I just showed you could improve upon)

An easy solution could be subtitled like what I have done above, but try challenging yourself to be more creative or at least acknowledge that this is something that might impact your UX animation showcase and the experience of your viewer.

Just another disclaimer, I do not own any of the above Google privacy product content. I am merely a big design nerd sharing my love for our industry.

Please check out the original wickedly talented creators over at: https://oddfellows.tv

Thanks for reading, my name is Leon and I’m always happy to chat! Feel free to connect with me on LinkedIn or join our ever-growing design discord.

If you are looking for job opportunities, mentorship, or career advice, we have an active community with hundreds of verified interns, mentors, and professionals from big techs like Amazon, Google, Facebook, Apple, etc. We also highly encourage students to join! In our discord, students come from all sorts of majors across American campuses. (Yes, we also have lots of amazing Bootcamp grads) Everyone is welcome.

So if you want to learn more about design and use some of our resources, feel free to join here!


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK