Creative / Development Inspiration 46
So much has happened this week in web! Here is a great overview on UX animation, Lyft has created a colour palette tool. A brilliant article on why select boxes might not be the best option for users, and what to do with user mistake? All this and more on this weeks website design rundown.
Website Inspiration
Tubik Studio
A digital design agency based in Ukraine, this website is so smooth. The animation of information entering the page, as well as the use of 3D animation on the home banner made me a massive fan. Easy to find information laid out effectively.
Stripe
This is a well known company, but god damn I love this website. Designed so that the user can get to where they need, as quickly as possible, and so pretty at the same time! Subtle animations across the website add that little bit extra.
Designer Resources, Examples and Inspiration
The Ultimate Guide to Proper Use of Animation in UX
The main principles and rules for animation in UX, laid out in a single succinct article.
https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9
Color Box
A tool designed by Lyft, to help select a colour range from two colours. Pick the way the colours are picked, and output the HEX codes.
User Experience: How to Design Onboarding for Your Mobile App
How to create an attractive, and effective onboarding process for your mobile app. It’s a pretty article as well!
https://icons8.com/articles/ux-design-onboarding-mobile-app/
Development Snippets, Samples, and Articles
Yubaba – React Element to Element Animator
A easy to use React package to animate between elements.
https://github.com/madou/yubaba
Stop Using Select Menus for Known User Input
If a user knows what option they want from the select input, maybe you shouldn’t use a select input…
http://uxmovement.com/forms/stop-using-select-menus-for-known-user-input/
Vapid
Vapid is an intentionally simple content management system built on the idea that you can create a custom dashboard without ever leaving the HTML.
A bit of everything
Using Lorem Ipsum? Don’t! Just do this instead
“Eating our own Dogfood” is now a commonplace phrase and philosophy for using the products you create so you can better experience those same products through the eyes of a real consumer. Stop using fake content, and your designs might just get better!
https://medium.com/the-set-list/lorem-ipsum-generator-skip-it-do-this-instead-944124e754dc
What is the Design Sprint?
There are many different methodologies that help designers be more productive and efficient. One of the most popular frameworks that’s heavily focused on teamwork and collaboration with the client is the Design Sprint.
https://phase.com/magazine/whats-the-design-sprint-2-0/
6 Ways to Speed up Slow Clients
Frustrated with your client? Beginning to wish you’d never taken this job on in the first place? Do you just need some feedback so that you can move forward?
https://www.webdesignerdepot.com/2018/09/6-ways-to-speed-up-slow-clients/
What To Do With User Mistakes
How should you manage user mistakes? This article covers the common practices and points you in the right direction
https://uxdesign.cc/what-to-do-with-user-mistakes-305d084ae1f9