Who Designed the BEST Responsive Card?

bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off)
bit.ly/3yIAglK 👈 Watch the full UI/UX playlist.
-- Today, we're reviewing some of the entries from yesterday's more advanced responsive design challenge. Tomorrow, we're going to hop into a new area of UI/UX design, so stick around!
Let's get started!
#uidesign #uiux
- - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesi...
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

Tomorrow, we'll focus on FORM design! Wooooo, along with a new challenge of course. bit.ly/3yIAglK 👈 Watch the full UI/UX playlist here!

[@ob5804]

None of my homework was considered and I don’t understand why.. ((Regarding the form, will we make it really adaptive, unlike what we did before with the ticket and with the page (changing their places)?)

[@ob5804]

I wanted to send 2 pictures of the design (there are lines) so that you can tell me what the problem is, how can I send them to you??

[@Dero02]

What everyone seems to have missed is considering the data format. "Gary Simon Jr." is a short name. Most of those designs will have a hard time accommodating long names making the designs basically useless in real production setting without explicitly defining how very short, very long or otherwise edge case names should be rendered.

[@mithubk04]

Exactly, I often think the same. But how can we solve this problem? Do you have any ideas on how to design in a way that accommodates such cases? Also, how do you ensure that the design remains aesthetically pleasing and functional across different scenarios?

[@Dero02]

@@mithubk04 Disclaimer: I'm not a designer. But I'd probably just download a dataset of real international names and then found out what the 1st, 50th and 99th percentile is when it comes to name length. I would then present my designs using those three names and just make sure even longer (or shorter) names still render legibly, even if aesthetical value is impacted.

[@rickymaulana5080]

Thank you for reviewing my design. I'll be giving more attention to spacing next time 😅 Can't wait for the next challenge. And also thank you for the thumbs up 🎉

[@MR2U2B]

Love this series! Great stuff!

[@hihi9674]

I had a few concerns, the font size of the name should be the same as all the rest. No need for hierarchy in this particular case, as some people have long names and using a bigger font for the name would not be a good idea. Also the directions, mentioning "The QR code to the RIGHT" should probably be changed, since in mobile view, the QR code is no longer to the right of the text. I did like the way Mayur Mahajan placed the QR code at the top of the screen. Also did not agree with changing the order of the fields once in tablet view, eg. DOB was now after ticket number, etc. Development probably would not appreciate that. I made sure to code it in bootstrap to see how the process would play out once development got it. Good fun nonetheless. Keep em coming!

[@lifediscoverworldwide4474]

Thank you for the review, we're learning by the say.

[@nirmalrohit]

No changes 🎉 Thanks for review

[@EnglishRain]

I like this viewer challenges

[@dangaliciareviewerph4180]

First comment! I'm always watching your vids and catching up since day 1.

[@notpowder5831]

will you do table data challenge?

[@CodeCrafte_r]

Why you not upload the videos related coding?

[@SmileyJack.]

Now make it fit on a watch

[@DesignCourse]

Absolutely.... not!!!

[@notpowder5831]

watches' screens must be expandable

[@shamanthsharath7817]

Ohah! I designed it more accurately spending time on maintain the distinct ratios 📐📏of the font and gap or white space in between. I submitted the design in discord server on time. Even then my design is not reviewed. 😑😭

[@chrisowemz]

Nice reviews. What happened to our sub up ending 😅😅

[@DesignCourse]

sub up pending? I'm being slow, huh?

[@AshishArpanDadhara]

Okay🎉

[@fallegan1664]

Why sujoy again, not me :/

[@DesignCourse]

It's 100% random. I pay no attention to who submits. I do look at all submissions and choose them based on the designs I already reviewed.

[@MuratKarakus-to4tr]

In my honest opinion, for 30 days of UX UI, you should have gone for a complete web or mobile project instead of seperate content and review stuff. Designing an imaginary product would have been much more helpful for many of us I think. Amazing effort nevertheless, thank you.

[@DesignCourse]

I'm continually using 3 different projects or so that I've covered already in this series. It's better to have diversity/variety imo in styles, rather than sticking with just 1 type of layout.

[@MuratKarakus-to4tr]

@@DesignCourse then its my. mybad to judge your process, thats amazing, thank you

[@cosminrus6571]

ricky's version I think is much better

[@csorshikh]

No review Orshikh S @orshikh_UI