Wireframing for Newbies

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 พ.ย. 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 3 ปีที่แล้ว

      @@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.

  • @bkkumar8854
    @bkkumar8854 7 ปีที่แล้ว +2

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

  • @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.

  • @PerspectivesWithIts_Anne_Ke
    @PerspectivesWithIts_Anne_Ke 3 ปีที่แล้ว

    Very simple to understand!

  • @sabanoori4531
    @sabanoori4531 6 ปีที่แล้ว

    The most important part was explained veeeeery fast!

  • @EastndFTball
    @EastndFTball 7 ปีที่แล้ว +1

    Thanks for the helpful overview man!

  • @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.

    • @jtinalexandria
      @jtinalexandria 6 ปีที่แล้ว

      Thanks! Really appreciate that...

  • @shanemcinally7092
    @shanemcinally7092 5 ปีที่แล้ว

    Thanks, I really loved the video

  • @sadiamumtahnarhidi5888
    @sadiamumtahnarhidi5888 4 ปีที่แล้ว

    Thank you for this! Amazing

  • @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.

  • @sabuein
    @sabuein 2 ปีที่แล้ว

    Thank you.

  • @PerspectivesWithIts_Anne_Ke
    @PerspectivesWithIts_Anne_Ke 3 ปีที่แล้ว

    Thank you!

  • @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 - th-cam.com/video/VZKl26d4Np0/w-d-xo.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

  • @Scrimbleitybots
    @Scrimbleitybots 5 ปีที่แล้ว

    Awesome stuff thank you!!

  • @rohil3023
    @rohil3023 5 ปีที่แล้ว

    This is really useful. thanks a lot.

  • @xNzinga
    @xNzinga 6 ปีที่แล้ว

    Thanks for this!

  • @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.

  • @ozonelayerhole1371
    @ozonelayerhole1371 5 ปีที่แล้ว

    wow wonderful

  • @tonylam3284
    @tonylam3284 7 ปีที่แล้ว

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

  • @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

  • @Layarion
    @Layarion 4 ปีที่แล้ว

    lol i LOVE that tree image

  • @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).

  • @ThatWasherNerd
    @ThatWasherNerd 2 หลายเดือนก่อน

    GCC Senior Project people wya?

  • @UXDesignMaster
    @UXDesignMaster 6 ปีที่แล้ว

    NiceVideos!

  • @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, th-cam.com/play/PLVlyYfbClWxRpOSJvalIUTBxoqkrzowzI.html.