This Video Will Take You From Junior to Senior UX/UI Designer

[@favour5442]

Every one forgets the developer who has to go through this dilemma

[@uxpeak]

Absolutely! Developers really do have their own unique challenges with these decisions and we have a lot of respect for what you do! Thanks for bringing that up! 😊

[@GeoGuyz]

@@uxpeak Yeah its giving me headaches to think How Would I implement those .Its not difficult it just takes time

[@uxpeak]

@@GeoGuyz GThink of it this way: you’ll have the opportunity to tackle an exciting challenge, create meaningful solutions for your users, and enjoy the satisfaction of making a real impact! ☺😺

[@ullasjs7394]

im a Front end developer. i do think the designs are key in a project. as developer it does make me worry if can make it work exactly how the design is actually made for and smoothly works.

[@vince2nd]

That's the first thing I thought when I looked at these, nice figma designs.. but the amount of code to be written just to get that animating 💀

[@nishantsaxena7099]

Option C is the most usable and interactive version. Reason : 1. All the probable options are available upfront for emily. 2. Selected state is prominent. 3. Feedback and suggestions are also provided after selecting the type of the sleep in the form of emojis. In option B, all the options are not visible in the first swipe which increases the cognitive load. Option A is also a very nice option being very minimal and to the point. Option D again increases the cognitive load where Emily will only get feedback after making her choice based on hours.

[@uxpeak]

Thank you for such a detailed and thoughtful analysis! 😊 Your breakdown of Option C's usability and feedback mechanism is spot on. It’s great to see how you’ve considered the cognitive load and user experience for Emily-this is exactly the kind of insight that makes discussions like these so valuable!

[@harryviennot5114]

Reachability is also great in option C !

[@bouraslife]

Would C opt to leave no button selected upon loading and (require) users to select one, then submit - as opposed to having an option filled out in advance Great video!

[@SappPictures]

Great info

[@matthewroybal3760]

Toss up between option B and C. I like the visuals of seeing each emoji option on the screen and it’s not a boring vertical list

[@uxpeak]

Thanks for sharing your thoughts! 😊 It’s great to hear you’re liking both B and C-the visuals and emojis definitely make it more fun and less like a boring list. Glad it stands out to you!

[@TerrorIsEvil]

Hey, I also think the same. Nice to know that.

[@ggsap]

@@uxpeak chatgpt slop lol

[@bethanybarylski]

Agree. Visually seeing all options to know what drew my eye.

[@khanra17]

Most other channels talk about just the theory, but this channel does so with examples that are super beautiful & amazing 😍

[@uxpeak]

Yes, that’s exactly what we’re about! 🙌 We aim to go beyond theory with beautiful, practical examples. So glad you noticed-thank you for the support!

[@Mr.Shashikant]

I loved the D option most. Here's why- In the others the user hesitate to choose a lower sleep number by seeing the emoji but in the last one, you are telling at last about how you rated it. It gives the user clear perception.

[@uxpeak]

We really appreciate your detailed feedback! 👍 You’re absolutely right-D brings clarity and helps users make better decisions. Thanks for sharing!

[@Mr.Shashikant]

@@uxpeak It's my pleasure 🤗

[@tontonluston]

And as a plus from the dev team, yeah, this design seems doable

[@Mr.Shashikant]

@@tontonluston Yeah 🙌

[@Gamblingwmylife]

@@tontonlustonEverything is doable

[@ahmedmohmed6407]

option C encourages the immediate feed back trait more than any one and highly reusable as well

[@uxpeak]

Great observation! 😊 Option C’s immediate feedback trait definitely makes it stand out, and its reusability is such a bonus. Thanks for sharing your thoughts!

[@tamasbrenyo1348]

Man, finally a perfect video about ux. No BS, no hidden ads, focuses on the topic, very informative, entertaining, educative, visually pleasing, easy to follow, motivates to want to learn more. Well done. Oh, yeah B+C for me :)

[@uxpeak]

Wow, thank you for such an amazing comment! So glad you found the video informative and motivating. B+C is an interesting combo-great picks! 🙌

[@VitaliyKashtanov]

