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

Рет қаралды 368,268

Күн бұрын

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

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 KZfaq vids published by Figma itself! I found it very useful.

@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

@uxruslan 11 күн бұрын

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

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

@julianTrichardson 2 жыл бұрын

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

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

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

@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

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

@dhiiraj4ux 8 ай бұрын

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

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

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

@oscarcorderomena8624 2 жыл бұрын

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

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

@yomnaahmed8863 Жыл бұрын

so summarized, to the point and explanatory thanks

@xavi7531 2 жыл бұрын

This was very dope!! Super clear and extremely helpful

@alexnguyen2023 2 жыл бұрын

Thank you for sharing your insight about the design process!

@perpetual989 7 ай бұрын

Great vid. Well put together and informative. Excellent job

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

@Mythril Жыл бұрын

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

@edipocdf 2 жыл бұрын

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

@hanaalqassab Жыл бұрын

Such a helpful video! Thank you for sharing! 🤍

@mremy8813 2 жыл бұрын

Great video, practical, usable, timely.

@allen1098 Жыл бұрын

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

@thuanhoang9381 2 жыл бұрын

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

@TeeElleElle 2 жыл бұрын

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

@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

@hassamali8581 2 жыл бұрын

This is great loved the process.

@JamesVang 2 жыл бұрын

This was super helpful! Thank you!

@spybot2d Жыл бұрын

Really good overview. Thank you!

@nydakkur1286 2 жыл бұрын

This is was so helpful and insightful!

@daanandasilva6745 Жыл бұрын

Love the way you teach🙌🙌🙌

@fearlessforever589 3 ай бұрын

Thank you for this! 🥺

@estherlopez1433 Жыл бұрын

So succinct and informative. Thank you for this video.

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

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

@catiaoliveira6843 Жыл бұрын

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

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

@ehsannaeemirad5510 2 жыл бұрын

It was great! I'd love to see more

@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

@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

@brinjow 2 жыл бұрын

Thank you for sharing this!

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

@lorettaamponsah7582 2 жыл бұрын

Very informative 👏🏾 Thanks

@annas.6818 2 жыл бұрын

Very useful! Thank you!

@rebaonematlaba3552 Жыл бұрын

THIS IS PERFECT!

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

@korriewu2220 2 жыл бұрын

I love your handwriting ✍

@popcornchicken5552 Жыл бұрын

Your handwriting is super nice.

@GOODLIFENOW 2 жыл бұрын

This is how you do it. thanks for the video

@donatoclemente4421 Жыл бұрын

You are a blessing

@hamid2147 Жыл бұрын

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

@DM-pp1eb 2 жыл бұрын

Great explain, thank you for sharing ♥️

@chunbuns 2 жыл бұрын

☺

@chefjimmybob 2 жыл бұрын

amazing video!!!!

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

@olarewajutunmisejoseph2286 2 жыл бұрын

Awesome 👏 Thank you

@USMLEshortcuts 10 ай бұрын

Thanks!

@DistortedDj Жыл бұрын

Thank You

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

@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

@juankarlomorales4523 6 ай бұрын

double diamond is goated ngl

@roki33524 2 жыл бұрын

Ty ChubBuns!!

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

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

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

@hengzhang3187 2 жыл бұрын

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

@catdaddy2324 Жыл бұрын

Thank you for this

@chunchats__Teleqram_me_forhelp Жыл бұрын

❤️

@chunchats__Teleqram_me_forhelp Жыл бұрын

🌟Dm for help/support

@MrJayspeaks 2 жыл бұрын

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

@joyusagi Жыл бұрын

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

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

@GodFormHermet 2 жыл бұрын

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

@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

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

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

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

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

@malihatino8792 Жыл бұрын

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

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

@diptysingh589 7 күн бұрын

how do you do usablity testing

@nandhini1039 2 жыл бұрын

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

@tequishamcdearmon9152 Жыл бұрын

Nice video

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

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

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

@shailidewangan813 2 жыл бұрын

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

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

@urdarkside1 2 жыл бұрын

Hey what tab is that called @ 0:04?

@jonathanderoeck3170 Жыл бұрын

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

@DreamInSummerAutumn 2 жыл бұрын

How to do the usability testing and survey (where to find user to do the survey online in order to the evaluation and analysis) for free?

@alondramorales906 2 жыл бұрын

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

@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

@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