Maria Teresa Stella provides 5 design tips for improving website usability and user experience: 1. Limit fonts to two for readability. 2. Ensure all text is accessible to colorblind and low-vision readers. 3. Use colors thoughtfully as they impact emotions and perceptions. 4. Select pictures that tie to content and feel realistic. 5. Write clearly using visual hierarchy and language anyone can understand. An additional tip is to showcase your personality through visuals, animations, or unique content.

1. Maria Teresa Stella, Senior UX Designer @ Cerved Group
Your website is *ugly*
How to fix it (and why you should care)

2. Sli.do
#ST48
Take part in the live quiz!

4. Jakob Nielsen, father of UX
“A bad website is like a grumpy
salesperson”

5. 5 Design tips
Using real life examples

6. User Experience
Design
Visual Design
Research
Writing
User
Interface
Design
Business
Strategy

7. #1
Get ready to vote!

9. 1
2
3
4

10. #1 Don’t use more than
two fonts

11. Readers “tune” in to a font
Source: Type tricks - Layout design by Sofie Beier

12. Extra tip: use contrasting fonts

13. Unsure? Stick with one!

14. fontpair.co
fontsinthewild.com
Pinterest
Google Fonts
…

15. #2
Get ready to vote!

17. #2 Text should be
accessible to any reader

18. MONOCHROMACY
(ACHROMATOPSIA)

19. GREEN BLIND
(DEUTERANOPIA)

20. Extra tip: Start by using a contrast checker
(e.g. color.a11y.com)

21. #3
Get ready to vote!

23. Use colors wisely

24. Colors have an effect on our brain
Source: The Little Book of Color by Karen Haller

25. Colors have an effect on our brain
Source: The Little Book of Color by Karen Haller

26. Youthfulness, energy, motivation
Restlessness
Friendliness, open-mindedness, extroversion
Immaturity, indecisiveness
Sources: The Little Book of Color by Karen Haller | colorpsychology.org

27. Comfort, security
Dullness, tiredness
Reflection, mental calmness, serenity
Coldness, lack of care
Sources: The Little Book of Color by Karen Haller | colorpsychology.org

30. #4
Get ready to vote!

34. Choose your pictures wisely

35. Tie the picture to the content

36. Keep it real

37. Unsplash
Pexels
Pixabay
…

39. #5
Get ready to vote!

44. Make sure your message is
clear

45. Keep. it. short.

46. Use visual hierarchy to your advantage
Source: People Don’t Read Online—They Scan. This Is How to Write for Them
by Rita Kind-Envy, UX Planet

47. If your mother can understand it, you’re good to go.

48. Bonus tip

50. Showcase your personality

51. Jakob’s Law
“Users spend most of their time on other sites. This means that users prefer
your site to work the same way as all the other sites they already know”

52. Break (some of) the rules

53. Play with visuals and animations

54. Visuals are not your thing? Focus on the content

55. stelladesign.online
/mariateresastella
mteresa.stella@gmail.com
Let’s keep in touch!
1. Don’t use more than two fonts
2. All text should be accessible to any reader
3. Choose your colors wisely
4. Choose your pictures wisely
5. Make sure your message is clear
Bonus tip: showcase your personality
MY 5 DESIGN TIPS