Hello! If we are talking about UI/UX design, then even the initial version is good, since it solves the problem. Then it is up to the emotional designer, this is a slightly different specialty. And so all the options are good. But from the point of view of UI, I would remove the radio buttons and highlight them differently. But the most important thing I would like to say is that from junior to senior it is necessary not only to make UI better or add more emotions, but it is necessary to provide for all corner cases. For example, here is the situation with sleep, but the user can sleep for 10 hours and feel terrible when waking up. But the interface does not separate the amount of sleep from the quality. In such situation, the user will have a happy emoji on the screen, but the internal state of the user will not match to this. This can anger the user. Such case can be called "not user friendly". Also, regarding option B, some users may not understand that there are 5 options, not 4, since only 4 options fit on the screen and someone will definitely think that these are all the available options. But overall, a good video, thank you

[@uxpeak]

Thank you for the thoughtful and detailed insights! 🙏 You're absolutely right about considering corner cases and aligning UI feedback with the user's real experiences-it's crucial for creating truly user-friendly designs. Your point about clarity in options and ensuring users see all choices is spot on too. Appreciate the feedback and your expertise-it adds so much value to the discussion! 🙌

[@k-yo]

Now that's some thoughtful consideration that is not thinking only of shining moving sparkles ✨

[@sinasep]

I just opened the comments section and noticed that uxpeak tried to answer all the comments. Even the ones with a bad tone. This is really admirable.

[@uxpeak]

Thank you for noticing :) We extremely value your feedback, so want to make sure you heard :) And also means a lot to have your support!

[@uxpeak]

Thank you all for the incredible support and love for this video! ❤ You truly are the best community! If you have any wishest for the next video, feel free to share them in the comments 😊

[@dominikd9436]

I want part 2 of this! ❤ your videos are the best.

[@EkpereOnyinyechi]

Great videos. Please make a video on How does one mirror figma prototyping

[@LokiDaFerret]

You are making a HUGE assumption that your user knows how to swipe. I write software for aged care. My users barely know how to run a computer and are hopeless on a mobile device. Therefore simplicity is king. So large fonts, lots of spacing and very good contrast are important in my world to ensure I don't loose them.

[@uxpeak]

It's all about understanding your target audience. Knowing who they are is key, as your designs should cater specifically to their needs and preferences. Designing for an audience aged 60+ is a completely different challenge compared to designing for those aged 20-35, as their expectations, abilities, and preferences vary significantly.

[@BS-gr3bi]

I think checkmark icon should never be used for radio button, because they are used for checkboxes for multiple selection, radio button is only one choice always, so user should not be confused with that.

[@uxpeak]

hat’s a great point! Using checkboxes for multiple selections and radio buttons for single selections is key to avoiding user confusion. Appreciate your keen observation! 😊

[@Semmelstulle]

Modern design is killing this rule, sadly. Even Apple and Google now use rounded boxes with checkmarks in them for both radio buttons and multi selections. Apple does this in VisionOS for example.

[@sokiuwu]

Just a little thing that can sometimes make your UI feel less awkward to use: People in countries where you read from top left to bottom right expect smaller values to be on the left, so putting ≤ 4 hrs would feel better on the left and ≥ 8 hrs on the right. Think about a timeline, or a number line. Past is on the left, future on the right, smaller numbers are on the left and grow as you go right - that's at least if you're from a country/culture where you read from left to right. One more funny thing is that if you ask someone to draw two poeple doing something, for example "Draw Adam giving a flower to Emily." - people who read from left to right will draw Adam on the left and Emily on the right.

[@uxpeak]

Such an insightful observation! Cultural nuances like this can truly elevate the usability of a UI. It’s fascinating how small design details, like aligning values with reading direction, can make a big difference. Thanks for sharing this example-it’s a great reminder to consider context when designing! 👍

[@noahanan1838]

Usually designs for other language directions get a custom stylesheet where what you described and much more is corrected for them. It should not be an issue when presenting the concept.

[@TahiraAhamad]

this is one of the best channel for ui ux designers .. bring more such videos

[@uxpeak]

