Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Antonio Perić-Mažar CEO @ Locastic Co-founder @ Litto Co-founder @ Tinel Meetup Co-founder @ Blockada t: antonioperic m: [email protected]

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

Who are your Users?

Slide 6

Slide 6 text

Who are your Users Clients?

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

What is User Interface (UI)?

Slide 11

Slide 11 text

“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.”

Slide 12

Slide 12 text

“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.”

Slide 13

Slide 13 text

Mobile.

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

What is User Experince (UX)?

Slide 19

Slide 19 text

“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.”

Slide 20

Slide 20 text

“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.”

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

And trust me… you will never had enough cheese

Slide 24

Slide 24 text

–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.”

Slide 25

Slide 25 text

–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.”

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

–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.”

Slide 28

Slide 28 text

–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.”

Slide 29

Slide 29 text

For your Users, the UI is THE Application!

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

UX/UI first development

Slide 34

Slide 34 text

• 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

Slide 35

Slide 35 text

• 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

Slide 36

Slide 36 text

UX expert should not presume things!

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

Boring and predictable

Slide 42

Slide 42 text

• 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?

Slide 43

Slide 43 text

Design is collection of tiny details! Make it personal!

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

Try to break rules sometime!

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

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

Slide 60

Slide 60 text

No content

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

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

Slide 63

Slide 63 text

UX > DX User > Developer

Slide 64

Slide 64 text

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

Slide 65

Slide 65 text

Accessibility

Slide 66

Slide 66 text

Try to design for future, not for today/ yesterday

Slide 67

Slide 67 text

Future is VUI (Voice UI)

Slide 68

Slide 68 text

Few more questions!

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

No content

Slide 71

Slide 71 text

No content

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

No content

Slide 74

Slide 74 text

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

Slide 75

Slide 75 text

Thank you!

Slide 76

Slide 76 text

Questions? Antonio Perić-Mažar t: @antonioperic m: [email protected]