Wireframing for Newbies

[@RaulJimenezOrtega]

Thanks! here is a video index of the video: (please feel free to add it to the description :D) 00:34 Software Development process 01:09 How Good Software Gets Made 01:50 User Experience (UX) 02:28 Wireframes 03:50 Wireframe examples 04:02 Wireframe != Prototype 05:45 Other UI Design artifacts 07:00 Wireframe characteristics 07:47 Overview differences 08:53 Wireframe tools 10:01 The Ideation Phase 16:59 Ideation Phase Tips & Tricks 17:13 The Validation Phase 18:15 Validation Phase Tips & Tricks

[@FaaBioo972]

Thanks you very much Raul 👍 I found this video very helpful and this index is a must have

[@JoeSantilli]

@@FaaBioo972 Thank you Raul.

[@thearchibaldtuttle]

This introduction is spot on! Also the explanation of traditional vs. agile approach is very helpful.

[@milomontgomery3975]

Archibald Tuttle? If i was reading a murder mystery book and I saw that name I would immediately know you were the one who did it.

[@gautammourya1063]

Best video on explaining Wirefarmes, thanks.

[@bkkumar8854]

This was really really good. Is there a "Balsamiq overview" tutorial?

[@SahitiSeemakurti]

perfect, thank you for the video and also the software! Very useful.

[@izieky]

Thank you!!! This video helped me get a better understanding.

[@PerspectivesWithIts_Anne_Ke]

Very simple to understand!

[@kashifsattar9652]

it's informative Thanks for uploading..... can you please tell how I can put a search box on my website.that prototype need what condition i can apply.

[@EastndFTball]

Thanks for the helpful overview man!

[@sadiamumtahnarhidi5888]

Thank you for this! Amazing

[@sabanoori4531]

The most important part was explained veeeeery fast!

[@jtinalexandria]

Are there any formal courses in using Balsamiq sponsored by the company? I find it a very useful program, but as a non-technical person, it's hard to use. I was using the program well enough a few months ago; after a break, I started using it again and the screen options now look and behave quite a bit differently. I find it hard to import images (for instance, a saved screenshot) into the work area; I find it very hard to manipulate objects, resize them, and get them to do exactly what I want.

[@jtinalexandria]

Thanks! Really appreciate that...

[@shanemcinally7092]

Thanks, I really loved the video

[@victoriarohrig5972]

What are some of the best practices that Balsamiq recommends for managing projects. In many examples main grids are built out, but how would you manage subsequent panels for software UI development within Balsamiq? Are there any unique features or shortcuts that easily manage moving around in the software mock ups?

[@balsamiq]

Hi Victoria, If I understand you correctly, you're asking about designing multiple screens that use common templates (which is typical for most web applications) and how to avoid redundant effort creating the parts of the screen that stay mostly the same from one page to another. Is that correct? If so, I recommend creating the templates for the various screen patterns as Symbols (docs.balsamiq.com/desktop/symbols/), which you can re-use as starting points for subsequent screens. See the link above or this video - kzbin.info/www/bejne/jIuunWVsmZmBppI - for an overview. And, as always, we're available at [e-mail] for more detailed answers. Hope this helps, - Leon

[@michaelcoleman468]

Balsamiq can you

[@michaelcoleman468]

Balsamiq can you build me a website?

[@balsamiq]

Hi Michael, I'm sorry we missed this question. We can't build you a website, but if you're a do-gooder in need of help for wireframing your ideas, get in touch with us at [e-mail], we will be happy to work with you. - Jess

[@tonylam3284]

what are somethings a web developer with no design sense to practice?

[@sabuein]

Thank you.

[@mcmusgro]

Good intro but then when he actually starts demoing the product, sped up 4x so can't possibly follow along or process how to learn balsamic,

[@SolomonUcko]

Also, you can slow down the video by up to 0.25 (back to original speed in this case), in the gear icon menu.

[@PerspectivesWithIts_Anne_Ke]

Thank you!

[@Layarion]

lol i LOVE that tree image

[@Scrimbleitybots]

Awesome stuff thank you!!

[@xNzinga]

Thanks for this!

[@rohil3023]

This is really useful. thanks a lot.

[@ozonelayerhole1371]

wow wonderful

[@UXDesignMaster]

NiceVideos!

[@ThatWasherNerd]

GCC Senior Project people wya?

[@kiranappu3064]

can you help me to do an wireframe for a problems

[@virginpereira5898]

Hi Kiran! While we do not offer professional services ourselves, we added resources on those pages that may be useful: - balsamiq.com/support/faqs/lookingforhelp/ - balsamiq.com/support/sales/training/ Also, you may find some inspiration here: balsamiq.com/learn/inspiration/live-wireframing/ Hope this helps! Any questions, we 're here ([e-mail]).

[@souravdas6635]

What is the tool used here?

[@brendansaricks8160]

It's our older wireframing app (Balsamiq Mockups 3 for Desktop), Sourav. You can download the newest version (Balsamiq Wireframes for Desktop) here: balsamiq.com/wireframes/desktop/. It comes with a fully-functioning 30-day trial. Let us know if you run into any questions or issues. :) [e-mail]

[@uyhengtaing9584]

Thankssss

[@lynnaliya1]

ARGGGGG!!! intro sooooo slow....then the whole reason I was watching to learn how to use balsamiq sped up 4x!!!!!

[@JuliaDeBari]

This video isn't intended as a product demo. You want to go to the Balsamiq Tutorials channel, kzbin.info/aero/PLVlyYfbClWxRpOSJvalIUTBxoqkrzowzI.