Wow, thank you! 😊 It means so much to hear that. We’ll definitely bring more videos like this!

[@Jonayed_M_Khan]

This channel is a gem for ui ux learners, glad I found this channel learned so many things

[@uxpeak]

That's wonderful to hear! So glad the channel has been helpful for your learning journey. Welcome aboard! 🚀"

[@dominikd9436]

Amazing video. I love ti so much, was looking for this one long time. The option B does look the best to me! You've done incredible job. I learned more from this video than from my design uni. Thank you!

[@uxpeak]

Thank you so much :)

[@NareshBabu]

You should consider creating a course on designing these stunning videos. I absolutely love the seamless transitions and the overall quality. You got a paid customer - Keep coming the fantastic work!

[@michaelodesanmi1258]

This is by far the most educative youtube video I've seen on ux/ui. I can tell how much hardwork goes into making this. Thanks so much!

[@uxpeak]

wow, thank you very much 😊 Your support means a lot! More awesome stuff coming soon.

[@Rafid_Anmon]

@designpilot

[@LenIk2598]

Wow. This video is next level. Already purchased the playbook and love it. Keep up the great work.

[@uxpeak]

Thank you so much! 🙌 We're thrilled you found the video next level and that you're loving the playbook. Your support means a lot-stay tuned for more amazing content!

[@lenkakocisova133]

Best UX/UI Design video ever 😍 Thank you so much

[@uxpeak]

🥰

[@susantpradhan4861]

Option C is great, Because the page is completely looks filled and there is no negative space around. and user can easy tap a single instead of dragging

[@uxpeak]

Great choice! :) Thank you for sharing

[@rohrakhushi]

Appreciate such great and competent content, sir❣ For the sleep tracker app, I loved the third option for the following reasons: 1. When the user clicks on their choice, the click demonstrates a dynamicity as the clicked symbol enlarges and get encapsulated in a circular rectangle. 2. The same symbol gets highlighted in the centre capturing attention and making the user feel as their input has been acknowledged 3.The design is very clean and proper placement encourages interest

[@uxpeak]

Thank you for such a detailed and thoughtful breakdown! 🙌 I'm glad you appreciated the dynamics and attention to user interaction in the third option. 😊

[@shakirahmed5868]

This is type of contents I've been searching for long. The quality is really mind blowing. Thanks for all the efforts.

[@uxpeak]

Glad you enjoy it! 😊

[@itsparidhisingh]

I prefer Option C (all the sleep options are visible, fun & engaging, also easy to use and texts are showing less cognitive load than opt D)

[@uxpeak]

Thanks for sharing your thoughts! 😊 Option C does have a great balance of visibility, fun, and usability. It’s awesome to see how you’ve analyzed the cognitive load too-great feedback!

[@SatyamBarnwal090]

really glad that I found an incredible yt channel today. This one video taught me something really amazing , thanks a lot. Keep creating these amazing videos. ❤❤

[@uxpeak]

Thank you, Satyam! That means a lot to us. 😊 Thrilled that you found the video helpful-more amazing content coming your way soon! 🚀💜

[@1weiho]

This video is full of incredible animated details. Thank you very much for your carefully crafted tutorial. 😍

[@uxpeak]

You're very welcome! 😊 I'm so glad you appreciated the details - it makes the effort worth it! Thanks for watching!

[@snaokel]

I would say that option C feels best to me. I know that the slider in D seems like a good idea, but I can see how some people might not understand the interaction and the right to left swipe on a straight line is not natural. But C is intuitive and puts the input response central in the design and is very symmetrical (easy on the eyes). Thank you for the video, well done!

[@uxpeak]

Option C is definitely intuitive and user-friendly! Symmetry and straightforward interaction can go a long way. Thanks for sharing your perspective! 😊

[@zahid-n8p]

Option "C", Emoji selection & encouraging feedback

[@uxpeak]

Option C does bring that interactive and engaging vibe! 👍 Thanks for pointing it out

[@Jarnokes_Design]

