Designing Mobile-Optimized Versions of Desktop Components

·

What do people think of a component like this once it's in mobile? I love the desktop version but less sure how I'd make this as cool or usable on mobile, other than maybe making it into an accordion https://www.relume.io/preview?cid=uncommon-components-part-3/section_portfolio22

· Sorted by Oldest

Matt J.
·
·
Lucian C. yeah accordion was my first thought as well. But I also wonder if at this point on mobile, if you wouldn't just put the image below the text and above the line for each one or? I mean it makes that section like 20x longer for sure but on mobile its not hard to scroll, so it feels like a decent trade off. It also depends on what the information is within these tabs. If its important, I wouldn't want to bury it on mobile. Whereas on desktop, its easier to just click around, if that makes sense?
Lucian C.
·
·
Yeah good point Matt! The application was just going to be 4 x title + description + image, so actually I could just make it all displayed and scrollable with the titles and descripion - like scrolling Instagram!
Matt J.
·
·
nice

Matt J.
·
·
Lucian C. yeah accordion was my first thought as well. But I also wonder if at this point on mobile, if you wouldn't just put the image below the text and above the line for each one or? I mean it makes that section like 20x longer for sure but on mobile its not hard to scroll, so it feels like a decent trade off. It also depends on what the information is within these tabs. If its important, I wouldn't want to bury it on mobile. Whereas on desktop, its easier to just click around, if that makes sense?
Lucian C.
·
·
Yeah good point Matt! The application was just going to be 4 x title + description + image, so actually I could just make it all displayed and scrollable with the titles and descripion - like scrolling Instagram!
Matt J.
·
·
nice