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.

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