Michel Hieu Most of time wireframe refer to low detail or low res sketch of the general design that contain some details of the overal idea but mockup refer to a complete design of an UI / UX that might be goes to the final project and in short way mockup is the final looks of an UI / UX
BIG difference, many people connect it together and they think it's similar, and that idea is growing wrong way. Wireframing it's your thought about functionality, the example you have a page and what this page should have the picture, button, input place, chat.contact, rollover, login, paswords...after You click on it whats happen next this is the BRAIN . Mockup it's DESIGN related on that wireframing !
A mock up is more of the visual representation of the product. It is usually between wireframe and prototype in terms of fidelity. Mid level fidelity. It shows more of the visual aspect of the design, while prototypes shows more of the actual functionality of a product.
Awesome illustration, I love your drawing ! I've tried several tools for UX design, my favorite for building wireframe for apps is Mockingbot, but I'm still not satisfied with tools for web, I want the pages to interact with each other, any recommendations?
Having a community where you can ask questions & share your wins and struggles is super important to a healthy & happy remote work life. Check out the GUAVABEAN Freelancer Group 👉 facebook.com/groups/guavabean/
At a time when things change so rapidly, it's amazing how applicable this video is almost 5 years later. Awesome!
Love your drawing style. Thanks for that short, sharp and to the point tutorial.
Love how at the end, it was one another UX project.
100% Clear and straight to the point. Thank you author
You have described it in most easiest manner
Super cool presentation!
People who dislike videos like this one should not live in out world. Perfect explanation.
Heaps of thanks..
30 seconds in, I love his accent - Awww so cute.
amazing sketching and layout works really well for teaching method
Thank you! Super helpful and engaging video.
That’s a really cool video! I enjoyed every second. Thanks alot!
hi Ben, can you help me distinguish between a wireframe and a mockup ? when we use them in the process of making a website ? Thank a lot ;)
Michel Hieu Most of time wireframe refer to low detail or low res sketch of the general design that contain some details of the overal idea but mockup refer to a complete design of an UI / UX that might be goes to the final project and in short way mockup is the final looks of an UI / UX
Hi, if I may drop in - how would you differentiate mock-ups and prototype then?
@katrewhim prototype has more to do with functionality of application/software.
BIG difference, many people connect it together and they think it's similar, and that idea is growing wrong way. Wireframing it's your thought about functionality, the example you have a page and what this page should have the picture, button, input place, chat.contact, rollover, login, paswords...after You click on it whats happen next this is the BRAIN . Mockup it's DESIGN related on that wireframing !
A mock up is more of the visual representation of the product. It is usually between wireframe and prototype in terms of fidelity. Mid level fidelity. It shows more of the visual aspect of the design, while prototypes shows more of the actual functionality of a product.
Very Nice Presentation
This is awesome and very entertaining! Thanks!
Upload more videos... continue to educate us
Great video! Mind if I re-post for a quick reference? Credit and marketing will go towards this channel. Shalom from Charleston S.C
What pen and/or set of markers do you recommend for wireframing?
great video
Thanks!
helpful, thanks
Awesome illustration, I love your drawing !
I've tried several tools for UX design, my favorite for building wireframe for apps is Mockingbot, but I'm still not satisfied with tools for web, I want the pages to interact with each other, any recommendations?
+Ha Ran Jung Omnigraffle lets you create prototypes with links between pages. Also Balsamiq and the new Adobe XD...
Just awesome man
Great🔥
Awesome
Do you perhaps know of any free wireframe tools that can be downloaded?
Adobe xd is free to use and it's really good.
Great
Great!!
good one :)
Having a community where you can ask questions & share your wins and struggles is super important to a healthy & happy remote work life. Check out the GUAVABEAN Freelancer Group 👉 facebook.com/groups/guavabean/
hi im ben rowe and this is my draw my life
Very confusing with all the doodley, it’s miskeasing