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.
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....❤️❤️
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 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?
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
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...
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!
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.
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.
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....❤️❤️
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 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
new in this field and trying to learn something.
Same here 🙋🏻♂️
Same - update?
Your camera is basically an eyeball !!! GREAT VIDEO!
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
Thank you, and keep it up Sara; now i have a clearer idea on what i should focus on.
Super CUTE! 😍 And SINGLE! 🥰 Good video too. 😊
Oh, and I LOOOVE the accent. 💙🧡💚💛💜
SUBSCRIBED!
Cheers 🥂
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
I love your pronunciation. I'm a novice in this subject . Come here to learn. Nice one.
Cheers!
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 :*
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
This video is very helpful. Thank you! 💯
Love you and love your hardworking skill Sara
Garzie Sara, ottimo video! Great job
Thank you. We use Figma and Webflow at my company.
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 🌈❤️
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.
Great video! But you misspelled "pigma" instead of "figma" in the chapter s. Might help with the seo algorithm.
You're a very smart lady! I can't understand most of what you mean but it's interesting anyway. Thank you very much.
Very helpful video, thanks for sharing!
grazie mille, sto cercando di diventare un Ux designer partendo da zero...per fortuna ho trovato te!! xxx
Ahhh mi fa molto piacere 😻
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.
Very helpful info. Thank you!
Awesome introduction. Thank you!
Figma is the best prototyping tool for me
Nice nice! Thank you for the tips!
thank you explaning in detail. 👌
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
Thanks for your video! Very useful
im french and u have made a verygood video !
Grazie!! Questo video mi è stato molto utile!! Saluti!!
Amazing explanation, thanks
Thank you! So very very helpful!!
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!
Love you for this ...
So nicely explained
This helped me out 🤗🤗🤗
I’m so glad 😁
I using enterprise architecture for project my thesis, build diagram uml and wireframe.
thank you
Awesome... Thanku very much
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
very helpful !! thank you
Thanks, I’m happy to hear that this video was helpful 😊😊
thank youu
it's useful. thanks sister
Cheers mate!
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...
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!
Thanks Sara
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
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...
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/
Anyone else have difficulty installing Figma plugins? All I seem to get for options is "duplicate" and never seem to see install.
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!🎄🎅
thanks a lot.
which plugin is used in adobe xd ?
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!
hi please tell me web page design in corel draw which software prototype of corel file mohsin from lahore
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?
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
awsome!...
0:07 aint the vocal sound levels toooo lowww?
Sorry, I filmed it with my iPhone :(
@@SaraBrunettini ohkay, no worries
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!
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.
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
I like your accent
Prettiest women i have seen since loooong time
your transition moving the screen left is too fast it hurts my eyes
I'll remember it for next time, sorry for that!
@@SaraBrunettini thank you
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