The UI is THE Application #dpc19

Today may be even more then before we are talking about great code (SOLID, KISS, DRY...) and we think that application is all about great code base, especially if we are developers. But to be honest with each other, UI is application and almost the only and the most important thing today. The application is a collection of tiny details and if you want to have satisfied users take your time and build great UI - simply said: UI is your application.

Transcript

1. The UI is the Application
   Antonio Perić-Mažar, Locastic
   07.06.2019. - #dpc
   

   View Slide

2. Antonio
   Perić-Mažar
   CEO @ Locastic
   Co-founder @ Litto
   Co-founder @ Tinel Meetup
   Co-founder @ Blockada
   t: antonioperic
   m: antonio@locastic.com
   

   View Slide

3. Locastic
   Helping clients create web
   and mobile apps since 2011
   • UX/UI
   • Mobile apps
   • Web apps
   • Training & Consulting
   www.locastic.com
   @locastic
   

   View Slide

4. View Slide

5. Who are your Users?
   

   View Slide

6. Who are your Users
   Clients?
   

   View Slide

7. View Slide

8. View Slide

9. View Slide

10. What is User Interface
    (UI)?
    

    View Slide

11. “In information technology, the user interface (UI) is
    everything designed into an information device with which a
    person may interact. This can include display screens,
    keyboards, a mouse and the appearance of a desktop. It is
    also the way through which a user interacts with an
    application or a website.”
    

    View Slide

12. “In information technology, the user interface (UI) is
    everything designed into an information device with which a
    person may interact. This can include display screens,
    keyboards, a mouse and the appearance of a desktop. It is
    also the way through which a user interacts with an
    application or a website.”
    

    View Slide

13. Mobile.
    

    View Slide

14. View Slide

15. View Slide

16. View Slide

17. View Slide

18. What is User Experince
    (UX)?
    

    View Slide

19. “User experience (UX) design is the process of creating
    products that provide meaningful and relevant experiences to
    users. This involves the design of the entire process of
    acquiring and integrating the product, including aspects of
    branding, design, usability, and function.”
    

    View Slide

20. “User experience (UX) design is the process of creating
    products that provide meaningful and relevant experiences to
    users. This involves the design of the entire process of
    acquiring and integrating the product, including aspects of
    branding, design, usability, and function.”
    

    View Slide

21. View Slide

22. View Slide

23. And trust me… you will never had enough cheese
    

    View Slide

24. –Jeff Atwood, Coding horror blog
    “I don't care how many kick-ass Visio architecture diagrams
    you have; as far as the user is concerned, the UI is the
    application. I know UI US HARD, but you have to build an
    impressive UI if you want to be taken seriously. Give your UI the
    high priority it deserves.”
    

    View Slide

25. –Jeff Atwood, Coding horror blog
    “I don't care how many kick-ass Visio architecture diagrams
    you have; as far as the user is concerned, the UI is the
    application. I know UI US HARD, but you have to build an
    impressive UI if you want to be taken seriously. Give your UI the
    high priority it deserves.”
    

    View Slide

26. View Slide

27. –Yukihiro Matsumoto, the creator of Ruby,
    “If you have a good interface on your system, and a budget of
    money and time, you can work on your system. If your system
    has bugs or is too slow, you can improve it. But if your system
    has a bad interface, you basically have nothing. It won’t
    matter if it is a work of the highest craftsmanship on the
    inside. If your system has a bad interface, no one will use it. So
    the interface or surface of the system, whether to users or
    other machines, is very important.”
    

    View Slide

28. –Yukihiro Matsumoto, the creator of Ruby,
    “If you have a good interface on your system, and a budget of
    money and time, you can work on your system. If your system
    has bugs or is too slow, you can improve it. But if your system
    has a bad interface, you basically have nothing. It won’t
    matter if it is a work of the highest craftsmanship on the
    inside. If your system has a bad interface, no one will use it. So
    the interface or surface of the system, whether to users or
    other machines, is very important.”
    

    View Slide

29. For your Users, the UI is
    THE Application!
    

    View Slide

30. Question: There is one
    situation where not
    even the best UX/UI can
    help you. Which one?
    

    View Slide

31. If your app/software
    doesn’t have any
    purpose or not solving
    any problem!
    

    View Slide

32. Designers vs
    Developers?
    image: https://dribbble.com/shots/2712522-Designer-vs-Developer
    

    View Slide

33. UX/UI
    first development
    

    View Slide

34. • Problem#1: developers are used to solve problems in terminal/
    console
    • Problem#2: designers usually thinks that they are most relevant
    persons for design, based on their experince
    Why UX/UI first
    

    View Slide

35. • Entire team toghether is working on solving the same problem from
    the beginning
    • Humans are visual persons
    • UI helps understand problem
    • for client, team and all the shareholders
    • solving issues before development
    • testing before development
    Why UX/UI first
    

    View Slide

36. UX expert should not
    presume things!
    

    View Slide

37. View Slide

38. View Slide

39. Question: do you work
    on any website at the
    moment?
    

    View Slide

40. View Slide

41. Boring and predictable
    

    View Slide

42. • Good design is hard
    • Good UX is even harder
    • UX/UI is expensive process
    • It is easier to use existing and well known patterns
    Why we are all doing
    same designs?
    

    View Slide

43. Design is collection of
    tiny details! Make it
    personal!
    

    View Slide

44. View Slide

45. View Slide

46. View Slide

47. View Slide

48. View Slide

49. Bye, bye handshake,
    hello fist bump (besa)
    Image: https://www.mariefranceasia.com/health/medical-news/bye-bye-handshake-hello-fist-bump-34134.html
    

    View Slide

50. Bye, bye handshake,
    hello fist bump (besa)
    Image: https://www.mariefranceasia.com/health/medical-news/bye-bye-handshake-hello-fist-bump-34134.html
    

    View Slide

51. View Slide

52. View Slide

53. • Cool thing, useful
    • It is for testing local maximums
    • Think out of the box, check how it affects globally
    A/B testing
    

    View Slide

54. Try to break rules
    sometime!
    

    View Slide

55. View Slide

56. Users are not
    reading
    instructions!
    They are learning and making progress,
    so you must not presume anything!
    

    View Slide

57. View Slide

58. View Slide

59. 53%
    of users will abandon
    website if it takes more
    than 3 seconds to load
    

    View Slide

60. View Slide

61. View Slide

62. image: https://mobiforge.com/research-analysis/the-web-is-doom
    

    View Slide

63. UX > DX
    User > Developer
    

    View Slide

64. UX > DX
    User > Developer
    Learn what are you
    using (stack)
    

    View Slide

65. Accessibility
    

    View Slide

66. Try to design for future,
    not for today/
    yesterday
    

    View Slide

67. Future is VUI (Voice UI)
    

    View Slide

68. Few more questions!
    

    View Slide

69. View Slide

70. View Slide

71. View Slide

72. View Slide

73. View Slide

74. Primary goal of
    technology should
    be connecting
    people through
    emotions and
    improving our lives.
    

    View Slide

75. Thank you!
    

    View Slide

76. Questions?
    Antonio Perić-Mažar
    t: @antonioperic
    m: antonio@locastic.com
    

    View Slide