My personal favorite is option D here's why: - The Emoji changing as you move the slider gives you a sense of fulfillment because you want you want to have the slider maxed out - I love that it compares your previous results to your current it can make the user motivated to keep going for better sleep and seeing your progress help alot with that. - The slider also helps users better rate theyre own sleep because if its full it was a great night an if its empty it was bad so they can more clearly reflect on the nights rest These were my opinions as a junior designer great video!

[@uxpeak]

Great choice! 🙌 Option D really does offer that sense of achievement. The emoji slider makes it fun and interactive, and seeing your progress is definitely motivating! Thanks for sharing your thoughts!

[@mohitashliya8750]

Option D is more intuitive and cleaner also reducing the more text elements

[@uxpeak]

Option D truly does streamline the design by reducing text elements while maintaining clarity. Great choice!

[@AkshatMewada-l3h]

Amazing work man, I really appreciate the efforts you put in making design as well as this video. But in real world, in industry when we are designing for our client, specifically in service IT industry, in that scenario we need to keep eye on multiple factors, for example the option A is fantastic for client who worried about budget and time, because that will make design and development both faster, as well as I can say option A is fully accessible except the title is not personalised. Option B seems very time consuming from the developer, second we may face motor accessibility issue because it includes sliding. Option 4 again, looks clean and less time consuming from the development point of view, but it also includes slider, so we may face motor accessibility issue. For me Option C is the best option, it is balanced in all way, because it has intuitive and attractive design, as well as clean and engaging, development time will not be that much and from the accessibility also it will work fine. I choose Option C

[@MuhammadQasim-bu8lc]

That's amazing UX redesign short video. I really love this. Thanks for your effort for us. ❤❤

[@uxpeak]

Thank you for the kind words! So happy you enjoyed the redesign-it’s always a pleasure to create meaningful content. ❤️

[@garyvoigt321]

This is a GREAT video. Every one of these tips/lessons are helpful. Thank you. 😊

[@uxpeak]

Glad it was helpful! 😊

[@md.nuruzzamanpranto5320]

This video showed up many times in my KZbin feed and I ignored it. But after getting frustration and stress I thought to take a look on it, after watching the entire video, I feel it's worth watching. Many thanks to uxpeak.

[@uxpeak]

Really appreciate you giving the video a chance! 😊 So glad it felt worth your time and could help-your support means a lot to us at uxpeak!

[@jafar1607]

That third slide design is for those designers who hate the developer so bad .... Lol😂

[@uxpeak]

It's about the users! ❤️ Don't you love challenge? :)

[@jafar1607]

@uxpeak it's easy for somebody who use figma , but to make it work on a real screen, nightmare. I would prefer making design more user friendly by opting the correct components from good libraries like material ...

[@uxpeak]

@@jafar1607 That’s a great point! Using components from established systems like Material Design ensures usability and consistency, but here’s the challenge-if your app looks and works just like four others using the same system, what makes it stand out other than the brand? This video isn’t just about user-friendliness; it’s about going beyond-creating something that’s not only functional but also engaging, delightful, and visually unique. The goal is to design an experience that users love and remember, not just one that ‘works’ like four others 😊 Nevertheless, you do have a point :)

[@jafar1607]

@uxpeak the video is really good. My point was, if we had videos that shows the same technique to make designs better by using these kinda of libraries, many devs would appreciate.

[@anwashsaleem1]

Absolutely incredible! I've never seen a video like this before! 🤩🔥

[@uxpeak]

Thank you so much! 😍🔥 Hearing that it’s unique makes all the effort worth it. So glad you enjoyed it!

[@mukundgaikwad]

I love it! I find option C to be more appealing and interactive.

[@uxpeak]

Thank you! 😊 We’re so glad you loved it and found option C to be more appealing and interactive. Your feedback means a lot to us! 🥳

[@kavyasundaran631]

option C is great so emily could literally make think her sleep schedule should be taken care

[@uxpeak]

Love that perspective! Making users feel cared for is such an important part of great design. ❤️

[@hamodeemohammed1339]

D is more engaging and shows progress, which adds to the overall user experience. I think that it is easy for developers to create as well which again means that it suits better than the others

[@uxpeak]

