Responsive vs. Adaptive vs. Fluid Design: What's the Difference?

Believe me when I say that there was a time when we as designers only had to consider only the screen resolution of desktop computers when designing digital products.

Nowadays with all kinds of wearables, smartphones, laptops, tablets and other tech, our job has become much more complicated.

So, How can we ensure scalability and adaptability of our interfaces?

Watch more of my videos related to UX and UI Design:

Disclamer:
Some of the above are affiliate links—I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator!

#uxdesign #userexperience #productdesign #ux #uxtutorial #ui #uidesign

[KerevDesign]

Look out for practical video about making responsive interfaces, I will try to release it ASAP! In the meantime check out my channel and subscribe if you find my content useful! :)

[normanvalenzuela]

Dude I’m so happy I came across your channel. Your content is compact and very well thought out.

[Kiskeyainmyheart]

Thank you for this video! Looking forward to the next one

[benjamingross]

this was pretty good, but you might better differentiate this by increasing/decreasing the size of a window to show ppl (vs static diagrams). Responsive entails dynamic incremental reflowing, while adaptive will sort of "pop" into the different pre-designed layouts. Sometimes they can be mixed too!

[sebastianjuara]

your videos are amazing thank you so much for sharing

[gulnara]

Thank you very much for such informative video))

[digaolevita]

seus videos são muito didáticos, gostei muito... very lykes

[chaitanyavamsi]

is there a combination of responsive layout and adaptive design say for example the site itself is responsive on a higher level but the components/assets vary with each breaking point...say the site is responsive on a higher level/works like adaptive for 3 primary break points web, tablet, mobile/ again the site is responsive in between those 3 individual breakpoints/ say it breaks into mobile view, the components are now optimised for mobile version just like adaptive design but the site behaves responsive in-order to scale for all the mobile sizes....so the point is to avoid designing for 6 breakpoints when going with adaptive design but instead design for only 3 breakpoints making it a combination of responsive and adaptive design...is it possible? I couldn't put together my doubt properly, but if you understood this...can you please answer this?

[thMidnight]

At 0:34 there is a whirl made of lines, like a pattern. Anyone know where I can find patterns like this? Or that one?