Тёмный

How To Create Your First Wireframe (A UX Tutorial) 

CareerFoundry
Подписаться 268 тыс.
Просмотров 611 тыс.
50% 1

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 337   
@careerfoundry
@careerfoundry 3 года назад
Start your own journey into UX Design with our free 6-day UX short course. Check our our full video explainer of the course, here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rvBf_dQky7Q.html 👈 So now you know the basics of wireframing! What next? Subscribe to our channel for more instructional UX content: ru-vid.com What tips can you share for rapid wireframing? Do you have a favourite wireframing tool or technique you can share with our audience? Let us know in the comments!
@bipulkumar3149
@bipulkumar3149 2 года назад
TTY you to the at tuturor tgtttt5tttttgtt
@notion_aura
@notion_aura 2 года назад
UIZARD, thats literally good tools every designer need to know:)
@anjalikumari6119
@anjalikumari6119 2 года назад
hey I am Indian and can I come to Germany and attend your course?
@lifewithsubham
@lifewithsubham Год назад
It's like learning and relearning agai..
@MarkYoung_0711
@MarkYoung_0711 8 месяцев назад
I appreciated the production quality of this helpful lesson. And i liked the instructors vocal qualities and the editing quality.
@janetmarcosx
@janetmarcosx 2 месяца назад
I'm over the moon about this! In no time, I was able to create my first wireframe. Thanks a million for your help!
@ShauntProductions
@ShauntProductions 2 года назад
Dee, thank you so much for this! In 12 minutes learned so much and feeling more confident already on this first step in UX/UI! Thank you!
@careerfoundry
@careerfoundry 2 года назад
Thanks! We're glad you found this video informative and useful to start your career!
@sehrishameen5453
@sehrishameen5453 2 года назад
Hi there.. above all, I wanna admit that I constantly had a smile on my face while listening to you. thank you for such a positive learning vibe.
@evangeline5152
@evangeline5152 Год назад
This tutorial is everything I need now. Thank you so much
@waleadesina8746
@waleadesina8746 3 года назад
I love the wireframe Illustration. simple and unique
@careerfoundry
@careerfoundry 3 года назад
Thanks, glad you enjoyed it!
@SwiftyMods
@SwiftyMods 5 месяцев назад
Very good tutortial for entry level ux designers ! Please Make more videos creating more wireframes.
@anwarmalandy1822
@anwarmalandy1822 2 года назад
Wonderful, As a 21 experienced print media graphic designer to a UI/UX Designer, to me, this is very much valuable and subscribed for more further packs!
@letsmakemusic7132
@letsmakemusic7132 2 года назад
I can watch her tutorials all day😂😍
@careerfoundry
@careerfoundry 2 года назад
Thanks! Glad you enjoy them!
@wetiot
@wetiot 3 года назад
With copy & paste functionality in digital wireframing, I find it much easier & quicker to try out different ideas and layouts digitally. I forgo the whole freehand sketching part.
@careerfoundry
@careerfoundry 3 года назад
This can definitely be a good method to try out different designs! Although for more specific needs and custom designs, freehand sketching can be more flexible and intuitive.
@danekwunife4893
@danekwunife4893 2 года назад
Which tool do you use?
@cristianmunoz5459
@cristianmunoz5459 2 года назад
TNice tutorials was excellent man, thank you so much! I'm a 40yr old noob that's always wanted to try making soft and never got around to it. I'm
@623_shailendramishra4
@623_shailendramishra4 Год назад
Best video on wireframing
@cessakinyi
@cessakinyi 9 месяцев назад
In place of paper sketching, I use a tool called Excalidraw that's easy to collaborate on and share. Love the video 🎉
@bongzsmalawu1614
@bongzsmalawu1614 9 месяцев назад
You explain so clearly ❤❤. I will only ask you one favour, who is the artist on the background music, its so peaceful ❤❤
@VictoriaJusticeInternetVideos
@VictoriaJusticeInternetVideos 20 дней назад
This really helps. Thank you!
@eddyLama
@eddyLama 2 года назад
I love your voice so much I get caught up and re-watch these videos 3 ou 4 times 😅
@josephsaaid
@josephsaaid 2 года назад
Concise and value packed video. Thank you!
@careerfoundry
@careerfoundry 2 года назад
Thanks Joseph! Glad it was useful!
@talhashaikh1435
@talhashaikh1435 Год назад
Very subtle way.
@libujohn4059
@libujohn4059 2 года назад
Dee, Thank you so much your wonderful video❤️
@Diaryofahairlover
@Diaryofahairlover Год назад
I’m really learning a lot, thanks for sharing
@Tushar-ou5pz
@Tushar-ou5pz Год назад
Very good ...thank you...very interesting and useful..and enjoyed..👍💫
@NiceChange
@NiceChange 2 года назад
So easy to watch and learn..great work
@uchennaanochilionye4313
@uchennaanochilionye4313 2 года назад
Thank you so much for this video. I'm just starting out in UX/UI and this is the first video I've watched on the wireframe topic. Very concise, clear and straight to the point. I'm only realizing that all of these design components are things I already know and use in my everyday life. I'm so pumped to be doing this professionally!!! I thank you from the bottom of my heart for this video!😍🥰🤩🧡❤
@omindivinoja0789
@omindivinoja0789 6 месяцев назад
If you started UX/UI in last year can you tell me how your experience with it up until now? I'm studying to get started in it as well. I just wanna know about the career side form a new starter.
@dors.graffiti
@dors.graffiti 2 года назад
Thanks for sharing very valuable information. Greetings from Peru
@careerfoundry
@careerfoundry 2 года назад
You're welcome! Glad you found it informative and welcome to the channel!
@konarklohat8195
@konarklohat8195 2 года назад
Her voice is adorable 🥺
@inkinikki
@inkinikki 3 года назад
Wireframe CC tool looks cool!
@careerfoundry
@careerfoundry 3 года назад
Thanks Dominique, it's free and browser based, really good for getting some basic ideas digitised! Glad you enjoyed it!
@NimeshFernando-vq9dl
@NimeshFernando-vq9dl 11 месяцев назад
thank you very much
@careerfoundry
@careerfoundry 11 месяцев назад
You're welcome!
@Sentence191
@Sentence191 Год назад
Im learning web design on my own. Do I need a wireframe for my newly created site?
@kakanishalemraju9995
@kakanishalemraju9995 Год назад
great tutorial, i notieced that in closeuo short you dont have wrist black band and in normal short you have black wrist band, may be you edit, super awesome tutorial
@rileyz2505
@rileyz2505 2 года назад
Thanks, this video helped me a lot!
@kamal-hassan
@kamal-hassan Год назад
I always confused what is Mockup, Wireframe, Prototype, but know I understand Wireframe, the rest will come.
@bukolabello2959
@bukolabello2959 3 года назад
Thanks so much for this. Very insightful
@roshanafernando2443
@roshanafernando2443 Год назад
I tried the free version of Wireframes CC. Where can I find the icon to export the pic?
@girijanandi2541
@girijanandi2541 2 года назад
Really great & very simple to understand. The way Dee explains, it makes the topic very simple for everyone. I think digital wireframe is the best option than paper coz it will save lots of paper. I really like all those fun parts in the last part of making a video.
@shaydenoliver8018
@shaydenoliver8018 2 года назад
Very helpful thank you.
@MindAJInside
@MindAJInside 2 года назад
Love it, thank you!
@careerfoundry
@careerfoundry 2 года назад
You are so welcome!
@anamikamishra5521
@anamikamishra5521 3 года назад
Really helpful..thanks!
@brijeshpandey99
@brijeshpandey99 10 месяцев назад
Great video
@vns5050
@vns5050 2 года назад
Figma tutorial video plz....
@careerfoundry
@careerfoundry 2 года назад
Thanks for the suggestion! Figma tutorial videos are definitely on our radar, so stay tuned to our channel for those videos when they come out!
@joystreaming1412
@joystreaming1412 2 года назад
Thanks!
@careerfoundry
@careerfoundry 2 года назад
Thank you, glad you enjoyed the video!
@avinashgaikwad4624
@avinashgaikwad4624 3 года назад
Hi, great job done !!!!!!!
@careerfoundry
@careerfoundry 3 года назад
Thanks Avinash, glad you enjoyed the video!
@astriaprlyn4257
@astriaprlyn4257 2 года назад
Nice🧡
@careerfoundry
@careerfoundry 2 года назад
Thanks!
@wscottholmes
@wscottholmes 3 года назад
Password field?
@patekreol974
@patekreol974 3 года назад
super video
@careerfoundry
@careerfoundry 3 года назад
Thanks!
@sravyasudha1559
@sravyasudha1559 3 года назад
You never included an enter password field, why the forgot password option then?
@muslimahtranquil1280
@muslimahtranquil1280 3 года назад
Add yours
@AvidAfrican
@AvidAfrican 2 года назад
This is just an introduction or a tip. You can build yours amd add whatever you want lol
@boredpotato5940
@boredpotato5940 2 года назад
You forgot to add a sign up button 😅
@careerfoundry
@careerfoundry 2 года назад
The link for sign up is in the description of the video. You can register to our free UX short course through this link directly though: bit.ly/BecomeAUXDesigner
@fragilegameplay3161
@fragilegameplay3161 Год назад
She is so pretty
@asifdadashov161
@asifdadashov161 Год назад
🔥
@funmrafvv3912
@funmrafvv3912 2 года назад
Don't feel good bro i was in the sa precision you was in
@beloveddigital
@beloveddigital Год назад
I like figma and I am a beginner
@muslimahtranquil1280
@muslimahtranquil1280 3 года назад
I created my first wireframe . Thanks to you. Much love
@Calumrussell88
@Calumrussell88 3 года назад
Love these technical walk-throughs! Nice edit too! Thanks!
@edmaxwell-wood6533
@edmaxwell-wood6533 3 года назад
I agree! So cool to see both the freehand and digital wireframing in action. Loved it.
@careerfoundry
@careerfoundry 3 года назад
Glad you like them Calum! Thanks!
@careerfoundry
@careerfoundry 3 года назад
Thanks Ed!
@laizamaebaway7710
@laizamaebaway7710 3 года назад
I am an IT student and wireframe is one of our activity.. Thank you cause through this video, I've learned how to make it.
@rajkawle4476
@rajkawle4476 2 года назад
Hi laiza..m also learning although m mech.engg
@rajkawle4476
@rajkawle4476 2 года назад
@Tracy Brown same mee to
@chrissyg197
@chrissyg197 2 года назад
Just a thought. Wouldn't it have been more beneficial to put "create account" on this screen instead of "forgot my password" since the user is not inputing a password on this screen? I'm assuming on the next screen the user would be prompted for the password, which is where the "forgot my password" option should be. I know this was just a general how-to video, and not really getting into specifics like this, but it just posed a question for me :)
@gunjanbhatnagar8214
@gunjanbhatnagar8214 2 года назад
I agree.
@elvisojo9795
@elvisojo9795 Год назад
You're right
@jussjy
@jussjy Год назад
definitely bro
@mcdaniels6188
@mcdaniels6188 11 месяцев назад
I agree with you. It shouldn't be assumed everyone has an account for that specific site, or they have Google or Facebook.
@7thsensu
@7thsensu 9 месяцев назад
What if you make what you described as the first page which THEN leads to the login page which she designed? I think that would be even better
@Athaleff
@Athaleff 3 года назад
This helps so much! Can't wait to start practicing! 🤓
@careerfoundry
@careerfoundry 3 года назад
Thanks, glad to hear it was helpful! Let us know if you enjoy Wireframing.cc!
@firstgameronline9365
@firstgameronline9365 2 года назад
oh my god i was going to know about wireframing and the author asks me What is wireframing in the first second of the video🤣🤣🤣🤣🤣🤣🤣🤣🤣
@careerfoundry
@careerfoundry 2 года назад
Hopefully this video helps then! Enjoy!
@aaxiom31
@aaxiom31 2 года назад
Thank you for this most excellent and concise content. Whatever you do, DO NOT get to the point where you think that leaving out your out-takes is a good idea. :-)
@careerfoundry
@careerfoundry 2 года назад
Thanks Phil, glad you're enjoying the videos! We'll make sure to include them in the upcoming videos too!
@junaidsiddiqui2
@junaidsiddiqui2 2 года назад
This is great !! A quick and crisp overview with hands - on. Thank you !
@careerfoundry
@careerfoundry 2 года назад
Thanks! Glad you enjoyed it!
@byAlexfromua
@byAlexfromua Год назад
That's great! I faced lots of struggles making my wireframes in a complex way before realizing it makes no sense & that I need to learn a way to wireframe in a simple way
@aravindk325
@aravindk325 2 года назад
Excellent walk-through! It is so simple! I thought this is something very technical!
@ministarbox9942
@ministarbox9942 2 года назад
Where is "ENTER PASSWORD" field?
@подливочка
@подливочка 6 месяцев назад
it's prototype
@animeshrose
@animeshrose 2 года назад
Thank you so much. I have a interview for the post of APM in 6 days.
@careerfoundry
@careerfoundry 2 года назад
You're welcome! Hopefully you interview went well!
@be_like_water_
@be_like_water_ 2 года назад
Thanks so much for this information. Wireframing is really underrated and I, um, just.... wil you marry me? ❤❤🥰🥰🌹🌷
@DaevorTheDevoted
@DaevorTheDevoted 8 месяцев назад
Shouldn't there also be a field to enter the password? 🤔 Nevertheless, thank you for educating me on wireframes. Much appreciated.
@the_oneironaut
@the_oneironaut 3 года назад
Very well explained. Great content! Also, lucid dreams can help a lot with everything.
@careerfoundry
@careerfoundry 3 года назад
Thanks José, glad you found it useful!
@sociallydrained123
@sociallydrained123 Год назад
When completing wireframes, do you eventually have generic templates saved that you reference when starting new projects? Or do you always start from scratch?
@Denzzeru_07
@Denzzeru_07 9 месяцев назад
sulit 12 mins ko idolo
@Nialler143
@Nialler143 11 месяцев назад
Do you go to digital wireframes after you've tested your paper version or just right afterwards?
@rajeswarivk3573
@rajeswarivk3573 Год назад
Hi I'm html developer and I'm interested in designing I'm startup in designing how to analyze screen size r layout size while creating wire frames
@mrCetus
@mrCetus 2 года назад
Really great & very simple to understand. The way Dee explains, it makes the topic very simple for everyone. I think digital wireframe is the best option than paper coz it will save lots of paper. I really like all those fun parts in the last part of making a video.
@Sebastian-zs8cp
@Sebastian-zs8cp 2 года назад
why can't i start right away in adobe xd or figma? have to waste a sheet of paper to digitize the same thing. 2. it costs money in man power. 3. sounds like a technology from the stone age. if you start analog first
@VictoryVision138
@VictoryVision138 Месяц назад
very useful tutorial I used this to make my university project designs
@danditto6145
@danditto6145 2 года назад
Please do a video on Witeframing with FIGMA and one on moving Photos to Figma from Adobe. Great videos!! Speaker is appropriately timed and understandable!! Yeah Her!
@Theileflottante
@Theileflottante 2 года назад
Nice tool and nice video! But the screen doesn't make sense. Login with email adress only? No field to enter password, but 'forgot my password' underneath. Where's the logic?
@careerfoundry
@careerfoundry 2 года назад
Thanks, glad you enjoyed and thanks for your feedback! Yes, the password field was not included. However, we only designed this login screen as an example which doesn't necessarily mean that this is how the real-world design would look like. Although nice job on noticing and thanks for watching!
@ramyelya11
@ramyelya11 Год назад
U know i am falling inlove with your beautiful smile OMG
@abonile1
@abonile1 Год назад
I think paper sketch and wireframing tools are alternative of each others.
@kalpitrana3424
@kalpitrana3424 Год назад
Is there any app to practice wire framing so that I have to master
@Vlogsbyabdullah922
@Vlogsbyabdullah922 Год назад
YOUR SMILE IS GOOD ND YOU ARE LOOKING LIKE #MomalShaikh
@soulmate20
@soulmate20 Год назад
So after this the an UI DESIGNER COMES IN RIGHT
@belindaunamka8068
@belindaunamka8068 11 месяцев назад
Can i use my android phone for wireframing since i hv not assess to a laptop
@rawlingssamuel5236
@rawlingssamuel5236 Год назад
Your hand sketching is so neat. I love it. Thanks for this video. It was very helpful 🙂
@okekejoel6632
@okekejoel6632 Год назад
I think it's supposed to be email and password before log in
@inone355
@inone355 2 года назад
Thanks , ගොඩක් උදව් වුනා (Helped a lot) (ɔ◔‿◔)ɔ ♥
@big_fred
@big_fred Год назад
Which is right, wireframe before design or design before wireframe?
@SusanTamrakar
@SusanTamrakar 3 года назад
Hands down the best content for starters
@careerfoundry
@careerfoundry 3 года назад
Thank you Susan! That's very kind feedback! We have more videos like this on the way!
@dharsh2220
@dharsh2220 Год назад
thanks
@princeliamprincewill8701
@princeliamprincewill8701 9 месяцев назад
Nice walk through. But please what software is that?
@progo66channel
@progo66channel 2 года назад
Good Job. Sukses Mrs.
@careerfoundry
@careerfoundry 2 года назад
Thanks, glad you enjoyed the video!
@jennbun4521
@jennbun4521 3 года назад
Wouldn't there be a password area under the email/username area? Then under that, "forgot my password".
@careerfoundry
@careerfoundry 3 года назад
Hey, for sure, you can add this in, the beauty of a wireframe can be iterated on again and again in a matter of minutes!
@yashkhedekar4833
@yashkhedekar4833 Месяц назад
Well i created and saved it but how to share to us??
@nwokochachijioke7497
@nwokochachijioke7497 2 года назад
Thank you for this tutorial. Still much relevant even to date. ☺
@MiMi-dc9qs
@MiMi-dc9qs Год назад
This was soo useful. Thank you !!!
@christianbanks4368
@christianbanks4368 Месяц назад
Side note background to good for me to focus
@millionsnaps3842
@millionsnaps3842 Год назад
did you forget to put the box for entering password ?
@retiredhooper4168
@retiredhooper4168 3 года назад
Excellent presentation and context!.......I'm hooked!
@ghost.riddle
@ghost.riddle Год назад
Hi Team I am currently working as software developer more of coding side But want to Switch to Ui/Ux designing And not getting any proper route for taking my first step Can you please help me out ? Many thanks in advance!! 😊
@Stefanos_Athinagoras
@Stefanos_Athinagoras Год назад
now thats a nice fucking tutorial respect!
@kalpitrana3424
@kalpitrana3424 Год назад
Can we design machine using wireframing
@BELIEVER366
@BELIEVER366 9 месяцев назад
Thanks 😊 very much for this video 😊.. just a minutes have grabbed what have being worrying about all this while
@keithwright9093
@keithwright9093 Год назад
Im sorry to know what his ex wife been through but sad part is derrick gives alot of relationship advice to women to transform there lives some praise him but he but he couldn't save his marriage
Далее
ПОЮ ВЖИВУЮ🎙
3:19:12
Просмотров 879 тыс.
Witch changes monster hair color 👻🤣 #shorts
00:51
Chris Do Redesigns Our Logo! (For FREE)
27:47
Просмотров 230 тыс.
User flow tutorial | How I use them in design projects
8:27
UX / UI Design Portfolio Reviews (2022)
34:57
Просмотров 269 тыс.
60-30-10 Color Rule
6:18
Просмотров 1,9 млн
How to Design a Website - A UX Wireframe Tutorial
30:00
UI Design - How To Choose Colors (A Deep Dive)
15:33
Просмотров 23 тыс.