Thanks for sharing your thoughts! 😊 I’m glad you found D engaging and that it adds to the experience. 🙌 It’s awesome that you noticed how easy it is for developers to work with too!

[@CaseStudyQB]

I like option C because of the feed back from the night before. GREAT JOB! I enjoyed this video and just found this channel today.

[@SqueakyPhilosopher]

This channel is awesome! Keep going ❤

[@uxpeak]

Thank you so much! ❤️ Your support means a lot. We'll keep bringing more awesome content!

[@dhiiraj4ux]

I think option 2 was more intuitive, and at the same time, it looks so beautiful and engaging

[@uxpeak]

Yeah, it's really good one! :) Great choice

[@ishaan_s909]

I loved the option D as it has lesser clutter on the screen and as the slider progresses the micro-interaction engages the user. Just one small feedback option B and C also looks good but in that highest feedback is kept on left which behaviour is different from standard. As the user progress from left to right delights should increase.

[@Miss_ana0107]

In my opinion, the worst option is B. The screen looks messy, and one emoji/reaction is always out of view (it does not appear within the screen's field of view). The best options are C and D. Clear screen and commands. Although the "C" option can be a bit confusing because it resembles the elements of a weather forecast app.

[@uxpeak]

Thank you for your detailed feedback! 😊 It’s interesting how C and D stand out for you with their clarity, and I see what you mean about C having a weather app vibe. Your perspective is super valuable-thanks for sharing!

[@han-wenchen328]

The option C is my favourite! A is easy to understand, B is more fun but probably for everyone and D is very sweet but I think for me it's a bit over the top. These are just based on my personal feeling, but really appreciate making this video, very helpful!

[@uxpeak]

C is a great choice! It’s always fun seeing which option resonates most. 😊 Thanks for your kind words!

[@AnnaMarkiewiczPhotography]

Videos like this are extremely helpful when I'm trying to enhance my UI skills. Thank you so much for going into detail as to WHY you made those changes and those potential design or UX principles. Please make more!

[@uxpeak]

I’m so glad you found the details and principles useful! Your feedback inspires us to create more-thank you! 😊

[@rodneyjacolo2760]

Option D for me. The emoji was a perfect focal point! The slider progression peaks up to a crescendo which would inspire me working on my sleep-go for the pair o' hearts!

[@uxpeak]

Thanks for sharing!! 😊

[@KunalSaini-o8x]

I must say, Option C is the one I would prefer due to its fun and intuitive nature and the clarity of the design.

[@rahuln917]

I feel option D is the best because of ease of interaction. It kind of also makes it more fun to see the emojis change with the slider movements

[@uxpeak]

Option D definitely adds that fun and interactive element-totally agree! Glad you enjoyed it. 😊

[@sushantshidore5713]

Option A works the best for me. It gives all required information right away to make a good decision. Also, the placement of controls is just perfect.

[@uxpeak]

Great to hear that Option A works best for you! 👍 Clear information and well-placed controls are crucial for good UX. Thanks for your feedback!

[@anggermiftahuddin1858]

The quality of this video is insane!

[@uxpeak]

Thank you so much! Thrilled to hear you enjoyed the quality! 😊

[@mayankgupta9841]

God! this video is going straight into my top tier list

[@uxpeak]

Wow, thank you so much! That means a lot to us. So glad you found it helpful! 😊

[@clvrdesign628]

I like the last two designs, they are visually attractive and they all give direct feedback.

[@uxpeak]

Glad you liked those 😊

[@alyzak.8997]

This video made me enroll into your course! It was so good

[@uxpeak]

Oh, we are so happy to hear that you liked it :) We are sure you will like the course too :)

[@ifeanyichukwuofoma1706]

I like Option C best I love when negative space is used efficiently

[@uxpeak]

Great choice. Yeah, knowing how to use white space effectively is a great skill!

[@DesignInnovator1]

Liked and Subscribed

[@danielabindacz562]

I like option B because it stands out and it is also not too overload

[@uxpeak]

Option B really does strike a balance between simplicity and standout appeal-great choice! 😊

[@OliviaYA]

