Great Design With User Research - Design a Mobile App Using Figma
ฝัง
- เผยแพร่เมื่อ 30 มิ.ย. 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
A really well-organized course; 3+ hours well invested. Now I am ready to design apps professionally. Thank you!!!
i expected a figma tutorial and i got a full overview of the design process. super nice
ppplplpplppppppppppppppppppppppppppppppppppppppopppplpplpppppppopppplpppppp
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
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 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 💯
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
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 ?
My Nigerian Guy with Another 🔥🔥🔥.
Proud of you Sir.
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.👏
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.
Awesome video. Compressed what it takes to complete a lengthy case study in under 4 hours. Great addition to one’s portfolio
Great material man! I am newcomer to UX/UI Design and your materials and freecodecamp are helping me a lot! Thanks!
Thanks for this awesome course! really helpful!
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?
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 adding this course! This is a whole package.
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.
This is really great, nice to see you're taking into account UX and not only UI 🙌
P.
.
Thanks for teaching to a student who is getting started in UX/UI world. It was really helpful.
Exactly what I needed. Can't thank you guys enough ❤️❤️
Wow great job, very thorough
This is just above my expectation. You rock all the process from UX to UI.
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
Great content! Please do more design/figma videos. Thanks!
This is definitely a great video with abundant learning. Thanks to the educator.
Thank you Joseph and FCC, you all are amazing as always! I hope to give back in the future.
Awesome tutorial. Loved it !
This is first video I seen on TH-cam, which explained each small information about uiux process 🎉 thank you so much for this knowledge sharing ❤
You are awesome man, absolute fine process about UX
I love Figma as a developer this course was awesome!
Thank you For this Course. It took me to th eUI/UX world and I began My first Journey.
Great job Brandon!
You're the best.
thanks a lot for this great video. Very useful and well done. Cheers from Chile
thank you it was the best one ux design in figma i am looking four the next one keep the good work
Thank you FCC, this channel is One of the great things that have happened to humanity
This is the best course ever . You made so many things clear to me. Thanks
Wow, I am down for this.
Great course. Well done.Thank you.
This is the greatest TH-cam channel of all time. Thank you so much guys. I've been learning so much.
+1
This is so amazing! Thank you very much!
This truly is awesome, thanks a bunch
The most Awesome Tutorial ever..... Thank you.... 👏
Amazing!!!! loved it.
i love this course and good case studies I enjoyed to learn this course.
please make a one course on for Adobe XD
An awesome tutorial! Thank you very much 🥰👍
You're Amazing Brother, Thanks much!
Thank you Josseph for this great explanation we would like to see more videos from you master.
That's Great! Thank you so much.
Thanks for this course. It's so helpful.
You just made my life better, thank you
Thank you, Brendan and the entire FCC team.
Omggg thank you 😭😭😭💜💜💜
Thank you for the great tutorial 🌈
A course on writing good case studies would be great as well.
@Admin ✚❶❻❷❽❷❶❹❷❾❸⓿ message you where?
Bots are ruining TH-cam comments
PERFECT thank you
Very nice video and that's okay. Really learned a lot from this video.
You're the best sir. Love you.🎉
Wonderful, thanks
Thank you sir for the wonderful course.
I really enjoyed designing with you
Thank you sir❤❤❤❤❤❤ this lesson really helped to do my assignment very well.
thanks again sir 🙌🙌❤❤
what a great job!
U are the best buddy. kudos💪💪💪💪💪
Thanks!
very useful for me thanks🤗
You are an amazing professional
well explained......thank you boss
i am learning everyday everything because of you
thanks to all who is providing free tutorial for poor student
Best beginner course ever
good content. welldone.
Thank You sir😀
I really love the class ... Pls can you do a video on designing a home demand app
nice video :)
Amazing video
Wow that's great
mannnnn this course was well worth the investment !
This is very very good for me
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
I love you guys.
thank you i wich if you make one about testing application
This was great, and that's Okay.
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
Kenyan coders are watching good job bro
Like for kenyans
Kenyan coders need to be more generous with their knowledge.
@@repotranstech9614 Yeah
Nice
Sir Brendan is a gift to humanity. Giving out premium content free.
🎄👋🏼🇨🇴🧔🏻👍🏼🤝🏼 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,
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?
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?
Thanks
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
Joe brendan isssss🔥🔥🔥🔥🔥omg
nice
31:39 Why would someone submit their picture? Are there any specific reason why we should include that question?
1:32:51 - Grid
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
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
Good
If the two personas have exactly the same goals and frustrations, we have not covered the diverse user needs. How would we address this?
I really want a course on how to develop games like gta
Need some more course about ux ui
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."
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.