Great Design With User Research - Design a Mobile App Using Figma

Improve your UI / UX design skills by designing a real-world app using Figma. You will learn how to use the d.school design thinking process and self process management to come up with design solutions.
✏️ Course created by Dev and Design. Check out his channel: / @devanddesign
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:04:53) Outline Breakdown
⌨️ (0:07:01) Workflow Breakdown In FigJam
⌨️ (0:22:50) User Empathy ( Empathize )
⌨️ (0:23:21) Creating User Experience Survey With Google Forms
⌨️ (0:38:21) Creating User Personas
⌨️ (0:43:08) Creating Problem Statement
⌨️ (0:44:31) Ideate
⌨️ (0:47:49) Prototype Analysis
⌨️ (0:48:16) User Goals & User Tasks
⌨️ (0:50:11) Information Architecture
⌨️ (0:55:38) Low Fidelity Prototyping
⌨️ (1:19:59) High Fidelity Prototyping
⌨️ (1:20:11) Creating Style Library
⌨️ (1:37:21) Creating Component Library
⌨️ (3:32:11) Prototype Presentation & Assignments
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

[@chibuzorset3340]

Thank you Brandon, seeing a Nigerian sharing his knowledge . Brings so much joy to me.

[@kiq4767]

Nice accent

[@victoradeniyi6210]

Same here the joy is too much

[@PublicHealthResources]

My guy is just too good 👍

[@Iamafuckingmadlad]

Monke

[@masteroogway6808]

Thank you for this course , this channel will go down as one of the greatest things happened to humanity....

[@akramdahmani7214]

Agree 💯 what the FCC team is doing is so underrated

[@gilbertlopez]

love this channel, wouldn't be where i am today without their site

[@LordKosmux]

@@akramdahmani7214 Hmm, young people rather playing games and watching other play games, older people already have knowledge enough... If more people could see how amazing is FCC content, the world would be better.

[@naijasongs3462]

@@LordKosmux Agree 👍🏿

[@naijasongs3462]

Agree 💯

[@TheJonathanLugo]

A really well-organized course; 3+ hours well invested. Now I am ready to design apps professionally. Thank you!!!

[@grecog92]

i expected a figma tutorial and i got a full overview of the design process. super nice

[@hakha19]

ppplplpplppppppppppppppppppppppppppppppppppppppopppplpplpppppppopppplpppppp

[@umarbnnaseer]

My Nigerian Guy with Another 🔥🔥🔥. Proud of you Sir.

[@SohCahToa30]

You bridged humongous gaps in my education in an only hour and a half on 2X speed. I feel empowered to fulfill my app idea and I am forever indebted to you.

[@luckyking1762]

Thank you instructor for the time invested in this course. I really find this course useful and makes me feel more confident to using the design tools

[@ad3rinto]

This is an absolutely amazing 4hrs spent. The content is informative, the delivery is clear and concise. Thank you for spending the time to deliver this. Worth more than its' weight in gold.

[@thehacker645]

That was a real GEM! Thank you Brendon, learned a lot! This may seem as a silly question but I just wondered if that same user research system can also be applied in a web design project as well?

[@GC-Tech]

Great material man! I am newcomer to UX/UI Design and your materials and freecodecamp are helping me a lot! Thanks!

[@swatishishupal8215]

Wow, this is an amazing video on UX and UI i have ever seen, so many doubts are getting solved by watching this. This is a complete project work. Thank you so much for this Video, i really wanted to see the actual processes of a UX/UI Project.👏

[@anushag6742]

Thanks for teaching to a student who is getting started in UX/UI world. It was really helpful.

[@justinholbein9776]

Awesome video man. Helped me understand an app prototyping process and got some great figma hands on practice too. Nice to build an app from a business perspective.

[@kevinaigbogun5362]

Once again you were brilliant! Helping us understand the basics! I was already familiar with Figma but this course and your 10 hour UI/UX course have helped me even further. Thank you! Anyone who isn't sure if its worth it. I can assure you it is!

[@minaksheee]

Can you share the 10 hours course link ?

[@gaurisharma2253]

Exactly what I needed. Can't thank you guys enough ❤️❤️

[@kmim80]

Awesome video. Compressed what it takes to complete a lengthy case study in under 4 hours. Great addition to one’s portfolio

[@ux.jonathan]

Thanks for this awesome course! really helpful!

[@vaibhavborkar6070]

Thanks for adding this course! This is a whole package.

[@vatsalaykhobragade]

Anyone who is new to user research, Don't start with user surveys bc they are hard to get correctly. Start with user interviews.

[@iftekharulhaque2697]

hello sir, could you please elaborate more on that? i am a beginner in ui ux design.

[@gookanga]

Surveys can be a great way to screen people whom you'd interview as well, so this can be a little misleading.

[@adegnikaobachola7010]

This is just above my expectation. You rock all the process from UX to UI.

[@_drpositive]

Great work. Thanks for the detailed explanation. I heard about figma on Fiverr and wanted to understand what everyone were talking about and you provided more than just a basic. Thanks a lot

[@amolbharambe8827]

