Gerasimos Tsiamalos - Dashboard UX tips for Theme and plugin developers - WordCamp Athens 2016

Gerasimos Tsiamalos - Dashboard UX tips for Theme and plugin developers - WordCamp Athens 2016

A717e9d055b2284e573b2412e32f5397?s=128

WordPress Greek Community

November 19, 2016
Tweet

Transcript

  1. 10.

    03. Style guide There is one. Kinda. Which means that

    I can use Comic Sans deliberately. Cha-ching!
  2. 11.
  3. 12.
  4. 13.
  5. 17.

    06. Admin bar Modify it wisely. WHAT? Didn’t know that.

    Let’s add a big fat green UPGRADE TO PRO button up there.
  6. 18.
  7. 19.
  8. 20.
  9. 22.
  10. 23.
  11. 24.
  12. 25.

    Adding a top-level menu should only be considered if you

    really need multiple, related screens to make WordPress do something it was not originally designed to accomplish. “ https://codex.wordpress.org/Administration_Menus
  13. 27.
  14. 28.
  15. 29.
  16. 30.
  17. 31.
  18. 32.
  19. 34.

    1. Use the style guide All right. Gonna use Comic

    Sans though. Just to spice things up a bit. You know, pizzaz.
  20. 35.

    1. Use the style guide But, but my custom checkbox

    control looks better! 2. Use the default input controls
  21. 36.

    1. Use the style guide Default table styles look so

    boring. Comic Sans for the headings maybe? No? 2. Use the default input controls 3. Use existing conventions
  22. 37.

    1. Use the style guide Tables are so ‘90s dude.

    I’m so gonna Flexbox the heck out of them. 2. Use the default input controls 3. Use existing conventions 4. Do not reinvent the wheel
  23. 38.

    08. Notifications Make good use of them. Can I have

    a cup of coffee please? It’s not a notification. I really want a cup of coffee.
  24. 39.
  25. 40.
  26. 41.
  27. 42.
  28. 44.
  29. 46.
  30. 48.
  31. 49.
  32. 50.

    1. A simple message/CTA will do OVER HERE! BUY NOW!

    HELLO? GO ON THEN. HIT THE BUY BUTTON.
  33. 51.

    1. A simple message/CTA will do But we need the

    monies to make it awesomer 2. Fully working free version
  34. 52.

    1. A simple message/CTA will do 2. Fully working free

    version 3. Don’t include disabled sections This slide is available in the Pro version only. Upgrade now
  35. 53.

    1. A simple message/CTA will do You just clicked on

    a disabled button. 3 more clicks like that and ve vill delete ze database. 2. Fully working free version 3. Don’t include disabled sections 4. Don’t play tricks on users