MACASPAC @learningwithleanne - Tumblr Blog

Play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

(via Animista)

“Each step of that journey represents an opportunity: either an opportunity to leave it up to the user to figure things out on their own (which risks losing them), or an opportunity for us to be helpful (which builds loyalty and earns their ongoing engagement).”

#ux #user experience #design #product design #product management #learning

(via Mobile-First Is Just Not Good Enough: Meet Journey-Driven Design – Smashing Magazine)

Journey-driven design: Good design doesn’t force users to pick up the device that we designers want them to pick up; good design gives users the best of what a company has to offer on the device that the user wants to use at that point in their journey.

They found that designing with the constraints of small screens helps us to prioritize content, which leads to a better experience for the end user.

no one intended mobile-first to mean mobile-only

What makes journey-first design more effective than mobile-first is that we are looking at the process holistically. Journey-first provides context, a necessary element of today’s design

Have I designed for the most critical device? What other devices might come into play here? What is the context for this interaction? Where will my user physically be?

#user experience #design #journey map #user journey #ux

Calltoidea: Inspiration categorized by UI elements

#resources #ui #ux #user interface #user experience #design #web design

ColorMe - Visualize The CSS Color Function

#resources #colour #css

Intro to the 8-Point Grid System – Built to Adapt – Medium

#resources #grid #grid system #user interface #spacing #8 point

(via The Kama Sutra Project — A-Z)

#inspiration #illustration #design

motion graphics library for the web

Mo.js: Motion Graphics Library for the web

#resources #javascript #js #design #web #experiment #web design #user interface #animation #interaction

The new home for charts and data, powered by Quartz.

Atlas: charts and data galore.

#chart #infographic #resources

Tipping Media

#inspiration #link #a href #design #user experience #user interface #hyperlink #ui #ux #ui/ux #merriweather #franklin gothic

Portfolio: Yasuhiro Yokota

#inspiration #navigation #fixed elements #Stevie Sans #typography #color #design #user experience #user interface #portfolio

New to Framer? Just 3 Things to Get You Started – Framer Design – Medium

#framer #prototyping #user experience #ux #resources

Framer.js for people who think things like Framer.js are weird and hard – Framer Design – Medium

#framer #resources #design #user experience #ux #prototyping

In this Rapid Prototyping with Framer training course, expert author Kenny Chen will teach you how to create your own interactive prototypes with Framer. This course is designed for the absolute beginner, meaning no experience with Framer is...

In this Rapid Prototyping with Framer training course, expert author Kenny Chen will teach you how to create your own interactive prototypes with Framer. This course is designed for the absolute beginner, meaning no experience with Framer is required.

#framer #resources #prototyping #design #user experience #ux

(UZUZ)

#inspiration #button #animation #navigation #mobile menu #fullscreen #menu #japan #din #typography #microinteraction

(via Red Collar digital agency)

#inspiration #typography #stem #design #user experience #user interface #interactivity #interaction #animation #layer #mchc #line #outline button #overlay #parallax #video #big type #navigation

(via Nicolas Lanthemann - Vanderlanth - Porfolio)

#inspiration #full width button #design #user experience #user interface #ui/ux #ui #ux #web design #line #grid #interaction #animation #material design

Trending Blogs

Recently Viewed Blogs

MACASPAC