This is first video I seen on KZbin, which explained each small information about uiux process 🎉 thank you so much for this knowledge sharing ❤

[@luisvasquez3083]

This is really great, nice to see you're taking into account UX and not only UI 🙌

[@jesusdiaz-zi3rc]

P.

[@jesusdiaz-zi3rc]

.

[@MrJzigy]

Thank you Joseph and FCC, you all are amazing as always! I hope to give back in the future.

[@6alonl]

Great content! Please do more design/figma videos. Thanks!

[@Tech_Alchemy]

I love Figma as a developer this course was awesome!

[@okundiaobazee3888]

Great job Brandon! You're the best.

[@mohamedghaithwelhezi3680]

Thank you For this Course. It took me to th eUI/UX world and I began My first Journey.

[@deepakfialok]

You are awesome man, absolute fine process about UX

[@olamideogundele7243]

The most Awesome Tutorial ever..... Thank you.... 👏

[@ratheeshkkke]

Awesome tutorial. Loved it !

[@vikiyoggi2]

This is definitely a great video with abundant learning. Thanks to the educator.

[@benhasel4540]

thanks a lot for this great video. Very useful and well done. Cheers from Chile

[@naijasongs3462]

Thank you FCC, this channel is One of the great things that have happened to humanity

[@chris_james]

Wow great job, very thorough

[@diogos7233]

This is the greatest KZbin channel of all time. Thank you so much guys. I've been learning so much.

[@Aced_Dreamer]

+1

[@comedyandsports5583]

Thank you, Brendan and the entire FCC team.

[@saadisoso5673]

thank you it was the best one ux design in figma i am looking four the next one keep the good work

[@samlatimer350]

Great course. Well done.Thank you.

[@DotaSiege11]

This is so amazing! Thank you very much!

[@emmanueladekunle9638]

This truly is awesome, thanks a bunch

[@abhishekgautam9604]

i love this course and good case studies I enjoyed to learn this course. please make a one course on for Adobe XD

[@gloriamaaji8253]

An awesome tutorial! Thank you very much 🥰👍

[@akinboadeelijahakinlolu1114]

Thanks for this course. It's so helpful.

[@neromena9175]

You just made my life better, thank you

[@tharinduthilakshana8433]

Thank you sir❤❤❤❤❤❤ this lesson really helped to do my assignment very well. thanks again sir 🙌🙌❤❤

[@avinashmurmu9070]

Amazing!!!! loved it.

[@Anas-Ben88]

Thank you Josseph for this great explanation we would like to see more videos from you master.

[@disha159.]

Thank you for the great tutorial 🌈

[@billywilliams1437]

Wow, I am down for this.

[@ironpurush0978]

A course on writing good case studies would be great as well.

[@ironpurush0978]

@Admin ✚❶❻❷❽❷❶❹❷❾❸⓿ message you where?

[@ocfrank]

Bots are ruining KZbin comments

[@emmaolivia6656]

That's Great! Thank you so much.

[@dev2174]

You're Amazing Brother, Thanks much!

[@unyimeabasinelson244]

You are an amazing professional

[@kenyakwanza3536]

U are the best buddy. kudos💪💪💪💪💪

[@samuelowusuannor8256]

You're the best sir. Love you.🎉

[@emmahawking922]

Omggg thank you 😭😭😭💜💜💜

[@ucheudor3134]

well explained......thank you boss

[@osunlekesamuel8392]

Thank you for this wonderful course. It’s really been helpful.. But I do have a question. The funding of account by transfer, is the transfer done from the local bank account into the app? Where exactly is the transfer coming from? Thank you as I await your reply

[@JX304U]

Thank You sir😀

[@michaelmedia1270]

Kenyan coders are watching good job bro Like for kenyans

[@repotranstech9614]

Kenyan coders need to be more generous with their knowledge.

[@michaelmedia1270]

@@repotranstech9614 Yeah

[@jianafran]

i am learning everyday everything because of you thanks to all who is providing free tutorial for poor student

[@anthonykimuyaofficial]

Best beginner course ever

[@ehsanghochagh7244]

very useful for me thanks🤗

[@tareqjarwan6235]

Thank you sir for the wonderful course. I really enjoyed designing with you

[@cyberworld3151]

I really love the class ... Pls can you do a video on designing a home demand app

[@itsme-kd2pg]

PERFECT thank you

[@wahab_cide]

Very nice video and that's okay. Really learned a lot from this video.

[@iftekharulhaque2697]

for the survey portion, can we ask the client themselves to post the survey?, since they are a company, they have a much easier access to the target audience, i am a student in ui ux design, i started learning about a week ago, i dont have too many friends i can send surveys too, and they may not be too interested either, also as a beginning freelancer i dont know too many people, how do i reach out to more people whom i may not know personally to participate, also how do i know what sort of questions to ask in the survey, since i dont work for the company i am just a designer, and different companies have different needs, in this video since the instructor is highly experienced they know what to look for, how do i get that sort of experience? please help, also i love the work you guys do, its beautiful, i am learning a lot, thank you.

[@whatsnewnow4469]

Thanks!

[@moshoodsanusi6246]

what a great job!

