The UX Design Process explained step by step with a mobile app project

Подписаться 165 тыс.

Просмотров 369 тыс.

50% 1

Thank you to reMarkable for partnering with me on this video! Click on my link to get your own reMarkable 2 paper tablet here: bit.ly/3IjX4r9
In this video, I explain what the UX Design Process is step by step using the Double Diamond process. To help you visualize how this process applies to a design project, I’ll be walking you through an example design prompt so that you can see how I go from initial ideation to hi fidelity mockups!
👀 Looking for a UX design bootcamp or course? Get $100 discount on DesignLab's UX Academy (designlab.pxf.io/c/1370620/18...)
👩🏻‍💻 Be my friend
➭ Instagram: / chunbuns
➭ TikTok: / chunbuns
🎓Design Bootcamps I recommend
➭ DesignLab (great courses at more affordable prices): designlab.pxf.io/c/1370620/18...
➭ Get $1000 off your Springboard UX Design course with code CHUNBUNSSB1000: www.springboard.com/
➭ Free visual UI course UXcel: uxcel.com/?ref=christinechun
🔨Tools and Desk Setup: www.liinks.co/chunbuns
🎵Music
➭ Epidemic sound’s free trial: www.epidemicsound.com/referra...
✌︎ Timestamps
0:00 Intro
0:19 Why process is important
0:32 Mobile app project prompt
1:38 Double Diamond Process
1:52 Step #1: Discover
2:49 Competitive audit
3:06 Step #2: Define
3:36 Feature Prioritization
4:06 Step #3: Develop
4:32 Sponsorship
5:18 Sketching wireframes
5:35 Step #4: Deliver
6:21 Final Product
✌︎ Business Inquiries
➭ hello@chunbuns.com
#uxdesignprocess #uxdesign #designprocess

Опубликовано:

4 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 179

@chunbuns 2 года назад

Sketch your own wireframes on the reMarkable 2 paper tablet! Click on this link to get your own: bit.ly/3IjX4r9

@allanchris6504 2 года назад

Item Detail page is Called as "PDP Design page". PDP stands for Product Design Page.

@cvoges12 2 года назад

Hey, a friend and I just wrote a program to screenshot on your remarkable. Would you like to try it out? We're wanting to get screen sharing to work in the future.

@imwilliambrito Год назад

Tnks

@ThemisadventuresofLu 2 года назад

The way you do sponsorships is so smooth. I’ve never once hit the skip button because you don’t interrupt the entire video with a sponsorship but rather have it casually in your video. You got me

@sushisamosa222 Год назад

Totally agree!!

@Decembersown21 2 года назад

u are the first social influencer whos even had me CONSIDER buying a product i had no intention of buying. that tablet looks legit.

@lovemandywang 2 года назад

Could you do a Figma Tutorial on Auto Layout and Components? Or perhaps on how you turn wireframes into Low,Mid, and High Fi? Love your videos and the transparency you have on how you work!

@clairehsu9576 2 года назад

I suggest watching RU-vid vids published by Figma itself! I found it very useful.

@uxruslan 16 дней назад

I am thankful to her for UX design process and she is beautiful.

@annphan 2 года назад

Hello! I love seeing a sneak peek into your process! Would love to know more about your user testing/usability test in future videos

@chunbuns 2 года назад

My UX researcher usually comes up with a research plan and script but I'll try to brainstorm something for ya :D

@andreaamato2259 2 года назад

Please continue to do more practical sessions-these are so useful! Maybe continue to do regular case studies with your audience for example.

@Cherri_Stars 2 года назад

This is so helpful! You see the double diamond model a lot, but there are still things I didn't understand about it, having not heard it explained out loud in words. Thank you so much

@julianTrichardson 2 года назад

im only just getting started in my UX/UI journey, and this has helped me a ton! Thank you so much.

@germangomez9978 2 года назад

from a dev's perspective that's trying to get to know the caveats of trying to lead teams and know more about the roles of a multidisciplinary team, this is VERY useful. thank you!

