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
➭ hello@chunbuns.com
#uxdesignprocess #uxdesign #designprocess

Пікірлер: 179

  • @chunbuns
    @chunbuns2 жыл бұрын

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

  • @allanchris6504

    @allanchris6504

    2 жыл бұрын

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

  • @cvoges12

    @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

    @imwilliambrito

    Жыл бұрын

    Tnks

  • @ThemisadventuresofLu
    @ThemisadventuresofLu2 жыл бұрын

    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

    @sushisamosa222

    Жыл бұрын

    Totally agree!!

  • @Decembersown21
    @Decembersown212 жыл бұрын

    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
    @lovemandywang2 жыл бұрын

    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

    @clairehsu9576

    2 жыл бұрын

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

  • @uxruslan
    @uxruslan12 күн бұрын

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

  • @Cherri_Stars
    @Cherri_Stars2 жыл бұрын

    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
    @germangomez99782 жыл бұрын

    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
    @andreaamato22592 жыл бұрын

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

  • @annphan
    @annphan2 жыл бұрын

    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

    @chunbuns

    2 жыл бұрын

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

  • @julianTrichardson
    @julianTrichardson2 жыл бұрын

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

  • @henrythomas7112
    @henrythomas71123 ай бұрын

    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!

  • @lindseybaker4130
    @lindseybaker41302 жыл бұрын

    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
    @lorrieuiux58022 жыл бұрын

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

  • @lilym2416
    @lilym24162 жыл бұрын

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

  • @dhiiraj4ux
    @dhiiraj4ux8 ай бұрын

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

  • @xavi7531
    @xavi75312 жыл бұрын

    This was very dope!! Super clear and extremely helpful

  • @miromuller4849
    @miromuller4849 Жыл бұрын

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

  • @yasirisgomez4043
    @yasirisgomez40432 жыл бұрын

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

  • @ashVGF
    @ashVGF2 жыл бұрын

    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!

  • @oscarcorderomena8624
    @oscarcorderomena86242 жыл бұрын

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

  • @perpetual989
    @perpetual9897 ай бұрын

    Great vid. Well put together and informative. Excellent job

  • @yomnaahmed8863
    @yomnaahmed8863 Жыл бұрын

    so summarized, to the point and explanatory thanks

  • @alexnguyen2023
    @alexnguyen20232 жыл бұрын

    Thank you for sharing your insight about the design process!

  • @mremy8813
    @mremy88132 жыл бұрын

    Great video, practical, usable, timely.

  • @edipocdf
    @edipocdf2 жыл бұрын

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

  • @Mythril
    @Mythril Жыл бұрын

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

  • @TeeElleElle
    @TeeElleElle2 жыл бұрын

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

  • @daniellaqueirozpereira7062
    @daniellaqueirozpereira70622 жыл бұрын

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

  • @hanaalqassab
    @hanaalqassab Жыл бұрын

    Such a helpful video! Thank you for sharing! 🤍

  • @JamesVang
    @JamesVang2 жыл бұрын

    This was super helpful! Thank you!

  • @allen1098
    @allen1098 Жыл бұрын

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

  • @fearlessforever589
    @fearlessforever5893 ай бұрын

    Thank you for this! 🥺

  • @nydakkur1286
    @nydakkur12862 жыл бұрын

    This is was so helpful and insightful!

  • @hassamali8581
    @hassamali85812 жыл бұрын

    This is great loved the process.

  • @spybot2d
    @spybot2d Жыл бұрын

    Really good overview. Thank you!

  • @estherlopez1433
    @estherlopez1433 Жыл бұрын

    So succinct and informative. Thank you for this video.

  • @thuanhoang9381
    @thuanhoang93812 жыл бұрын

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

  • @daanandasilva6745
    @daanandasilva6745 Жыл бұрын

    Love the way you teach🙌🙌🙌

  • @evelynsilva4613
    @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.

  • @meerajulasana9865
    @meerajulasana98652 жыл бұрын

    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.

  • @videos6505
    @videos6505 Жыл бұрын

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

  • @vimerse
    @vimerse2 жыл бұрын

    Super helpful! Thank you.

  • @lec46280
    @lec462802 жыл бұрын

    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

    @jfish032

    Жыл бұрын

    I second this request

  • @catiaoliveira6843
    @catiaoliveira6843 Жыл бұрын

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

  • @ehsannaeemirad5510
    @ehsannaeemirad55102 жыл бұрын

    It was great! I'd love to see more

  • @brinjow
    @brinjow2 жыл бұрын

    Thank you for sharing this!

  • @lorettaamponsah7582
    @lorettaamponsah75822 жыл бұрын

    Very informative 👏🏾 Thanks

  • @annas.6818
    @annas.68182 жыл бұрын

    Very useful! Thank you!

  • @Marikola9752
    @Marikola97522 жыл бұрын

    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
    @badkawaiikitty4 ай бұрын

    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

    @marciastengel5553

    2 ай бұрын

    Do you know which one...😢?

  • @FelipeMartins14
    @FelipeMartins148 ай бұрын

    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

  • @rebaonematlaba3552
    @rebaonematlaba3552 Жыл бұрын

    THIS IS PERFECT!

  • @Natali-gl4tr
    @Natali-gl4tr7 ай бұрын

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

  • @josefranco3082
    @josefranco30822 жыл бұрын

    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

  • @GOODLIFENOW
    @GOODLIFENOW2 жыл бұрын

    This is how you do it. thanks for the video

  • @donatoclemente4421
    @donatoclemente4421 Жыл бұрын

    You are a blessing

  • @Dr.Kananga
    @Dr.Kananga2 жыл бұрын

    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
    @korriewu22202 жыл бұрын

    I love your handwriting ✍

  • @chefjimmybob
    @chefjimmybob2 жыл бұрын

    amazing video!!!!

  • @olarewajutunmisejoseph2286
    @olarewajutunmisejoseph22862 жыл бұрын

    Awesome 👏 Thank you

  • @DM-pp1eb
    @DM-pp1eb2 жыл бұрын

    Great explain, thank you for sharing ♥️

  • @chunbuns

    @chunbuns

    2 жыл бұрын

  • @juankarlomorales4523
    @juankarlomorales45236 ай бұрын

    double diamond is goated ngl

  • @popcornchicken5552
    @popcornchicken5552 Жыл бұрын

    Your handwriting is super nice.

  • @USMLEshortcuts
    @USMLEshortcuts10 ай бұрын

    Thanks!

  • @hamid2147
    @hamid2147 Жыл бұрын

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

  • @roki33524
    @roki335242 жыл бұрын

    Ty ChubBuns!!

  • @DistortedDj
    @DistortedDj Жыл бұрын

    Thank You

  • @catdaddy2324
    @catdaddy2324 Жыл бұрын

    Thank you for this

  • @chunchats__Teleqram_me_forhelp

    @chunchats__Teleqram_me_forhelp

    Жыл бұрын

    ❤️

  • @chunchats__Teleqram_me_forhelp

    @chunchats__Teleqram_me_forhelp

    Жыл бұрын

    🌟Dm for help/support

  • @tushardhawan4706
    @tushardhawan47062 жыл бұрын

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

  • @KalvinPatel
    @KalvinPatel2 жыл бұрын

    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

  • @ThingaNguyen-du5fg
    @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

  • @indrestrazdaite261
    @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? 🌻

  • @MrJayspeaks
    @MrJayspeaks2 жыл бұрын

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

  • @GodFormHermet
    @GodFormHermet2 жыл бұрын

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

  • @user-xz4el3mm7s
    @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. :)

  • @akarshs9552
    @akarshs95522 жыл бұрын

    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?

  • @richardottley4611
    @richardottley46112 жыл бұрын

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

  • @jonathanwong327
    @jonathanwong3272 жыл бұрын

    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?

  • @dahaesong9824
    @dahaesong98242 жыл бұрын

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

  • @tequishamcdearmon9152
    @tequishamcdearmon9152 Жыл бұрын

    Nice video

  • @catherinele8417
    @catherinele84174 ай бұрын

    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
    @malihatino8792 Жыл бұрын

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

  • @hengzhang3187
    @hengzhang31872 жыл бұрын

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

  • @nandhini1039
    @nandhini10392 жыл бұрын

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

  • @ahomemadetreasure
    @ahomemadetreasure2 жыл бұрын

    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.

  • @shailidewangan813
    @shailidewangan8132 жыл бұрын

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

  • @joyusagi
    @joyusagi Жыл бұрын

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

  • @joshuayu9121
    @joshuayu91212 жыл бұрын

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

  • @alondramorales906
    @alondramorales9062 жыл бұрын

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

  • @JCastillo
    @JCastillo2 жыл бұрын

    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!

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

  • @sebastianpertuz1493
    @sebastianpertuz14932 жыл бұрын

    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

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

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

  • @krutivora7098
    @krutivora70982 жыл бұрын

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

  • @jonathanderoeck3170
    @jonathanderoeck3170 Жыл бұрын

    What are your thoughts on Adobe XD. And is this remarkable 2 realy usefull or do you just need the add money?

  • @kaymackay
    @kaymackay2 жыл бұрын

    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

    @chunbuns

    2 жыл бұрын

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

  • @planetjoy3156

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

  • @blaktgb
    @blaktgb Жыл бұрын

    hi there I wanna ask you does this channel bring you new freelance orders?

  • @ChayonShaahOfficial
    @ChayonShaahOfficial9 ай бұрын

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

  • @tara730
    @tara730 Жыл бұрын

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

  • @starogre
    @starogre2 жыл бұрын

    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

    @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