Great Design With User Research - Design a Mobile App Using Figma
HTML-код
- Опубликовано: 5 авг 2024
- 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
![The moment we stopped understanding AI [AlexNet]](/img/1.gif)
A really well-organized course; 3+ hours well invested. Now I am ready to design apps professionally. Thank you!!!
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.
Thank you Brandon, seeing a Nigerian sharing his knowledge . Brings so much joy to me.
Nice accent
Same here the joy is too much
My guy is just too good 👍
Monke
My Nigerian Guy with Another 🔥🔥🔥.
Proud of you Sir.
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
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.
i expected a figma tutorial and i got a full overview of the design process. super nice
ppplplpplppppppppppppppppppppppppppppppppppppppopppplpplpppppppopppplpppppp
Thank you for this course , this channel will go down as one of the greatest things happened to humanity....
Agree 💯
what the FCC team is doing is so underrated
love this channel, wouldn't be where i am today without their site
@@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.
@@LordKosmux Agree 👍🏿
Agree 💯
Awesome video. Compressed what it takes to complete a lengthy case study in under 4 hours. Great addition to one’s portfolio
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.👏
Great material man! I am newcomer to UX/UI Design and your materials and freecodecamp are helping me a lot! Thanks!
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?
Thanks for adding this course! This is a whole package.
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.
Thanks for teaching to a student who is getting started in UX/UI world. It was really helpful.
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!
Can you share the 10 hours course link ?
Exactly what I needed. Can't thank you guys enough ❤️❤️
Wow great job, very thorough
Thank you Joseph and FCC, you all are amazing as always! I hope to give back in the future.
This is just above my expectation. You rock all the process from UX to UI.
Thanks for this awesome course! really helpful!
This is first video I seen on RUclips, which explained each small information about uiux process 🎉 thank you so much for this knowledge sharing ❤
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
Anyone who is new to user research, Don't start with user surveys bc they are hard to get correctly. Start with user interviews.
hello sir, could you please elaborate more on that? i am a beginner in ui ux design.
Surveys can be a great way to screen people whom you'd interview as well, so this can be a little misleading.
Awesome tutorial. Loved it !
This is the best course ever . You made so many things clear to me. Thanks
Great content! Please do more design/figma videos. Thanks!
This is definitely a great video with abundant learning. Thanks to the educator.
I love Figma as a developer this course was awesome!
Great job Brandon!
You're the best.
Thank you For this Course. It took me to th eUI/UX world and I began My first Journey.
Thank you FCC, this channel is One of the great things that have happened to humanity
thanks a lot for this great video. Very useful and well done. Cheers from Chile
You are awesome man, absolute fine process about UX
This truly is awesome, thanks a bunch
i am learning everyday everything because of you
thanks to all who is providing free tutorial for poor student
thank you it was the best one ux design in figma i am looking four the next one keep the good work
This is so amazing! Thank you very much!
Wow, I am down for this.
Great course. Well done.Thank you.
Amazing!!!! loved it.
Thank you, Brendan and the entire FCC team.
You're Amazing Brother, Thanks much!
The most Awesome Tutorial ever..... Thank you.... 👏
An awesome tutorial! Thank you very much 🥰👍
This is really great, nice to see you're taking into account UX and not only UI 🙌
P.
.
You're the best sir. Love you.🎉
That's Great! Thank you so much.
Thank you Josseph for this great explanation we would like to see more videos from you master.
You just made my life better, thank you
Thanks for this course. It's so helpful.
what a great job!
PERFECT thank you
Wonderful, thanks
Thank you sir❤❤❤❤❤❤ this lesson really helped to do my assignment very well.
thanks again sir 🙌🙌❤❤
i love this course and good case studies I enjoyed to learn this course.
please make a one course on for Adobe XD
Thank you for the great tutorial 🌈
This is the greatest RUclips channel of all time. Thank you so much guys. I've been learning so much.
+1
Best beginner course ever
U are the best buddy. kudos💪💪💪💪💪
Thanks!
Very nice video and that's okay. Really learned a lot from this video.
Omggg thank you 😭😭😭💜💜💜
well explained......thank you boss
You are an amazing professional
Thank You sir😀
mannnnn this course was well worth the investment !
very useful for me thanks🤗
I really love the class ... Pls can you do a video on designing a home demand app
good content. welldone.
This is very very good for me
A course on writing good case studies would be great as well.
@Admin ✚❶❻❷❽❷❶❹❷❾❸⓿ message you where?
Bots are ruining RUclips comments
Amazing video
Wow that's great
This was great, and that's Okay.
I love you guys.
Nice video
Thanks
Thank you sir for the wonderful course.
I really enjoyed designing with you
Sir Brendan is a gift to humanity. Giving out premium content free.
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.
nice video :)
Joe brendan isssss🔥🔥🔥🔥🔥omg
thank you i wich if you make one about testing application
Kenyan coders are watching good job bro
Like for kenyans
Kenyan coders need to be more generous with their knowledge.
@@repotranstech9614 Yeah
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
Nice
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?
🎄👋🏼🇨🇴🧔🏻👍🏼🤝🏼 Saludos desde Colombia, excelente taller, yo quiero aprender a crear diseños en Figma.
i am glad to have seen this thrugh twitter. but i am confused on the design process,
nice
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
Your correct
Good
31:39 Why would someone submit their picture? Are there any specific reason why we should include that question?
1:32:51 - Grid
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.
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.
@@adegnikaobachola7010 Thank you for the reply. Maybe you could share some popular tools that you like?
If the two personas have exactly the same goals and frustrations, we have not covered the diverse user needs. How would we address this?
interesting
Need some more course about ux ui
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.
I really want a course on how to develop games like gta