Concise, clear, and to the point. Great video for those of us that are not a graphic designers and are in need of easy to use apps (some). Thanks so much for this very useful video, keep the good work.
Thanks So much Sara❤️. A small thing I noticed, I think you should keep eye contact with the viewers instead of your self on the camera viewfinder. It will be more focused and connecting ☺️
You're amazing .....the way you describe is awesome.....well, i'm currently learning figma for ui/ux ....... you're open minded and try to tells everything you know....you should be teacher....❤️❤️
you gave me useful tips and grew more ideas in my mind because I did not know about what is the difference between wireframes and prototypes. I deeply understood and know about UI/UX ....you have great ideas and information regarding design. I really appreciate and give you an amazing compliment . Thanks mam
Thank you so much Sara, this is exactly what i was lookin for. Amazing job with this video, hope it will help as many designers out there. Subscribed! :) Take care :*
Sara , can you make a whole video on ui/ux which describes the whole process like:-- How you get a ui/ux project? What you ask from the client about the project (like any suggestions or etc)? Then how you think and make ui / ux both, after that what do you send to the client (like prototype, wireframe or any other thing , actually i dont know it's my guess ) before sending the whole project . Suppose if you made an ui/ux for an food delivery app ....then what do you send to the client before exporting the whole project? ALL STEPS with detail........ From beginning to end each and every step ..... IF YOU MADE THIS VIDEO THEN PLEASE USE " FIGMA ".............PLZ
@@SaraBrunettini yes sara ,.... One more thing is that I'm confused other than above problem is that i.e., when i see ux related videos they say that prototyping is part of UX and when i see UI related videos thay say prototyping is part of ui ? As we know that research and wireframing related works are of UX designer and prototyping is part of UI ? ......so ,if they say that prototyping is ux job then there is no role of UI designer....?..... SORRY FOR MY BIG QUESTIONS....BUT I PREFER YOU TO ASK BECAUSE OF A REASON 🌈❤️
@@SaraBrunettini per me è indifferente, parli inglese molto bene, per cui OK. Mi piacerebbe vedere tutorial per iniziare ad utilizzare subito questi strumenti. Non so se hai già fatto qualcosa...ti ho appena scoperta e non ho curiosato sul canale. Spesso i tutorial sono noiosi e lenti, io sono per uno stile veloce e "subito al punto". Il vantaggio di YT è che posso vederlo mille volte... non serve andare piano! Cmq molto brava.
@@SaraBrunettini onestamente non li conosco operativamente. Ma nel mio lavoro potrebbero essere interessati. Per prototipazione... Quindi quello con il mix semplicità/risultato migliore. Che dici?
Ciao! qual'è il programma migliore (più completo) senza codice (solo visual) per realizzare il sito web finale (in questo caso un e-commerce) partendo dal prototipo creato con figma? grazie.
Thanks Sara for just a clear and informative video. I do service process and process modelling using Axure for wireframes and I understand it can do prototyping as well. What do you think of Axure Sara, have you heard of it? Is it similar to XD? Appreciate any one else's preference between Axure or XD. Thanks
Hi Sara! Great Video. I am working on a website design for a startup. But I am not sure how can I test the design. Like after creating a prototype, is their any tool which can collect user data wherein users can use our website prototype and then somehow we can collect their feedback?
Thanks! this was helpful! Can you suggest any 3 wireframe tools for a website/web app development? I was using Balsamiq but couldn't get fully satisfied!
Buonasera Sara, nonostante sviluppi da più di 20 anni, mi sto avvicinando solo ora al wireframing. Ora che sono un indipendente... Bellissimo video. Una cosa che mi ha fatto enorme tenerezza, al di la della sua notevole preparazione e comunicatività, è il FANTASTICO accento italiano del suo notevole inglese. Adorabile ;-D P.S. Mi sono iscritto alla sua mailing list con il mio mail della ditta... Spero che il server non sia, come spesso succede ultimamente, troppo aggressivo e blocchi la sua mail, senza nemmeno metterla in indesiderata...
Mi stai simpatica e voglio darti un consiglio non richiesto ma molto utile: il 99% delle parole inglesi si pronunciano con l'accento sulla prima sillaba. Ti faccio un esempio: tu pronunci differént con l'accento sulla terza sillaba (rè), come se fosse la parola in italiano differènte, che giustamente ha l'accento sulla terza sillaba. La parola in inglese però, si pronuncia con l'accento sulla prima sillaba: dìfferent (sillaba dì). Questo era un esempio, ma fai la stessa cosa con metà delle parole che hai pronunciato nel video. PS: Ti chiedo scusa ma non ho potuto resistere, l'accento sulle seconde e terze sillabe in inglese mi fa lo stesso effetto delle unghie sulla lavagna. Perdonami e grazie per le informazioni del tuo video.
Thanks for sharing Sara, very nice presentation, and keep up the good work.
02:39 Lucichart (User flow, User Journey, and Wireframe) + including lots of free templates
03:33 Adobe XD (Designing tool for prototyping products) Ex: designing landing pages
04:34 Figma (Interface design tool/prototyping)
05:47 Procreate (Sketching, illustrating & Prototyping artworks/Wireframing & Landing Pages during ideation phase)
07:26 Webflow (Wireframing-Final Product/ Prototyping)
Legend
Concise, clear, and to the point. Great video for those of us that are not a graphic designers and are in need of easy to use apps (some). Thanks so much for this very useful video, keep the good work.
Thank you, and keep it up Sara; now i have a clearer idea on what i should focus on.
Your camera is basically an eyeball !!! GREAT VIDEO!
Love you and love your hardworking skill Sara
Thanks So much Sara❤️. A small thing I noticed, I think you should keep eye contact with the viewers instead of your self on the camera viewfinder. It will be more focused and connecting ☺️
Thank you. We use Figma and Webflow at my company.
new in this field and trying to learn something.
Same here 🙋🏻♂️
Same - update?
Super CUTE! 😍 And SINGLE! 🥰 Good video too. 😊
Oh, and I LOOOVE the accent. 💙🧡💚💛💜
SUBSCRIBED!
Cheers 🥂
You're amazing .....the way you describe is awesome.....well, i'm currently learning figma for ui/ux ....... you're open minded and try to tells everything you know....you should be teacher....❤️❤️
you gave me useful tips and grew more ideas in my mind because I did not know about what is the difference between wireframes and prototypes. I deeply understood and know about UI/UX ....you have great ideas and information regarding design. I really appreciate and give you an amazing compliment . Thanks mam
My Favourite is XD, as i can wireframe, design and prototype all in one place. I code so i find this is now part of my process. Great video Sara.
One of the best videos on the topic. Love the comparison and the demos.
Thanks, it's so kind of you! :)
@@SaraBrunettini ruclips.net/video/qOIPKg_wdSc/видео.html
Very helpful info. Thank you!
thank you explaning in detail. 👌
Hey thank you!! i have one tip please place chapters in your video since people like me keep coming back to your video it will be quite helpful
I love your pronunciation. I'm a novice in this subject . Come here to learn. Nice one.
Cheers!
Garzie Sara, ottimo video! Great job
So nicely explained
You're a very smart lady! I can't understand most of what you mean but it's interesting anyway. Thank you very much.
im french and u have made a verygood video !
My favorite Figma Plugins are Lorem Ipsum and Avatars. Helps alot with filling texts and photos of random persons :P
They are really good plugins indeed 😁 thanks for sharing it
Amazing explanation, thanks
Thank you so much Sara, this is exactly what i was lookin for. Amazing job with this video, hope it will help as many designers out there. Subscribed! :) Take care :*
grazie mille, sto cercando di diventare un Ux designer partendo da zero...per fortuna ho trovato te!! xxx
Ahhh mi fa molto piacere 😻
This video is very helpful. Thank you! 💯
Very informative and qualityful video. Thank You dear :)
Thanks 😊
i love web flow and figma too.. also miro .. wireframe cc sucks lol anyway i love how you enthustically say things.. a real designer.
Figma is the best prototyping tool for me
Nice nice! Thank you for the tips!
Grazie!! Questo video mi è stato molto utile!! Saluti!!
Very helpful video, thanks for sharing!
Thanks for your video! Very useful
Love you for this ...
great videos and by seeing your videos even I will be UX designer and thanks for making such good videos
I wish you all the best for your future career as a UX Designer! 😊
@@SaraBrunettini thanks Sara
Sara , can you make a whole video on ui/ux which describes the whole process like:--
How you get a ui/ux project?
What you ask from the client about the project (like any suggestions or etc)?
Then how you think and make ui / ux both, after that what do you send to the client (like prototype, wireframe or any other thing , actually i dont know it's my guess ) before sending the whole project .
Suppose if you made an ui/ux for an food delivery app ....then what do you send to the client before exporting the whole project?
ALL STEPS with detail........
From beginning to end each and every step .....
IF YOU MADE THIS VIDEO THEN PLEASE USE " FIGMA ".............PLZ
Do you mean like a freelance project?
@@SaraBrunettini yes sara ,.... One more thing is that I'm confused other than above problem is that i.e., when i see ux related videos they say that prototyping is part of UX and when i see UI related videos thay say prototyping is part of ui ?
As we know that research and wireframing related works are of UX designer and prototyping is part of UI ? ......so ,if they say that prototyping is ux job then there is no role of UI designer....?.....
SORRY FOR MY BIG QUESTIONS....BUT I PREFER YOU TO ASK BECAUSE OF A REASON 🌈❤️
Great video! But you misspelled "pigma" instead of "figma" in the chapter s. Might help with the seo algorithm.
Awesome introduction. Thank you!
Hey sara...I am a complete newbie to web design world! /What is more better for web designing? Ipad or MacBook?
MacBook! ✨
@@SaraBrunettini thank you so much! Do u also have any course for newbies?
Hopefully soon!
Thank you! So very very helpful!!
Sara, sei super!!! mi sono iscritto! mitica!!
Tante grazie! ☺️ ti piacerebbe vedere più contenuti in italiano?
@@SaraBrunettini per me è indifferente, parli inglese molto bene, per cui OK. Mi piacerebbe vedere tutorial per iniziare ad utilizzare subito questi strumenti. Non so se hai già fatto qualcosa...ti ho appena scoperta e non ho curiosato sul canale. Spesso i tutorial sono noiosi e lenti, io sono per uno stile veloce e "subito al punto". Il vantaggio di YT è che posso vederlo mille volte... non serve andare piano!
Cmq molto brava.
Grazie per il consiglio! Che tools ti piacerebbe approfondire tra Figma, XD o Webflow? Sono quelli che uso maggiormente
@@SaraBrunettini onestamente non li conosco operativamente. Ma nel mio lavoro potrebbero essere interessati. Per prototipazione... Quindi quello con il mix semplicità/risultato migliore. Che dici?
Penso Figma sia un’ottima scelta
Awesome... Thanku very much
Ciao! qual'è il programma migliore (più completo) senza codice (solo visual) per realizzare il sito web finale (in questo caso un e-commerce) partendo dal prototipo creato con figma? grazie.
Webflow! 🎉
@@SaraBrunettini Grazie! :) Volevo chiederti giusto due cose sulla tua professione, posso scriverti? Se sì, dove?
Certo la mia email è hi@sarabrunettini.com
it's useful. thanks sister
Cheers mate!
thank you
Mam, please tell one wireframe, one mockup and a prototype tool that is used widely nowadays. Also if there is single tool then please let me know
Figma is the one!
I using enterprise architecture for project my thesis, build diagram uml and wireframe.
which plugin is used in adobe xd ?
This helped me out 🤗🤗🤗
I’m so glad 😁
Ciao Sara. In your opinion,which one is the best programme to use for wireframe? Adobe XD or Illustrator?
500% Adobe XD
And between Figma and Adobe XD?
Thanks Sara
Love your tutorials! My que is " *Do i need coding to become a ui/ux designer* ?
Thanks for the great one.
Nope! ✨
@Sara Brunettini Thats really awesome to hear *, right now i'm* a *Graphic Designer*
Aspiriing to be a UI/UX.
Thanks for the help!
very helpful !! thank you
Thanks, I’m happy to hear that this video was helpful 😊😊
Thanks Sara for just a clear and informative video. I do service process and process modelling using Axure for wireframes and I understand it can do prototyping as well. What do you think of Axure Sara, have you heard of it? Is it similar to XD? Appreciate any one else's preference between Axure or XD. Thanks
I heard of Axure but never tried it. Sorry, I cannot be really helpful here...
thanks a lot.
thank youu
Hi Sara, what do think of Anima for prototyping? I feel a bit outdated using Sketch and invision.
I’ve never really used it, sorry! I might give it a go at some point
Hi Sara! Great Video.
I am working on a website design for a startup. But I am not sure how can I test the design. Like after creating a prototype, is their any tool which can collect user data wherein users can use our website prototype and then somehow we can collect their feedback?
Have you tried HotJar? :) www.hotjar.com/
Thanks! this was helpful!
Can you suggest any 3 wireframe tools for a website/web app development?
I was using Balsamiq but couldn't get fully satisfied!
I’d say Figma! 🔝
@@SaraBrunettini Thankyou! I will check it out
Merry Christmas!🎄🎅
0:07 aint the vocal sound levels toooo lowww?
Sorry, I filmed it with my iPhone :(
@@SaraBrunettini ohkay, no worries
hi please tell me web page design in corel draw which software prototype of corel file mohsin from lahore
Anyone else have difficulty installing Figma plugins? All I seem to get for options is "duplicate" and never seem to see install.
07:19 I like this position too! 😉
Buonasera Sara, nonostante sviluppi da più di 20 anni, mi sto avvicinando solo ora al wireframing. Ora che sono un indipendente... Bellissimo video. Una cosa che mi ha fatto enorme tenerezza, al di la della sua notevole preparazione e comunicatività, è il FANTASTICO accento italiano del suo notevole inglese. Adorabile ;-D P.S. Mi sono iscritto alla sua mailing list con il mio mail della ditta... Spero che il server non sia, come spesso succede ultimamente, troppo aggressivo e blocchi la sua mail, senza nemmeno metterla in indesiderata...
awsome!...
I would like to work with you to build a website prototype, what is the best way to contact you ?
You can email me at sbrunettinidesign@com 😊 looking forward to find out more!
She talk with Valentino Rossi's accent
Is it a good thing? 😅
It is a good thing tho, it was mean that you still have strong Italian accent on you :D
Prettiest women i have seen since loooong time
Mi stai simpatica e voglio darti un consiglio non richiesto ma molto utile:
il 99% delle parole inglesi si pronunciano con l'accento sulla prima sillaba.
Ti faccio un esempio:
tu pronunci differént con l'accento sulla terza sillaba (rè), come se fosse la parola in italiano differènte, che giustamente ha l'accento sulla terza sillaba.
La parola in inglese però, si pronuncia con l'accento sulla prima sillaba: dìfferent (sillaba dì). Questo era un esempio, ma fai la stessa cosa con metà delle parole che hai pronunciato nel video.
PS: Ti chiedo scusa ma non ho potuto resistere, l'accento sulle seconde e terze sillabe in inglese mi fa lo stesso effetto delle unghie sulla lavagna. Perdonami e grazie per le informazioni del tuo video.
Lo terrò a mente, grazie
@@SaraBrunettini Gentilissima. Iscritto e con tutte le notifiche. Ti auguro un sereno Natale.
I like your accent
great, but all of these are Adobe-toxic monthly subscription, which I will never consider a good long-term solution
I’ve got a students discount 🫢
*Teacher and Waifu material.*
webflow? just use Dreamweaver
What's that? ahaha just kidding
Your chapter for Figma says Pigma. Oink.
Procreate is in the Pigma section too, lol.
It was created automatically but thanks for calling it out!
Thank you! I gues u should add framic.io to the tools list. Suitable for both experienced and newbies and costs $ 2