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
2. Antonio Perić-Mažar CEO @ Locastic Co-founder @ Litto Co-founder @ Tinel Meetup Co-founder @ Blockada t: antonioperic m: antonio@locastic.com
3. Locastic Helping clients create web and mobile apps since 2011 • UX/UI • Mobile apps • Web apps • Training & Consulting www.locastic.com @locastic
5. Who are your Users?
6. Who are your Users Clients?
10. What is User Interface (UI)?
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.”
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.”
13. Mobile.
18. What is User Experince (UX)?
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.”
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.”
23. And trust me… you will never had enough cheese
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.”
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.”
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.”
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.”
29. For your Users, the UI is THE Application!
30. Question: There is one situation where not even the best UX/UI can help you. Which one?
31. If your app/software doesn’t have any purpose or not solving any problem!
32. Designers vs Developers? image: https://dribbble.com/shots/2712522-Designer-vs-Developer
33. UX/UI first development
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
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
36. UX expert should not presume things!
39. Question: do you work on any website at the moment?
41. Boring and predictable
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?
43. Design is collection of tiny details! Make it personal!
49. Bye, bye handshake, hello fist bump (besa) Image: https://www.mariefranceasia.com/health/medical-news/bye-bye-handshake-hello-fist-bump-34134.html
50. Bye, bye handshake, hello fist bump (besa) Image: https://www.mariefranceasia.com/health/medical-news/bye-bye-handshake-hello-fist-bump-34134.html
53. • Cool thing, useful • It is for testing local maximums • Think out of the box, check how it affects globally A/B testing
54. Try to break rules sometime!
56. Users are not reading instructions! They are learning and making progress, so you must not presume anything!
59. 53% of users will abandon website if it takes more than 3 seconds to load
62. image: https://mobiforge.com/research-analysis/the-web-is-doom
63. UX > DX User > Developer
64. UX > DX User > Developer Learn what are you using (stack)
65. Accessibility
66. Try to design for future, not for today/ yesterday
67. Future is VUI (Voice UI)
68. Few more questions!
74. Primary goal of technology should be connecting people through emotions and improving our lives.
75. Thank you!
76. Questions? Antonio Perić-Mažar t: @antonioperic m: antonio@locastic.com