Wireframing for Newbies

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 45

  • @RaulJimenezOrtega
    @RaulJimenezOrtega 7 лет назад +54

    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
      @FaaBioo972 3 года назад +1

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

    • @JoeSantilli
      @JoeSantilli 2 года назад

      @@FaaBioo972 Thank you Raul.

  • @thearchibaldtuttle
    @thearchibaldtuttle 7 лет назад +7

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

    • @milomontgomery3975
      @milomontgomery3975 5 лет назад

      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
    @gautammourya1063 5 лет назад +1

    Best video on explaining Wirefarmes, thanks.

  • @SahitiSeemakurti
    @SahitiSeemakurti 6 лет назад +2

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

  • @izieky
    @izieky 4 года назад

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

  • @EastndFTball
    @EastndFTball 7 лет назад +1

    Thanks for the helpful overview man!

  • @sadiamumtahnarhidi5888
    @sadiamumtahnarhidi5888 4 года назад

    Thank you for this! Amazing

  • @PerspectivesWithIts_Anne_Ke
    @PerspectivesWithIts_Anne_Ke 3 года назад

    Very simple to understand!

  • @sabanoori4531
    @sabanoori4531 6 лет назад

    The most important part was explained veeeeery fast!

  • @shanemcinally7092
    @shanemcinally7092 5 лет назад

    Thanks, I really loved the video

  • @sabuein
    @sabuein 2 года назад

    Thank you.

  • @jtinalexandria
    @jtinalexandria 6 лет назад +1

    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.

  • @PerspectivesWithIts_Anne_Ke
    @PerspectivesWithIts_Anne_Ke 3 года назад

    Thank you!

  • @bkkumar8854
    @bkkumar8854 7 лет назад +2

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

  • @xNzinga
    @xNzinga 6 лет назад

    Thanks for this!

  • @Scrimbleitybots
    @Scrimbleitybots 5 лет назад

    Awesome stuff thank you!!

  • @ozonelayerhole1371
    @ozonelayerhole1371 5 лет назад

    wow wonderful

  • @rohil3023
    @rohil3023 5 лет назад

    This is really useful. thanks a lot.

  • @kashifsattar9652
    @kashifsattar9652 7 лет назад +1

    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.

  • @tonylam3284
    @tonylam3284 7 лет назад

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

  • @Layarion
    @Layarion 4 года назад

    lol i LOVE that tree image

  • @victoriarohrig5972
    @victoriarohrig5972 7 лет назад

    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
      @balsamiq  7 лет назад +1

      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 - ruclips.net/video/VZKl26d4Np0/видео.html - for an overview.
      And, as always, we're available at support@balsamiq.com for more detailed answers.
      Hope this helps,
      - Leon

    • @michaelcoleman468
      @michaelcoleman468 7 лет назад

      Balsamiq can you

    • @michaelcoleman468
      @michaelcoleman468 7 лет назад

      Balsamiq can you build me a website?

    • @balsamiq
      @balsamiq  7 лет назад

      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 community@balsamiq.com, we will be happy to work with you.
      - Jess

  • @mcmusgro
    @mcmusgro 6 лет назад +3

    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
      @SolomonUcko 4 года назад +2

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

  • @UXDesignMaster
    @UXDesignMaster 6 лет назад

    NiceVideos!

  • @kiranappu3064
    @kiranappu3064 5 лет назад

    can you help me to do an wireframe for a problems

    • @virginpereira5898
      @virginpereira5898 5 лет назад

      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 (support@balsamiq.com).

  • @souravdas6635
    @souravdas6635 4 года назад

    What is the tool used here?

    • @brendansaricks8160
      @brendansaricks8160 4 года назад

      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. :) support@balsamiq.com

  • @ThatWasherNerd
    @ThatWasherNerd Месяц назад

    GCC Senior Project people wya?

  • @uyhengtaing9584
    @uyhengtaing9584 7 лет назад

    Thankssss

  • @lynnaliya1
    @lynnaliya1 7 лет назад +2

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

    • @JuliaDeBari
      @JuliaDeBari 6 лет назад +2

      This video isn't intended as a product demo. You want to go to the Balsamiq Tutorials channel, ruclips.net/p/PLVlyYfbClWxRpOSJvalIUTBxoqkrzowzI.