Thank you for your video! The content is amazing! Considering the ease of quick tapping and the need for a more intuitive way to view all options, I would choose option C and make some design improvements. Due to reading direction, I would reverse the order of the options and display only the duration without any emojis. Sleep duration and sleep quality are two different things. For example, I might sleep for 6 hours but feel great if my sleep quality is good. Linking sleep duration to emojis might confuse users, so I’d recommend either updating the icons or removing them altogether.

[@AdelAbuzhaideh]

Option B, the association with dawn/sunset - morning - sleep, fits in well with the meaning

[@uxpeak]

That's great, thank you for sharing :) ❤️

[@HiteshParmar-t9y]

I love the option 'B', more engaged and awesome animated UI design.. Keep up the best one....

[@uxpeak]

Thank you so much for your feedback! 😊 I'm glad you enjoyed option B and the animated UI design. We're always working on keeping things engaging, and it’s great to hear what works best for you! Stay tuned for more awesome content!

[@elprox1290]

I personally would say B since i love the idea of a circular slider and it feels so much more tactile than other alternatives

[@uxpeak]

Great pick, thank you for sharing! :) How did you like the video?

[@azamaturkinbaev7466]

I loved Option D 1. Sleep amount momentum change is great 2. Slider is the best way to interact IMO, cause it's associates with progress 3. No difficulties to implement for Developer. BTW i read a lot of comments that its hard to develop the design's in the video, however i don't see any difficulties in designs except B one. All other designs uses common UI components as i see. Maybe im mistaken

[@uxpeak]

Option D does have a great flow and progress feel to it. Thanks for your detailed thoughts! 👍

[@moxlofi]

Love the lesson I would definitely go with option C and take only the feedback in D of comparing sleep to last night's recorded sleep

[@uxpeak]

Glad you loved the lesson! 🙌 Combining option C with the feedback aspect of D is a thoughtful approach-it really brings together the best of both worlds. Thanks for sharing your perspective!

[@chrismrpepsi]

I probably missed some things but here are some 'take aways' in no particular order: 1. Personalization 2. Clarity & Simplicity 3. Visual Hierarchy 4. F pattern reading order 5. Good Feedback 6. Make it fun, intuitive and interactive 7. Minimize interaction count 8. Selection over manual input

[@momoduoladapo]

Option D is the best because it reduces the user's information overload and cognitive load.

[@uxpeak]

Thank you. Glad that you liked this one! 😊

[@gpelomundo]

My favorite one is definitely the last one. But 3-4 were veeeery good. I love the animations, love how easy it is to understand and to type in the data.

[@uxpeak]

Thank you! So happy you loved it! 🚀

[@shannonwalker6944]

This was a great and believable video. I am tired of over caffeinated hustlers telling me how I should mutate myself for money. You related your own experiences in developing from the inside out and I found this inspirational, relatable, and doable. Thanks.

[@uxpeak]

Thank you so much for your kind words! 🙏 It’s great to hear the video felt relatable and doable - that’s exactly the goal. Keep going, and remember, you've got this!

[@vladimirtchuiev2218]

Beside my inherit allergy for emojis, I think C is the readily useful one, but something like B or D is way better if you want to input float values to actually accurately reflect your number of sleep hours.

[@uxpeak]

Appreciate your input! 😊 C definitely strikes a balance for ease of use, but I see your point about B or D being better for precise inputs like float values. Designing for different needs is always a fun challenge-thanks for sharing your perspective!

[@emilywong3092]

This is such a good tutorial! my first time watching your video but I love it!

[@uxpeak]

Thank you! 😊 I'm thrilled you loved it, especially for your first video here. Hope you enjoy many more!

[@sandeepkumar-x3v9z]

Option C is the most user-friendly and interactive. Reason: 1. It eliminates negative space effectively. 2. From a UX perspective, it offers excellent user accessibility, allowing users to operate their phones with one hand easily.

[@uxpeak]

Thanks for sharing your thoughts, Sandeep! That's a great observation about negative space and one-handed use - both key aspects for a solid UX design. Appreciate your feedback!

[@iNene233]

