Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Practical UX – UI Tips

Practical UX – UI Tips

Key ideas to help you get the right idea, and get the idea right!

Ciarán Duffy

May 22, 2019
Tweet

More Decks by Ciarán Duffy

Other Decks in Design

Transcript

  1. @theDuffy1 0. COULD BE 1. SHOULD BE 2. WILL BE

    3. ALPHA BUILD GETTING THE IDEA RIGHT GETTING THE RIGHT IDEA Credit: IDEO U
  2. @theDuffy1 0. COULD BE 1. SHOULD BE 2. WILL BE

    3. ALPHA BUILD GETTING THE IDEA RIGHT GETTING THE RIGHT IDEA UX Design UI Design Credit: IDEO U
  3. @theDuffy1 Talk to Users They’re going to be customers one

    day so you need to understand their perspective
  4. @theDuffy1 Good Insights Insight: People have a fear of becoming

    disconnected, missing out, or being out of the loop, which has been heightened by constant updates on social media. Using a smartphone allows people to ‘connect’ with others, but still leaves people lacking social stimulation. There should be a way for people to understand their smartphone usage. Context – Dilemma – Why – Motivation – Ideal
  5. @theDuffy1 One Sentence™ [Slack] is a communication app for [people

    that work together] that [allows teams to collaborate more effectively] through 
 [a searchable chat interface]
  6. @theDuffy1 3 Tips to Design More Efficiently - Rapid iterations

    - Fail forwards and backwards - Develop your eye
  7. @theDuffy1 14pt medium, 1pt character spacing 23pt bold, no character

    spacing 18pt book, no character spacing 80pt whitespace
  8. @theDuffy1 48pt × 350pt, 5pt corners Shadow: x:0, y:2, blur:6,

    20% #515151, same as font Terms, Privacy, Currency & More
  9. @theDuffy1 Alignment “It saves me time and gives me peace

    of mind knowing that there is a single source of truth for our Sketch files.” – BRYAN BERGER PRODUCT DESIGN MANAGER
  10. @theDuffy1 Alignment “It saves me time and gives me peace

    of mind knowing that there is a single source of truth for our Sketch files.” – BRYAN BERGER PRODUCT DESIGN MANAGER
  11. @theDuffy1 Alignment “It saves me time and gives me peace

    of mind knowing that there is a single source of truth for our Sketch files.” – BRYAN BERGER PRODUCT DESIGN MANAGER
  12. @theDuffy1 Alignment “It saves me time and gives me peace

    of mind knowing that there is a single source of truth for our Sketch files.” – BRYAN BERGER PRODUCT DESIGN MANAGER
  13. @theDuffy1 Alignment “It saves me time and gives me peace

    of mind knowing that there is a single source of truth for our Sketch files.” – BRYAN BERGER PRODUCT DESIGN MANAGER
  14. @theDuffy1 Alignment It saves me time and gives me peace

    of mind knowing that there is a single source of truth for our Sketch files.” “ BRYAN BERGER PRODUCT DESIGN MANAGER –
  15. @theDuffy1 Alignment It saves me time and gives me peace

    of mind knowing that there is a single source of truth for our Sketch files.” “ BRYAN BERGER PRODUCT DESIGN MANAGER –
  16. @theDuffy1 Alignment It saves me time and gives me peace

    of mind knowing that there is a single source of truth for our Sketch files.” “ BRYAN BERGER PRODUCT DESIGN MANAGER –
  17. @theDuffy1 Pairing Fonts Alegreya on top. Alegreya Sans on the

    bottom. Freight Sans on top. Freight on the bottom.
  18. @theDuffy1 Justifying Your Font Choices Choosing a font with tabular

    figures for context in which you will have many numbers
  19. @theDuffy1 Justifying Your Font Choices A good amount of weights

    is a good reason to choose a font. More weights required if it’s your only font
  20. @theDuffy1 Justifying Your Font Choices Small caps can also be

    a nice feature for literary contexts, blogs, media sites etc.
  21. @theDuffy1 Consider Your Line Length The next day, the family

    walk deep into the woods and Hansel lays a trail of white pebbles. After their parents abandon them, Hansel and Gretel follow the trail back home. When their stepmother sees them, she is furious and locks them in the house. Hansel and Gretel are unable to escape or even simply collect pebbles. The next day, the family walk deep into the woods and Hansel lays a trail of white pebbles. After their parents abandon them, Hansel and Gretel follow the trail back home. When their stepmother sees them, she is furious and locks them in the house. Hansel and Gretel are unable to escape or even simply collect pebbles. abcdefghijklnmopqrstuvwxyzabcdefghijklnmopqrstuvwxyzabcdefghijkln 1 2 1/2
  22. @theDuffy1 Title Don’t Give a Real Estate Tour Guide people

    through the decisions that were made starting with the one most connected with the main business goal or user need.