@lindseybaker4130 2 года назад

Soo good - this video was just what I needed. I'd love to see a video of you covering your process for user testing.

@lilym2416 2 года назад

You really made it so simple to understand. Thanks A LOT

@lorrieuiux5802 2 года назад

Lovely explanation of the double diamond process!! Also, I really, really, REALLY love that tablet! I may have to get myself one!

@dhiiraj4ux 8 месяцев назад

That was an amazing experience! I want to thank you very much for all your hard work.

@henrythomas7112 3 месяца назад

Thanks for the new video! I’m looking forward to seeing what other content you post! Always good to learn as much as you can!

@miromuller4849 Год назад

I came here especially to learn some ui/ux vocabulary and I learned a lot of useful phrases. Thanks a lot!

@yasirisgomez4043 2 года назад

Very insightful! I just started learning about UX for weeks.

@xavi7531 2 года назад

This was very dope!! Super clear and extremely helpful

@oscarcorderomena8624 2 года назад

Thanks for this video, it´s amazing how you make this process so clear for everyone. I´m your fan 😎

@yomnaahmed8863 Год назад

so summarized, to the point and explanatory thanks

@alexnguyen2023 2 года назад

Thank you for sharing your insight about the design process!

@thuanhoang9381 2 года назад

This is surely so random but when you wrote "Design Prompt" with that perfect line under, it was so smooth and satisfying.

@mremy8813 2 года назад

Great video, practical, usable, timely.

@perpetual989 7 месяцев назад

Great vid. Well put together and informative. Excellent job

@Mythril Год назад

This was so helpful and easy to understand! Thanks so much for this video :)

@ashVGF 2 года назад

OMG, I was looking for a design process video earlier and this popped up. I genuinely thought you've done one of these before and thought this was old. Then I scrolled down and saw the upload date... what timing!! Also, great job repping your very interesting sponsor!

@edipocdf 2 года назад

really good explanation, as aspiring mobile developer this videos are being very helpful to plan everything before start coding.

@daniellaqueirozpereira7062 2 года назад

Hi!! Im new in the area and its soooo cool to see and understand better the steps. Thanks for that! Hugs from Brazil!

@hanaalqassab Год назад

Such a helpful video! Thank you for sharing! 🤍

@lec46280 2 года назад

Loved this! Would love you to dive into one of these steps a bit more...like how you synthesize research or how you approach user testing.

@jfish032 Год назад

I second this request

@TeeElleElle 2 года назад

thanks for this! would love to see the UI design process too!

@hassamali8581 2 года назад

This is great loved the process.

@allen1098 Год назад

Nice video thanks chun for sharing, it's really helpful!

@meerajulasana9865 2 года назад

This is such an insightful video 👏. Can you make videos on how you do competitive research in the beginning and usability testing in the end in details and if you follow any template for it.

@nydakkur1286 2 года назад

This is was so helpful and insightful!

@estherlopez1433 Год назад

So succinct and informative. Thank you for this video.

@daanandasilva6745 Год назад

Love the way you teach🙌🙌🙌

@spybot2d Год назад

Really good overview. Thank you!

@fearlessforever589 3 месяца назад

Thank you for this! 🥺

@JamesVang 2 года назад

This was super helpful! Thank you!

@evelynsilva4613 Год назад

Hi. I've been a subscriber to your channel for a while now and currently, I'm a graduate student in digital product design in Brazil. This week my teacher recommended your channel to us, so I came here to let you know that you're becoming a reference.

@videos6505 Год назад

Thanks for the reMarkable advertisment added with some double diamond process.

@rebaonematlaba3552 Год назад

THIS IS PERFECT!

@Marikola9752 2 года назад

Well explained 😀 Finally I got it, why it is a double diamond. Thank you. My mentor in class was not as good as you.

@badkawaiikitty 4 месяца назад