[@tori2040]

would like to see a video in depth on explaining auto layout and setting constraints. when I set an auto layout text to fill content and set another auto layout to fill content, the text will reset to fix. WHY??? as well as how you decide your spacing between elements not just the 8px rule. Is there a set spacing from top of page to first element? is there a rule that elements next to each other is 16px? is there a rule that elements beneath each other is 24px?

[@cesarghful]

Wonderful, thanks

[@PaschalAOgba]

good content. welldone.

[@RojaySuccessful]

mannnnn this course was well worth the investment !

[@bokangthoola9095]

Great video! Thank you. Shouldnt the pass from low fidelity to hi-fi be based on User Testing not Stakeholders? Like write give out Tasks to accomplish to possible users, then record how they do their tasks

[@edwardtheodore1427]

Your correct

[@afizolalekan4717]

i am glad to have seen this thrugh twitter. but i am confused on the design process,

[@carmaleneenelamrac3187]

Wow that's great

[@riahfatima8054]

thank you i wich if you make one about testing application

[@KycasCat]

Nice course, learned a lot. One question though, for this type of app we need a bit more than users to survey :) Lets say we have 10k+ results, what is the best way to analyze them. I guess putting the info into figma would be a bit of overkill.

[@adegnikaobachola7010]

Thanks for raising this up. I think the problem statement and project scope can be a great filter to eliminitate some result and focus on the most important to tackle. There are surely other tools out there that can easy the process of such big result. hope this help.

[@KycasCat]

@@adegnikaobachola7010 Thank you for the reply. Maybe you could share some popular tools that you like?

[@juanpablomersuglia6883]

This was great, and that's Okay.

[@nickireeman2488]

This is very very good for me

[@cryptopuncher]

Sir Brendan is a gift to humanity. Giving out premium content free.

[@manashkashyap7780]

Amazing video

[@mondoshigua]

🎄👋🏼🇨🇴🧔🏻👍🏼🤝🏼 Saludos desde Colombia, excelente taller, yo quiero aprender a crear diseños en Figma.

[@updates4043]

31:39 Why would someone submit their picture? Are there any specific reason why we should include that question? 1:32:51 - Grid

[@ushadesai6306]

If the two personas have exactly the same goals and frustrations, we have not covered the diverse user needs. How would we address this?

[@bloodtalon958]

I love you guys.

[@michaeldebellis4202]

Is there a GitHub or other source where we can find the Figma files for the example? Usually that is in the Description but I didn’t see it there.

[@sisiadebanke5007]

Joe brendan isssss🔥🔥🔥🔥🔥omg

[@jdgriffen8116]

Hay guys i love the work you guys do ....I have no idea of anything that code is but I have always been interested in code....but because of where I live work had to come before I could study anything ....I have never been able to get around or enough finances to do anything with code coz I had to work(plumbing) Please help(direct me to some work where I could learn in the process and get paid a little .....but none the less keep up the good work

[@iftekharulhaque2697]

this tutorial is for designers, not coders, we design design stuff, for example if somebody needs a website or app first they will hire a designer to come up with ideas of what the website or app will look like, after they design the app or site, front end coders come in and turn the design into codes, after that back end developers come in and make the site or app functional, think of it like building a house, we designers are like engineers who make the blueprint, the front end coders build on that blueprint, however building the house isn't enough, it needs things like water, electricity, furniture and so on, the backend coders make the building functional by for example getting the building access to water and electricity. this is my understanding after studying for the past two months, anybody reading this correct me if i am wrong. if you want to change careers, you could learn designing, start with simple stuff, like flyers and business cards, then work your way up, of course you will need a computer for these things. good luck

[@swatishishupal8215]

Thanks

[@learntocodenow]

nice video :)

[@adahbem6412]

whats the process of connecting the information architecture? practical steps, i mean

[@rafsanahamedridoy2853]

Nice video

[@lomrithsa]

Nice

[@suhaskishore1615]

can we put this on our LinkedIn/resume

[@sakibulislam8755]

Need some more course about ux ui

[@christiankingeta6031]

nice

[@edenassos]

I never knew the reason for user research. As someone with an engineering/science background, I consider myself able to think of contigencies and redundancies before they happen far better than any user could. Like you want someone who probably doesn't know more than you about UI design to tell you about where a button should be? As Steve Jobs once said, "People don't know what they want until you show them."

[@AP-pm9qy]

I think you are missing the point. User research is important and all the top tech companies like FAANG utilise user research and considering that one of the top reasons why start-ups fail is because they are creating something that people don't actually want to use really highlights how important user research is but it is also massively overlooked by people like you. For example, if you have an app and you are only 30% of users are going past the landing page, is it because they are confused? Is the information unclear? Does the website look unprofessional? Is the price too high? These are questions can only really be answered by doing user research. A sample size of a group of engineers who know the ins and outs of the project is not useful, you want a potential customer who is discovering this for the first time. What Steve Jobs is referring to is that you need to get your prototype or product in front of the users and see how they interact with it. You can't just ask questions with no basis. In the beginning that might work to get a general idea but to really move forward you need to evaluate how people are interacting with what you are making.