The document discusses various topics related to user experience design including buttons, forms, scrolling, and content organization. It provides guidance on making buttons clearly labeled and properly sized, keeping forms short with labels above fields, using bidirectional scrolling carefully for specific cases, and prioritizing content hierarchy and navigation to help users find relevant information.

1. UX = User Experience
Relationship matters

2. This is a switch

3. and here is Jim

4. when Jim was still a child….

5. when Jim was still a child….

6. when Jim was still a child….

7. when Jim was still a child….

8. when Jim was still a child….

15. Relationship
Expectation

16. For every action, there is an equal and
opposite reaction
Newton's third law of motion:

17. Feeding the need of autonomous power
The crucial importance of a button

20. Everybody loves buttons
and truly hates waiting times

21. The Placebo in UX Design
BBC News
Fake interaction can improve
a user experience.
“Doing something is better than doing nothing,
and when you go to press the button your
attention is on the activity at hand.”

22. Instead of reducing wait times, it
moved the arrival gates away from
the main terminal and routed bags to
the outermost carousel. Passengers
now had to walk 10 times longer to
get their bags.
1 minute walk
8 minute waiting
10 minute walking
CASE: Houston airport

24. 5 Basic Rules for Button Design
Font: Nick Babich in UX Planet

25. 1. Make buttons look like buttons

26. 2. Label buttons with what they do

27. 3. Properly size your buttons

28. 4. Avoid using
too many buttons

29. 5. Provide visual feedback on interaction

30. FEAR of forms

32. 1. Keep it short

35. 1. Keep it short

36. 2. Present Fields in a Single Column Layout
3. And place Labels above the
Corresponding Input Felds

37. 4.Reset button is a pure evil

38. 5. Avoid checkboxes for Privacy
Police agreement confirmation

39. 6. Mark optional fields, not required

40. 6. Mark optional fields, not required
An asterisk is obvious to you, not to everyone
There are always more fields required than optional
Less visual noise on your form makes it more readable and therefore
faster to complete

41. The death of SLIDERS

42. Approximately 1% of visitors click on a slider

43. Banner blindness
Users almost never look at anything that looks like an
advertisement, whether or not it's actually an ad.
Heatmap

44. Sliders are bad for accessibility
Accessibility expert and WebAIM associate director Jared
Smith has warned us all to stop using carousels

45. hides content
Sliders vs SEO
kills hierarchy
makes loading times slower
pushes main content out of view port

46. why people use them?

47. Some people think sliders are cool

48. Font: Invision
Others fear the infinite scrolling dilemma

49. Bidirectional Scrolling could be one solution

53. Don’t create two different user experiences for desktop and
mobile
Don’t hide content behind menus (don’t make a user click to often
before he/she sees relevant content. But don’t overload your page
with content either)
Don’t make users scroll too much in order to see relevant content
Bidirectional Scrolling

55. 1. Careful planning — Figure out what fits where

56. 2. Use horizontal scroll in specific cases
Horizontal scroll works best when you want to display a subset of a category.

57. 3. Show visually

58. 4. Indicate extremes of a list

59. You are such
a picky eater!

60. Websites with consistent intuitive
functionality establish credibility and trust.
Elements such as UI layout, consistency,
typography, color and style impact how
users perceive the quality of the website.

61. Websites with consistent intuitive
functionality establish credibility and trust.
Scannable text

62. How can we help users find relevant
content on our web page?

63. 1. Prioritise the content with visual hierarchy

67. 2. Put the core navigation into the website header

68. 3. Keep the balance of negative space

69. 4. Check that CTA is seen at once

70. 5. Highlight the key information in the text

71. UX
is not maths

72. use statistics

75. Research

76. Analyze and describe your Personas

77. think
prototype
test

78. What you think
the user does
What
the user does

79. remember the child in you

83. Irene Sacchi
< strich-komma />

84. ?