That's the tablet I want!! Also, this video is super help in breaking down what a UX Designer does and a Day in the Life of on an a full work basis! Thank you!

@marciastengel5553 2 месяца назад

Do you know which one...😢?

@brinjow 2 года назад

Thank you for sharing this!

@ehsannaeemirad5510 2 года назад

It was great! I'd love to see more

@catiaoliveira6843 Год назад

How sweet is she! 🥰 I love your channel, great videos, extremely helpful! TKS!!

@lorettaamponsah7582 2 года назад

Very informative 👏🏾 Thanks

@annas.6818 2 года назад

Very useful! Thank you!

@vimerse 2 года назад

Super helpful! Thank you.

@josefranco3082 2 года назад

What a great video the truth is that it is a great content you are helping many people with I am congratulating you on your

@donatoclemente4421 Год назад

You are a blessing

@Natali-gl4tr 7 месяцев назад

Hello! Thanks! was really helpful. Could you please make a video on secondary research(what exactly do you usually do during this phase)?

@FelipeMartins14 8 месяцев назад

I just meet your channel and watched 2 vídeos, and in both I went to the sponsor link, you are brilliant! you know to make ads uhehue

@GOODLIFENOW 2 года назад

This is how you do it. thanks for the video

@chefjimmybob 2 года назад

amazing video!!!!

@DM-pp1eb 2 года назад

Great explain, thank you for sharing ♥️

@chunbuns 2 года назад

☺

@olarewajutunmisejoseph2286 2 года назад

Awesome 👏 Thank you

@USMLEshortcuts 10 месяцев назад

Thanks!

@korriewu2220 2 года назад

I love your handwriting ✍

@KalvinPatel 2 года назад

I was wondering if you could design a mock project from start to finish and show the design choices etc! Would hell a lot of people

@popcornchicken5552 Год назад

Your handwriting is super nice.

@roki33524 2 года назад

Ty ChubBuns!!

@richardottley4611 2 года назад

Thanks I really appreciate the content you provided in this short video.. I'm currently working on an app design I just needed some clarity as to how I would tackle this project that I was given.🤨. 🤗really appreciate your RU-vid channel.. please make similar ones, like this going forward

@ThingaNguyen-du5fg Год назад

thx for sharing the design process! I was wondering how you document your design decisions for the engineers? could you please cover this in your next video :D

@DistortedDj Год назад

Thank You

@tushardhawan4706 2 года назад

hey, I love your videos too much❤❤, can you pls make a Video on what what equipments or gadget does a ui ux designer need😊.

@hamid2147 Год назад

Very helpful video👍. What do you use to analyse quality and quantity data and what do you use for UI UX testing

@Dr.Kananga 2 года назад

Great video, concise and to the point. I'd suggest using paper when prototyping by constructing an interface so the stakeholder can see first-hand the essential mechanics. This is because some stakeholders are not tech-savvy and come from a business background where they only see time/cost resources.

@indrestrazdaite261 Год назад

Hi! Love your content! 🤩🤩 I am myself in this UX Research field and been looking to see what you could recommend in terms of the laptop. As a UX Designer I wonder if you would recommend to have a 14inch or 16inch laptop to work on when doing a daily tasks, such as conducting or analysing the research? 🌻

@akarshs9552 2 года назад

Can you do a detailed video on how to make visually appealing UI Screen? What are the factors to consider like color, typo, spacing etc?

@user-xz4el3mm7s Год назад

Love your videos! I'd like to learn more about gathering UX feedback and testing. If you already have a video on that, I don't see it. :)

@nandhini1039 2 года назад

Could you make a detailed video on how to create case study for freshers??It will be very useful for many

@juankarlomorales4523 6 месяцев назад

double diamond is goated ngl

@catdaddy2324 Год назад

Thank you for this

@chunchats__Teleqram_me_forhelp Год назад

❤️

@chunchats__Teleqram_me_forhelp Год назад

🌟Dm for help/support

@krutivora7098 2 года назад