Option B is amazing ! Also imagine the app in dark mode and some illustrations of the moon and stars in the background

[@KaileaHealth]

Love this ❤ Option C is the best

[@uxpeak]

Option C is great! :) Glad that you enjoyed it

[@yoftsh8242]

This opened my eyes fr!

[@uxpeak]

Wow, that’s amazing to hear! 🤩 So glad it resonated with you and made an impact!

[@solomonfesshaye6366]

Wow, great content keep it up. And thanks for your time.

[@uxpeak]

Thank you for your support. Very happy to hear that you liked it ❤

[@rynzuki]

my favorite is definitly option d, that said i think combining the round slide with the sleep hours and keeping the centered emoji form d would make for the best result in my personal opion. Greate Video :)

[@uxpeak]

That's a great pick! ❤️ Glad that you like the video! More exciting things coming soon!

[@UsamaHussain-e2k]

Awesome Video❤🎉 Really Informative.

[@uxpeak]

Thanks a lot 😊 Glad you liked it!

[@andrealiptakova9168]

Wow uxpeak. I love this video ❤❤❤❤. The option D is the best but I also love the option C.

[@uxpeak]

So sweet, thank you :)

[@sagarkhale7818]

Heyy I have just completed watching your first video, I find so amazing very informative for the beginner uiux designer. Thanks for the great content.

[@uxpeak]

Thank you so much for your kind words! Welcome to the UX/UI world-so glad you found the video helpful! 🙌

[@ldristt]

thanks a lot, learned a lot! ❤

[@uxpeak]

❤

[@rumble_bird]

Nowadays, as the screen on phones becomes bigger and bigger I really tend to set all my key interaction points on the bottom, for example currency selector, sleep slider, recent search all could be on the bottom to be able to select them without using non major hand.

[@uxpeak]

That's a good insight, thanks for sharing! 😊

[@fr_tian]

This channel is literally the peak, As a full-stack developer I loved this video and it taught me a lot! In my Mobile Dev Channel (That I'll start soon) I'm planning to make a video showing some of what I've learned in this and some other of your videos. Also, where you make those awesome animations?

[@uxpeak]

Wow, thank you for the kind words! Excited to see what you'll create on your Mobile Dev Channel! I use After Effects for animations-super versatile tool. Keep learning and sharing! ❤️

[@Supakupa]

2 and 4. It would be awesome if you use the swipe and have it vibrate while sliding and have the swipe lowered and put in the big emoji and details in from 4.

[@uxpeak]

That's awesome, thank you for sharing

[@Supakupa]

I’m impressed with the potential of combining the best elements from Designs 2 and 4. The visual clarity of the curved line from Design 2, coupled with the expressive big emojis from Design 4, creates a strong foundation for a user-centered experience. By simplifying the interaction and reducing cognitive load, we can significantly enhance user satisfaction. The potential for personalized insights based on user data is also exciting. This level of customization can lead to more effective sleep tracking and improved user outcomes. A well-executed design like this can truly make a difference in people’s lives by promoting better sleep habits and overall well-being.

[@Supakupa]

But I would get rid of the gradient of the swipe circle fill and maybe have the color stroke gradient or simple color. I also would maybe change the weight 2-4.

[@NazimXaspoladov]

I would prefer option C But.. Wow, such a good explanation. You made everything clear, showed the importance of ux. Subscribed!

[@uxpeak]

Thank you so much for subscribing! 🙌 So glad you found it helpful-your support means a lot! 😊

[@Muhammad-bibliophile]

I think C is much better, but adding a slide animation here can be more interactive and fun like the option B have.

[@uxpeak]

That's a good take, thank you 😊

[@sushantraiker]

thanks man, vids like these are super helpful

[@uxpeak]

Thanks so much! 🙌 We’re glad you find the videos super helpful. More like this are coming your way!

[@melinaingebrigtsen7755]

Section D, because of its interactiveness and because you cant see the other emojis so you dont feel like selecting the hours because you dont want to feel bad about what reactions(emojis) you get for feedback :)

[@uxpeak]

Nice, thank you for sharing your thoughts :)

