Це відео не доступне.
Перепрошуємо.

UX Design Fundamentals: What do your users really see - Billy Hollis

Поділитися
Вставка
  • Опубліковано 1 сер 2024
  • Developers are often unaware of how their users actually see their screens. In this UX design session, we'll discuss the most important principles concerning how the human brain and visual system determine how users see application interfaces.
    We'll look at Gestalt principles for grouping and highlighting, inattentional blindness and change blindness, how users scan through a view, and how to promote clarity in interfaces with levels of emphasis. Tests will help attendees see how they personally experience these principles, and better understand the challenges faced by their users when views and pages are not designed to respect design principles.
    Check out more of our talks, courses, and conferences in the following links:
    ndcconferences.com/
    ndc-london.com/

КОМЕНТАРІ • 26

  • @JKTCGMV13
    @JKTCGMV13 2 роки тому +11

    For the propane % around 31:00 I think there's probably also something to be said about leaving enough in the tank so that the color shows. I might be annoyed if a screen said 0% but still showed something, but the benefit of knowing what the container is for via color probably outweighs that.

  • @WickedTwitches
    @WickedTwitches 3 роки тому +16

    Holy crap is this excellent and simple to understand.

    • @Galactipod
      @Galactipod 2 роки тому +1

      How does it only have 13,000 views?

  • @Uristqwerty
    @Uristqwerty Рік тому +2

    Rather than "more whitespace", you can go back to the old technologies of background colours on groups of related items, lighting, shadows, and visible borders. All of them not only can be picked up by a greater portion of your field-of-view, but are also things your brain has spent decades building dedicated processing circuitry to use, to separate objects in a crowded scene. Heck, over the rest of the talk, much of that is directly demonstrated! And the examples of the speaker's work both use those techniques *and* have less padding than many of the other examples, much less most sites on the internet today! Density is a balance, and part of why users don't trust designers in that regard is because so many seem to be unaware of the many other tools available, so lean *too heavily* on reducing density to compensate.

  • @choosumfat
    @choosumfat 3 роки тому +21

    Have you thought about giving this lecture to Microsoft? They could really use it.

    • @BillyHollisUX
      @BillyHollisUX 3 роки тому +16

      Believe me, I've offered. And a few individuals have come to my conference sessions. But their code-centric culture means most of them just never find the time to learn even the rawest basics of UX design.

  • @Aelavin
    @Aelavin 4 роки тому +22

    I think someone should send this video to Google's department responsible for new new YT main home page and new Material Design, because their "improvements" completely confuses users.
    First Material Design (1.0) was quite good and readable and first and foremost organized some chaos in many apps. New Material Design (2.0) where we have heavily reduced color palette, removed all borders around meaningful groups is just garbage. Also new color scheme with pure white light theme (that hurt my eyes so badly) and all black dark theme (good buy shadows and borders) is not helping either.
    In YT case enormously big thumbnails are just dumb. I've got 1080p 24-inch monitor and I see only 8 videos. 8 videos! With previous design it was at least 12, and proportions were much better and it didn't hurt my eyes so badly (thumbnails didn't wanted to "jump out" off the display but still were quite clear). Sometimes designs for mobile just can't be moved 1:1 to desktops.

    • @casperes0912
      @casperes0912 4 роки тому

      What do you mean about the thumbnails? On my 2880x1800@1.75x monitor I get 12 videos on the UA-cam frontpage

    • @jbird4478
      @jbird4478 2 роки тому +2

      It's pretty darn awful indeed. I guess they think my mouse hovering over a thumbnail means I'm interested, but this just happens randomly when scrolling. So while trying to choose what to watch random videos just jump towards me. And now they even start playing automatically in this popped up mini view. It's really confusing and distracting. Even if that ends up being what I watch, I still have to restart the video because I wasn't paying attention when it autostarted at all. Also, if you want any of the actions (watch later, share, etc) your mind goes to the corner of the thumbnail but then all of the sudden the size increases leaving you disoriented.

  • @John-oe6pp
    @John-oe6pp 4 роки тому +5

    great examples of color perception/optical illusions . 55:32 - 57:33

  • @DaveLudwig
    @DaveLudwig 4 роки тому +8

    I am interested in going more toward this type of thinking in my app design, I've been making C# WinForms DataGrid-type apps for years using standard Microsoft controls and Visual Studio. How can I improve my UX design and also figure out what kind of 3rd party controls are out there to use? My company does not have an art department to create stuff like this.

    • @BillyHollisUX
      @BillyHollisUX 4 роки тому +11

      There are basically two main areas to work on. One is the study of design principles - why do certain designs work and others don't, based on how the human brain and visual system work. This video is a small part of that study. I have a video training on Pluralsight that is more comprehensive.
      The second thing to work on is learning a lightweight design process. This means learning how to observe users, understand business needs, sketch out new ideas, evaluate them, etc. A good book for that is Sketching the User Experience: the Workbook.
      After that, it's practice and experience. Having some video design people helps with color and layout, but many of them are focused on the visual aspects and don't worry too much about the interaction aspects. The overall interaction experience of an app should feel natural and transparent to a user. That's why you spend time getting to understand them, so that you design an experience they will like and use.
      Don't be afraid to try to observe and sketch, even if you are quite new at it. You are almost guaranteed to do better than your current wall of data grids. And you'll get better as you gain experience with those projects.

  • @GG-uz8us
    @GG-uz8us 4 роки тому +1

    Interesting, the UP button in the elevator is the last thing I saw, LOL

  • @coreysteinwand
    @coreysteinwand 4 роки тому +4

    I remember that American Airline's button...

  • @ManuelBTC21
    @ManuelBTC21 4 роки тому +2

    19:00 They were only losing money to Delta, assuming Delta was any better.

  • @omri9325
    @omri9325 4 роки тому +2

    Where did the comments go?

  • @antonm_
    @antonm_ 4 роки тому +15

    52:40 That's not Hilton's fault, that's Google's UX design.

    • @kalleguld
      @kalleguld 4 роки тому +9

      They also changed the UI because the functionality changed. Android now asks you when the app requests access to your contacts (which is a lot better than asking for permissions at install-time).

    • @BillyHollisUX
      @BillyHollisUX 4 роки тому +13

      It's Hilton's fault that the app asks for access to contacts, when it has no reason to do so. That's a security breach just begging to happen.

    • @antonm_
      @antonm_ 4 роки тому +2

      @@BillyHollisUX Watching that part felt like it was a criticism of the Google Play "dark pattern" (lack of buttons, etc.) but attributed to Hilton. The "access to contacts" was certainly Hilton's, but everything else was Google's.

    • @BillyHollisUX
      @BillyHollisUX 4 роки тому +8

      @@antonm_ That was not the intent. I'll try to make that distinction more clear in future sessions.

    • @BillyHollisUX
      @BillyHollisUX 4 роки тому +3

      @@kalleguld I don't see any reason why Google can't do both.
      But the root cause problem is that the app has no reason to access contacts. And Hilton just doesn't care.

  • @MCasterAnd
    @MCasterAnd 2 роки тому

    Man the audio was really terrible on this one. Lots of half-feedbacks and bad sound. That audio technician should be fired

    • @Galactipod
      @Galactipod 2 роки тому +6

      I didn't notice anything.