Wireframing for UX: What it is and how to get better at it

Поделиться
HTML-код
  • Опубликовано: 9 сен 2024
  • uxmastery.com/c...
    Wireframes: what they are, the different types of wireframes you can create, and some practical advice about how to improve your wireframes.
    --
    Can’t get enough? Follow us on our other social media and forums!
    Community forums - community.uxma...
    Website - uxmastery.com/
    Twitter - / uxmastery
    Facebook - / uxmastery
    Instagram - / uxmastery
    LinkedIn - / 3556372

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

  • @amywoolsey6591
    @amywoolsey6591 4 года назад +15

    At a time when things change so rapidly, it's amazing how applicable this video is almost 5 years later. Awesome!

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

    Love your drawing style. Thanks for that short, sharp and to the point tutorial.

  • @Icey-s
    @Icey-s 5 лет назад +1

    Love how at the end, it was one another UX project.

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

    100% Clear and straight to the point. Thank you author

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

    People who dislike videos like this one should not live in out world. Perfect explanation.
    Heaps of thanks..

  • @mennahassan7895
    @mennahassan7895 5 лет назад +1

    That’s a really cool video! I enjoyed every second. Thanks alot!

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

    You have described it in most easiest manner

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

    amazing sketching and layout works really well for teaching method

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

    Thank you! Super helpful and engaging video.

  • @1up42
    @1up42 5 лет назад

    Super cool presentation!

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

    This is awesome and very entertaining! Thanks!

  • @ManojKumar-ye6rn
    @ManojKumar-ye6rn 8 лет назад

    Very Nice Presentation

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

    Upload more videos... continue to educate us

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

    Just awesome man

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

    helpful, thanks

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

    Great🔥

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

    great video

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

    Thanks!

  • @iLoveTurtlesHaha
    @iLoveTurtlesHaha 5 лет назад +1

    30 seconds in, I love his accent - Awww so cute.

  • @usingThaForce
    @usingThaForce 4 года назад +1

    Great video! Mind if I re-post for a quick reference? Credit and marketing will go towards this channel. Shalom from Charleston S.C

  • @michelhieu
    @michelhieu 8 лет назад +6

    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 ;)

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

      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

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

      Hi, if I may drop in - how would you differentiate mock-ups and prototype then?

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

      @katrewhim prototype has more to do with functionality of application/software.

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

      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 !

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

      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.

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

    Great!!

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

    Awesome

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

    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?

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

      +Ha Ran Jung Omnigraffle lets you create prototypes with links between pages. Also Balsamiq and the new Adobe XD...

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

    good one :)

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

    Great

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

    What pen and/or set of markers do you recommend for wireframing?

  • @Ba3y-_-Bash
    @Ba3y-_-Bash 5 лет назад

    Do you perhaps know of any free wireframe tools that can be downloaded?

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

    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/

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

    Very confusing with all the doodley, it’s miskeasing

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

    hi im ben rowe and this is my draw my life