Loved your content, it would be great if you could also drop the content files, printables. I would stick them on my walls

@tequishamcdearmon9152 Год назад

Nice video

@shailidewangan813 2 года назад

Make a course. This was so awesome, I understood so easily and so much. o_o

@dahaesong9824 2 года назад

Hi, thank you for sharing this video! I have a quesiton. How to do user research and usability test? In person or remote?

@JCastillo 2 года назад

I love the fact that you're using the remarkable 2 tablet and personally think every designer should have one however, you should have added a discount code at the very least... specially if they are sponsoring the video!

@kaymackay 2 года назад

Could I go through this process on a current design (like sephora, gymshark, whatever existing product page I chose)? I am a student needing some portfolio projects. Thanks, love your videos, they have helped me so much!

@chunbuns 2 года назад

you most definitely can! that's pretty much what I did in the video too haha

@planetjoy3156 2 года назад

@@chunbuns thank you for sharing a practical example like this. Just one quick question tho, how do you get quantitative data for this type of project if you don’t have actual access to the product site info? Can we make assumption on these data for a portfolio project?

@catherinele8417 4 месяца назад

Very clear !! For the final design step you make UI design and for the first to the sketching step you make UX design . Am I right ?

@MrJayspeaks 2 года назад

Hi, Do use UI kits in your initial designs? Thanks!

@thebrotherhood1675 2 года назад

basically do this, but create a series where you go in depth at every point on a real project so we can how you work at a more granular ideation level

@sebastianpertuz1493 2 года назад

Thanks for the amazing UX process explanation and why it healps to tackle a problem!! one question How much time is estimated for each part? I know it can vary by project but using the example you left, more or less how long does discovery, definition, development and delivery take? Are each part months, days, or hours? my reason for asking is that by wanting everything super well I end up overcomplicating each step and I want to get an idea to deromatize it and be more practical when starting the process

@gonmtl 2 года назад

I think it depends on the project, for the example on the video I think you can do the first step in let's say 2 to 4 days. Step 2 can be shorter if you can manage to get meetings with your team and for the final two steps can be from 1 to 2 weeks. That's from my own experience. On the other hand, if you are working solo on a super fast pace environment like a startup, or you are creating MVPs, the whole process could take like 1 week maximum. Remember that we are doing only one screen here, and sometimes you don't have a lot of time to finish an initial design proposal. Hope it helps!

@alondramorales906 2 года назад

i would 100% pay for courses or digital materials that you put together!!

@ahomemadetreasure 2 года назад

Hey! Question. How should I do a redesign when there is no research and no metrics to inform my designs? The company I work at doesn’t have a researcher and I have no idea where to look for the info.

@jonathanwong327 2 года назад

Do let us know what happens after the deliver stage. Does the management of the company/client has a say on the new iteration as well?

@GodFormHermet 2 года назад

hi Cristine, when are you designing, where and when are you looking for icons?

@malihatino8792 Год назад

Very good explanation. My only question is in double diamond process do we create persons?

@joshuayu9121 2 года назад

I was actually looking into he remarkable 2 for a while now. Do you think you will do a review after x #of months?

@hengzhang3187 2 года назад

Hey a random question, what tool did you use to film yourself and your screen at the same time? Thanks!

@starogre 2 года назад

Awesome! how did you do screenshots of entire apps / pages quickly on phone? And what did you record app flows with on your phone?

@chunbuns 2 года назад

I screen recorded on my phone and put a device PNG over it on Adobe Premiere Pro. You can get my phone device mockup here! www.chunbuns.com/store/device-mockups

@makeaniiimpactYT 2 года назад

Remarkable should do some usertesting and competitive analysis about that monthly subscription vs ipad (one payment and done) :p

@BlackXSunlight Год назад

If you're handling a major project, let's say an entire website, or in your example in the video, the entire product search function (including the item details page), how do you break this down into manageable steps? How do you figure out what takes the top priority?