[@OmegaMusicYT]

The problem with the slider design is that sliders require default values, whereas the previous example with horizontally arranged buttons with emojis can have all buttons deselected by default and the continue button greyed out. Uninformed default values are problematic because they carry the risk of the user hitting continue out of spite, just to get rid of the popup, and your app collecting the default value by omission. That's why option C is better in my opinion.

[@uxpeak]

You’ve raised an excellent point about default values and user behavior-it’s a critical consideration! Sliders do come with their challenges, and adding intuitive defaults or visual cues can make a big difference. Thanks for bringing this up! The C is a great choice.

[@stormyz_]

You should make the same video, but for beautiful youtube videos. It was so good to watch!

[@uxpeak]

We’re so flattered by your comment! 😊🎥 Thank you for the kind words and the great idea-it means a lot to us. Stay tuned for more!

[@jovannibasilisco6414]

We want more like this. Just so good!

[@uxpeak]

Oh, thanks! More coming soon! :)

[@Anushkai1]

It was so much valuable. Bring more videos like that. And thanak you

[@uxpeak]

Thank you! 👏 So glad you enjoyed it. We’ll keep working on more videos like this for you!

[@BijayRanjanPati]

Option C , as while having same functionality it looks the best. The designer does have option to use a bit of animation on the big emoji using RIVE or Lottiee to make this screen share more emotion. It's presentable & won't require much workforce or time to develop.

[@uxpeak]

That’s an excellent point! Great insight! 🔥

[@tabishahmed8037]

I just loved it, amazing practical UI/UX videos for beginners😍😍

[@uxpeak]

Thank you so much! 😍 We’re thrilled you found it helpful for beginners. More practical videos are definitely on the way!

[@user-qk1ix7sf4e]

I love upper section of option d and will prefer a little customized lower section (choosing options) and combine both

[@uxpeak]

Combining the upper section of option D with a customized lower section is such a creative take! That flexibility could really enhance the user experience. Thanks for sharing your thoughts! 👍

[@Monica-us1re]

Found this through Google blog suggestions. Thanks for sharing these design iterations-they gave me some ideas on how to approach and think about designing in a similar way.

[@uxpeak]

Glad you found value in the design iterations! Designing is all about refining approaches, so happy to hear it inspired you. 🙌

[@ItsMe-fj1co]

Very good video, thanks a lot!

[@uxpeak]

Thank you. Very glad to hear that you liked it! :)

[@uttamakwana]

I choose option C, as it looks more prominent than others and gave good feedback to the users compared to other

[@uxpeak]

Great choice! Option C does stand out with its prominence and feedback loop. Thanks for sharing your insight! 🙏

[@vkmng]

I like C option a bit more compared to D because of how selected option / button pops and elevates.

[@uxpeak]

Totally agree! The elevation effect in option C does add a nice touch-it feels more interactive and intuitive. 👍

[@akselsuokas6825]

Option B, but I would make it so that when scrolling from left to right, it automatically selects the middle one. This reduces the amount of clicks needed and makes it more playful to use.

[@uxpeak]

That’s an awesome idea! 😊 Making the middle option auto-select when scrolling would definitely make it smoother and more playful. Thanks for the suggestion!

[@OnlyCode-j4h]

THE OPTION C IS NICE CAUSE ITS EASIER TO NAVIGATE AND ALSO MUCH MORE USER APEALING

[@uxpeak]

Absolutely, Option C really makes things easier to navigate while being visually appealing. Thanks for your thoughts!

[@ネメシス-h1z]

Option C - but there is even more that a senior level designer would think about ! Scalability and localization. The title fits fine, but what happens when the name is Jennifer or something even longer? Its going to wrap to 3 or 4 lines. So still the UI has work to do. Then if translated, does the UI still work in german or other languages that may be longer in length?

[@uxpeak]

These are great points. As a Senior design you should think about scalability and localisation. This video wasn't intended to create a fully functional app or cover every possible edge case, but to give you some level of insight from a senior designer.

[@Pratyushz]

This was so helpful! Subscribed.

[@uxpeak]

Yay! Thank you!