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

Пікірлер: 204

  • @Specifix1
    @Specifix12 жыл бұрын

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

  • @kiq4767

    @kiq4767

    2 жыл бұрын

    Nice accent

  • @victoradeniyi6210

    @victoradeniyi6210

    2 жыл бұрын

    Same here the joy is too much

  • @PublicHealthResources

    @PublicHealthResources

    2 жыл бұрын

    My guy is just too good 👍

  • @Iamafuckingmadlad

    @Iamafuckingmadlad

    Жыл бұрын

    Monke

  • @grecog92
    @grecog922 жыл бұрын

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

  • @hakha19

    @hakha19

    2 жыл бұрын

    ppplplpplppppppppppppppppppppppppppppppppppppppopppplpplpppppppopppplpppppp

  • @TheJonathanLugo
    @TheJonathanLugo2 жыл бұрын

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

  • @SohCahToa30
    @SohCahToa302 жыл бұрын

    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.

  • @umarbnnaseer
    @umarbnnaseer2 жыл бұрын

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

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

  • @luckyking1762
    @luckyking17622 жыл бұрын

    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

  • @kevinaigbogun5362
    @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

    @minaksheee

    7 ай бұрын

    Can you share the 10 hours course link ?

  • @masteroogway6808
    @masteroogway68082 жыл бұрын

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

  • @akramdahmani7214

    @akramdahmani7214

    2 жыл бұрын

    Agree 💯 what the FCC team is doing is so underrated

  • @gilbertlopez

    @gilbertlopez

    2 жыл бұрын

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

  • @LordKosmux

    @LordKosmux

    2 жыл бұрын

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

    @naijasongs3462

    2 жыл бұрын

    @@LordKosmux Agree 👍🏿

  • @naijasongs3462

    @naijasongs3462

    2 жыл бұрын

    Agree 💯

  • @swatishishupal8215
    @swatishishupal82152 жыл бұрын

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

  • @kmim80
    @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
    @ux.jonathan2 жыл бұрын

    Thanks for this awesome course! really helpful!

  • @GC-Tech
    @GC-Tech2 жыл бұрын

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

  • @anushag6742
    @anushag67422 жыл бұрын

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

  • @vaibhavborkar6070
    @vaibhavborkar60702 жыл бұрын

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

  • @vatsalaykhobragade
    @vatsalaykhobragade2 жыл бұрын

    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

    @iftekharulhaque2697

    2 жыл бұрын

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

  • @gookanga

    @gookanga

    6 ай бұрын

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

  • @thehacker645
    @thehacker6452 жыл бұрын

    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?

  • @luisvasquez3083
    @luisvasquez30832 жыл бұрын

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

  • @jesusdiaz-zi3rc

    @jesusdiaz-zi3rc

    2 жыл бұрын

    P.

  • @jesusdiaz-zi3rc

    @jesusdiaz-zi3rc

    2 жыл бұрын

    .

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

  • @gaurisharma2253
    @gaurisharma22532 жыл бұрын

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

  • @chris_james
    @chris_james2 жыл бұрын

    Wow great job, very thorough

  • @adegnikaobachola7010
    @adegnikaobachola70102 жыл бұрын

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

  • @MrJzigy
    @MrJzigy2 жыл бұрын

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

  • @amolbharambe8827
    @amolbharambe88273 ай бұрын

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

  • @_drpositive
    @_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

  • @mohamedghaithwelhezi3680
    @mohamedghaithwelhezi36802 жыл бұрын

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

  • @Tech_Alchemy
    @Tech_Alchemy2 жыл бұрын

    I love Figma as a developer this course was awesome!

  • @ratheeshkkke
    @ratheeshkkke2 жыл бұрын

    Awesome tutorial. Loved it !

  • @deepakfialok
    @deepakfialok2 жыл бұрын

    You are awesome man, absolute fine process about UX

  • @6alonl
    @6alonl2 жыл бұрын

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

  • @sh-izou9249
    @sh-izou9249Ай бұрын

    This is the best course ever . You made so many things clear to me. Thanks

  • @emmanueladekunle9638
    @emmanueladekunle96388 ай бұрын

    This truly is awesome, thanks a bunch

  • @okundiaobazee3888
    @okundiaobazee38882 жыл бұрын

    Great job Brandon! You're the best.

  • @billywilliams1437
    @billywilliams14372 жыл бұрын

    Wow, I am down for this.

  • @naijasongs3462
    @naijasongs34622 жыл бұрын

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

  • @vikiyoggi2
    @vikiyoggi22 жыл бұрын

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

  • @dev2174
    @dev217410 ай бұрын

    You're Amazing Brother, Thanks much!

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

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

  • @diogos7233
    @diogos72332 жыл бұрын

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

  • @Aced_Dreamer

    @Aced_Dreamer

    2 жыл бұрын

    +1

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

    This is so amazing! Thank you very much!

  • @benhasel4540
    @benhasel45402 жыл бұрын

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

  • @avinashmurmu9070
    @avinashmurmu90702 жыл бұрын

    Amazing!!!! loved it.

  • @comedyandsports5583
    @comedyandsports55833 ай бұрын

    Thank you, Brendan and the entire FCC team.

  • @samlatimer350
    @samlatimer3502 жыл бұрын

    Great course. Well done.Thank you.

  • @olamideogundele7243
    @olamideogundele72432 жыл бұрын

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

  • @samuelowusuannor8256
    @samuelowusuannor825610 ай бұрын

    You're the best sir. Love you.🎉

  • @itsme-kd2pg
    @itsme-kd2pg Жыл бұрын

    PERFECT thank you

  • @gloriamaaji8253
    @gloriamaaji825311 ай бұрын

    An awesome tutorial! Thank you very much 🥰👍

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

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

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

    You just made my life better, thank you

  • @disha159.
    @disha159. Жыл бұрын

    Thank you for the great tutorial 🌈

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

    what a great job!

  • @emmaolivia6656
    @emmaolivia66562 жыл бұрын

    That's Great! Thank you so much.

  • @Anas-Ben88
    @Anas-Ben88 Жыл бұрын

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

  • @cesarghful
    @cesarghful9 ай бұрын

    Wonderful, thanks

  • @emmahawking922
    @emmahawking9222 жыл бұрын

    Omggg thank you 😭😭😭💜💜💜

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

    Thanks for this course. It's so helpful.

  • @tharinduthilakshana8433
    @tharinduthilakshana84334 ай бұрын

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

  • @jianafran
    @jianafran2 жыл бұрын

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

  • @abhishekgautam9604
    @abhishekgautam96042 жыл бұрын

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

  • @whatsnewnow4469
    @whatsnewnow44692 жыл бұрын

    Thanks!

  • @ironpurush0978
    @ironpurush09782 жыл бұрын

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

  • @ironpurush0978

    @ironpurush0978

    2 жыл бұрын

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

  • @ocfrank

    @ocfrank

    2 жыл бұрын

    Bots are ruining KZread comments

  • @JX304U
    @JX304U4 ай бұрын

    Thank You sir😀

  • @anthonykimuyaofficial
    @anthonykimuyaofficial2 жыл бұрын

    Best beginner course ever

  • @unyimeabasinelson244
    @unyimeabasinelson2442 жыл бұрын

    You are an amazing professional

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

    well explained......thank you boss

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

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

  • @ehsanghochagh7244
    @ehsanghochagh72442 жыл бұрын

    very useful for me thanks🤗

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

    mannnnn this course was well worth the investment !

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

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

  • @PaschalAOgba
    @PaschalAOgba2 жыл бұрын

    good content. welldone.

  • @manashkashyap7780
    @manashkashyap77802 жыл бұрын

    Amazing video

  • @carmaleneenelamrac3187
    @carmaleneenelamrac31872 жыл бұрын

    Wow that's great

  • @nickireeman2488
    @nickireeman24882 жыл бұрын

    This is very very good for me

  • @learntocodenow
    @learntocodenow2 жыл бұрын

    nice video :)

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

    thank you i wich if you make one about testing application

  • @rafsanahamedridoy2853
    @rafsanahamedridoy28532 жыл бұрын

    Nice video

  • @bloodtalon958
    @bloodtalon9582 жыл бұрын

    I love you guys.

  • @jpm1911
    @jpm19112 жыл бұрын

    This was great, and that's Okay.

  • @lomrithsa
    @lomrithsa2 жыл бұрын

    Nice

  • @swatishishupal8215
    @swatishishupal82152 жыл бұрын

    Thanks

  • @tori2040
    @tori20402 жыл бұрын

    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?

  • @sisiadebanke5007
    @sisiadebanke50072 жыл бұрын

    Joe brendan isssss🔥🔥🔥🔥🔥omg

  • @iftekharulhaque2697
    @iftekharulhaque26972 жыл бұрын

    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.

  • @afizolalekan4717
    @afizolalekan47172 жыл бұрын

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

  • @cryptopuncher
    @cryptopuncher2 жыл бұрын

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

  • @tareqjarwan6235
    @tareqjarwan62352 жыл бұрын

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

  • @55BLOCKS
    @55BLOCKS2 жыл бұрын

    Kenyan coders are watching good job bro Like for kenyans

  • @repotranstech9614

    @repotranstech9614

    2 жыл бұрын

    Kenyan coders need to be more generous with their knowledge.

  • @55BLOCKS

    @55BLOCKS

    2 жыл бұрын

    @@repotranstech9614 Yeah

  • @osunlekesamuel8392
    @osunlekesamuel83922 жыл бұрын

    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

  • @updates4043
    @updates404311 ай бұрын

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

  • @christiankingeta6031
    @christiankingeta60312 жыл бұрын

    nice

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

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

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

  • @michaeldebellis4202
    @michaeldebellis42028 ай бұрын

    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.

  • @bonazzoli1152
    @bonazzoli11522 жыл бұрын

    Good

  • @bokangthoola9095
    @bokangthoola90952 жыл бұрын

    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

    @edwardtheodore1427

    Жыл бұрын

    Your correct

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

    Need some more course about ux ui

  • @sharvalikatarwar2058
    @sharvalikatarwar20582 ай бұрын

    so talking about how Anne Folake name thing was displayed on the screen, do we make a page which collects all the basic information like name, date of Birth and gender, etc after signing up, for the user's name to be displayed on the home page? are you trying to hint that over here?

  • @KycasCat
    @KycasCat2 жыл бұрын

    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

    @adegnikaobachola7010

    2 жыл бұрын

    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

    @KycasCat

    2 жыл бұрын

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

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

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