What is a Wireframe?

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

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

  • @3dfashiondesigner
    @3dfashiondesigner 10 лет назад +45

    Thank you very much for the F-shape info. I never realized this. Your video is very well made and straight forward.

  • @FabioSilva-gf5wn
    @FabioSilva-gf5wn 10 лет назад +9

    Wow, that made the difference in my college final project. I never really understood how to start building a website. Thanks for sharing!

  • @yanike
    @yanike 8 лет назад +5

    Thanks for reminding me about the F pattern. I'm working on a new project now and forgot to think about the attention span and how the user views a website. Great Tutorial worth play-listing.

  • @oxfordiphone
    @oxfordiphone 10 лет назад +15

    The presentation was clear, concise and informative. Thank you

  • @Topulis91
    @Topulis91 9 лет назад +5

    Thank you! I didn't know about this process when making websites. Just learned something new today!
    Greetings from Chile!

  • @156tonio5656
    @156tonio5656 10 лет назад +2

    Thanks,
    This helped me wrap my brain around the Wireframe terminology that's being used so much, in regards to Web Designing. It's been awhile (years), since I last designed a website of my own. I'm starting to design sites again, and there's so much more available for designers now, so I guest I'm a newbie at Web Designing all over again. (Btw, we just called them sketches in my day, and I was glad to hear you refer to it as being a sketch once). Good video!

  • @reezdog
    @reezdog 7 лет назад +6

    This just saved me $300 bucks on a course in a classroom ;)

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

    Collaboration possibilities is another important aspect of wireframing, commenting and collaborating about future design. Everyone has their own tunnel vision regarding design, client, PMs, designers etc. Wireframes allow everyone to paint their own vision using comments and instant feedback. This is really important and shortens the necessary time to successful design.

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

    Straight to the point and no weird music. Thanks 🙂

  • @AnasWahes
    @AnasWahes 10 лет назад +14

    She's an angel. I sow the video twice, the first one to see her talking and the second one to understand the wireframes,,,,, LOL

  • @sinlokemp
    @sinlokemp 8 лет назад +3

    Beauty with brains! Nice me likely! Very good tutorial 👍

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

    Concise and focused on the basics. Good video for the beginners.

  • @Daniel-wt9bh
    @Daniel-wt9bh 6 лет назад

    it's a pity that not all clients care for wireframes, recently they told me, we don't care for that, i need to see, the colors, fonts and everything working to give u a opinion. but it's a nice tutorial to organize the data, thank u.

  • @jamescruce1167
    @jamescruce1167 10 лет назад +1

    That very informative and well structured. You followed all of the rules of engagement while speaking and where able to compile a lot of information in a compact presentation. Thank you

  • @indronilb
    @indronilb 10 лет назад +4

    excellent short intro to the subject

  • @DamienOBrienJ
    @DamienOBrienJ 10 лет назад +9

    Anyone notice the Sign up box Changed when the Scene Cut?

  • @RyanCloverOwens
    @RyanCloverOwens 8 лет назад +3

    Thanks Kiersten for helping me understand this!

  • @EdgarMartinezHumberto
    @EdgarMartinezHumberto 9 лет назад +1

    The most important time saving step is going to be wireframing. My advise, architect your application on every level from the DB to the UI.

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

    Informative and crisply said. I like the F pattern - felt good to know about it. Thank you for the video!

  • @brunygallerynyc345
    @brunygallerynyc345 10 лет назад +1

    Great video! Thanks for simplifying this for us.

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

    Very clear presentation of some good information. Good job and thank you.

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

    great little, packed some solid learning in a very short time. thank you

  • @neuneustudio1439
    @neuneustudio1439 9 лет назад

    I never knew that is called "wireframes" until end of last year I discover it in some magazine. I did this in all the time in my web designs, and I'm just call it "basic mock up".

  • @judymiller1753
    @judymiller1753 8 лет назад +3

    I learned a lot. Thanks for the info.

  • @ramoncardenas7816
    @ramoncardenas7816 8 лет назад +1

    Thanks Kiersten, Good work. :) It helps me review what it was. :)

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

    good job will better next time
    best of luck

  • @lindaharrison3240
    @lindaharrison3240 9 лет назад

    Now that I watched this, I remember we learned this in web design class. Let me ask you this: is a wireframe the same thing as a template? If not, how are they different? Sometimes I feel like in tech they give new words to old ideas, tool, etc. and if I can know that, it helps me. Because I'm old. Well, I'm not in my 20s anymore.

    • @thyagosic
      @thyagosic 9 лет назад +1

      +Linda Harrison Well, a wireframe is more like a guide to your idea. A template is the final result. You use a wireframe to build your template.

    • @lindaharrison3240
      @lindaharrison3240 8 лет назад

      OK, got it. Thanks.

    • @alexandrdanilov5379
      @alexandrdanilov5379 8 лет назад

      So what's the diffrence between wireframe and a prototype?

    • @thyagosic
      @thyagosic 8 лет назад

      Alexandr Danilov I think the answer may vary from person to person, but in my opinion, they're the same.

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

      So wireframe is more like a model of UI's then mockup is like a non functional model of UI's with realized inner logical behaviour?

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

    Thank you, this was really easy to comprehend.

  • @princehollywood25
    @princehollywood25 10 лет назад +2

    This will help me alot. thx!

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

    Very informative...thanks! You've provided some great insights into the intro to web development etc... Do you have any other web or stored application development tutorials?

  • @edwardCYHsu
    @edwardCYHsu 8 лет назад +2

    I like this presentation.

  • @TiMalice2009
    @TiMalice2009 8 лет назад +1

    Great explanation.

  • @noahrosenheck9250
    @noahrosenheck9250 7 лет назад +5

    The 'N' in iNFO is backwards and it's driving me up the wall

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

      Hahaha I didn't even notice!

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

      That's a design that can invoke emotion! And that's super powerful :) Probably is in her D(N)A ;-)

  • @Options_99
    @Options_99 9 лет назад

    thank you very much , but i have a small question please
    what is a different between wireframe and hand-sketch design?

  • @pikezeed
    @pikezeed 9 лет назад

    i'am learning so happy!!

  • @alexandrdanilov5379
    @alexandrdanilov5379 8 лет назад

    Then why a list of related videos on youtube is located on the right side of the page? what's the trick?

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

    can you tell me how we can represent repetition of blocks in wireframin e.g onclick add more button

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

    it's good informative video.
    I am new using axure. please can someone help me how to make a search box

  • @ustocentral
    @ustocentral 9 лет назад

    Thank you, this a great sum-up

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

    Easy Tigers concentrate!!. F reading is generally western reading. Right to left would be like Arabic. So it's advisable to make adjustments according to the culture and audience.

  • @martinkollar4703
    @martinkollar4703 8 лет назад +1

    Very helpful

  • @MercuriallMan
    @MercuriallMan 11 лет назад

    Are you an Information Architect?

  • @mothersmucker1
    @mothersmucker1 8 лет назад

    Thanks!

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

    Thanks

  • @mysteryaman
    @mysteryaman 9 лет назад +34

    I just watched her twice ... Damm i am not able to concentrate on topic .. she is beautiful

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

    I cant even draw straight lines when drawing a box.

  • @manoharkendole2717
    @manoharkendole2717 8 лет назад

    excellent

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

    So basically, And U were not in a F shape but I focused you whole time. Great Job :D

  • @jonidimo
    @jonidimo 10 лет назад +2

    Great info!
    ps. what a nice hair ...

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

    shes taken guys.. i just checked out her facebook

  • @roifrance6279
    @roifrance6279 8 лет назад

    I felt out of focus sometimes, I have to replay the video again. Kiersten it's your fault. :P you're beautiful.. :)
    Thanks for the video. I learned here.

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

    She is really beautiful!!

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

    wire frame details lecture add

  • @shoppingreviewsindia
    @shoppingreviewsindia 8 лет назад +1

    so cute

  • @mangalsingh-ml7yy
    @mangalsingh-ml7yy 6 лет назад

    thankyoooooooou awesome

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

    so pretty

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

    good wow :D

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

    She is so beautiful. I wish she was my class teacher, i bet she can teach every subject.

  • @chrischang6507
    @chrischang6507 8 лет назад +1

    WOW ~!!
    Pretty

  • @solitariobsd
    @solitariobsd 9 лет назад +7

    sorry but I have to say it... she is really really beautiful!! xD
    Regards from Mexico!

  • @hettv-nganlam
    @hettv-nganlam 9 лет назад +4

    nice lesson, nice girl

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

    she is so beautiful

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

    she's pretty....! Damnn prettyyyy..!!!
    btw i learned alot.
    watched 100 times :D

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

    The hottest tutor i ever seen...beautiful

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

    Miss you are the most beautiful girl I have ever seen and your voice is very very awesome

  • @russel_dev
    @russel_dev 8 лет назад

    OMG ... you are so cute !!!!

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

    The reason I am not liking the video because she hides her beauty by turning her neck towards the board. Damn!! I am just looping this :)