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

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
➭ [e-mail]
#uxdesignprocess #uxdesign #designprocess

[@chunbuns]

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

[@allanchris6504]

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

[@cvoges12]

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]

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]

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

[@Cherri_Stars]

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

[@germangomez9978]

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!

[@andreaamato2259]

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

[@lovemandywang]

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]

I suggest watching KZbin vids published by Figma itself! I found it very useful.

[@julianTrichardson]

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

[@annphan]

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]

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

[@lindseybaker4130]

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

[@lorrieuiux5802]

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

[@henrythomas7112]

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!

[@lilym2416]

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

[@dhiiraj4ux]

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

[@thuanhoang9381]

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

[@xavi7531]

This was very dope!! Super clear and extremely helpful

[@oscarcorderomena8624]

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

[@ashVGF]

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!

[@yasirisgomez4043]

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

[@alexnguyen2023]

Thank you for sharing your insight about the design process!

[@edipocdf]

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

[@Mythril]

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

[@perpetual989]

Great vid. Well put together and informative. Excellent job

[@TeeElleElle]

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

[@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.

[@yomnaahmed8863]

so summarized, to the point and explanatory thanks

[@allen1098]

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

[@mremy8813]

Great video, practical, usable, timely.

[@hanaalqassab]

Such a helpful video! Thank you for sharing! 🤍

[@nydakkur1286]

This is was so helpful and insightful!

[@daniellaqueirozpereira7062]

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

[@hassamali8581]

This is great loved the process.

[@estherlopez1433]

So succinct and informative. Thank you for this video.

[@spybot2d]

Really good overview. Thank you!

[@JamesVang]

This was super helpful! Thank you!

[@fearlessforever589]

Thank you for this! 🥺

[@Marikola9752]

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

[@lec46280]

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

[@ehsannaeemirad5510]

It was great! I'd love to see more

[@daanandasilva6745]

Love the way you teach🙌🙌🙌

[@uxruslan]

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

[@catiaoliveira6843]

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

[@brinjow]

Thank you for sharing this!

[@videos6505]

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

[@annas.6818]

Very useful! Thank you!

[@vimerse]

Super helpful! Thank you.

[@josefranco3082]

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

[@lorettaamponsah7582]

Very informative 👏🏾 Thanks

[@FelipeMartins14]

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

[@meerajulasana9865]

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.

[@richardottley4611]

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 KZbin channel.. please make similar ones, like this going forward

[@rebaonematlaba3552]

THIS IS PERFECT!

[@chefjimmybob]

amazing video!!!!

[@GOODLIFENOW]

This is how you do it. thanks for the video

[@olarewajutunmisejoseph2286]

Awesome 👏 Thank you

[@badkawaiikitty]

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]

Do you know which one...😢?

[@donatoclemente4421]

You are a blessing

[@DM-pp1eb]

Great explain, thank you for sharing ♥️

[@chunbuns]

☺

[@Dr.Kananga]

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.

[@korriewu2220]

I love your handwriting ✍

[@Natali-gl4tr]

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

[@roki33524]

Ty ChubBuns!!

[@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

[@KalvinPatel]

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.

[@tushardhawan4706]

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😊.

[@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. :)

[@juankarlomorales4523]

double diamond is goated ngl

[@USMLEshortcuts]

Thanks!

[@hamid2147]

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

[@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? 🌻

[@DistortedDj]

Thank You

[@shailidewangan813]

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

[@nandhini1039]

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

[@alondramorales906]

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

[@krutivora7098]

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

[@akarshs9552]

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?

[@JCastillo]

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!

[@catdaddy2324]

Thank you for this

[@chunchats__Teleqram_me_forhelp]

❤️

[@chunchats__Teleqram_me_forhelp]

🌟Dm for help/support

[@tequishamcdearmon9152]

Nice video

[@sebastianpertuz1493]

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]

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!

[@kaymackay]

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]

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

[@planetjoy3156]

@@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?

[@thebrotherhood1675]

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

[@MrJayspeaks]

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

[@GodFormHermet]

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

[@jonathanwong327]

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?

[@joshuayu9121]

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

[@makeaniiimpactYT]

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

[@T25de]

subbed

[@catherinele8417]

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 ?

[@malihatino8792]

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

[@vanessabal7150]

Can you make a video on wireframes! ?

[@dahaesong9824]

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

[@starogre]

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]

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

[@hengzhang3187]

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

[@ChayonShaahOfficial]

Great ,, Can you make a complete course UX to Complete Final Product

[@joyusagi]

could I ask which tool you used at 2:55 to lay down all the design research?

[@hectorrios4107]

I love your camera (Fuji) Is it a XT-3, 4, or 5 (?) Also, is your lens the 23mm f2 or the 35mm f2?

[@tara730]

can you also make this kind detail tutorial for fresh product.