Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck...

51
Our sins against UX Noemi Rozpara

Transcript of Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck...

Page 1: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Our sins against UX

Noemi Rozpara

Page 2: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

What am I doing here?

Design

Backend

DB Team

Front-end

Psychology Marketing

Mobile dev

Page 3: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Once upon a time there was Skycash

Page 4: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Good UI = good UX?

Page 5: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Key questions

1. How programmers, designers and customers can get along?

2. Why our front-end should be like an airport?

3. Who the heck needs UX?

4. How to be always right!

Page 6: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Money must be made

Best productBest software houseBest specialists

Page 7: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

It’s not easy anymore

Agile Coaching

Business Analysis

Testing

UI / UX Design

SEO

Consulting

Page 8: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Stable system?

Graphicdesign

UI designConcept Programming

Consulting

Consulting

Consulting

Page 9: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

But something is wrong here...

Page 10: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Light Bobs Inc.

Page 11: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Mr Bob

“Come on, it works…”

Page 12: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

weird navigation weird navigation weird navigation

secondary navigation secondary navigation secondary navigation secondary navigation

long company history long company history long company history long company history long company history long company history long company history long company history long company history long company history long company history long company history

Totally not readable bannner

Page 13: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

“Buy now!’ - that’s it!”

Ms Linda

Page 14: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Light Bobs - THE BEST lamps you can ever find!!!

Buy our lamps NOW!Sale! Sale! Buy now!

GO TO THE STORE

10 / 10 CUSTOMERS RECOMMENDS

Super offer!

Page 15: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

“Less Is More”

Noah, the designer

Page 16: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

SIGN WITH FANCY FONT

Page 17: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

“It’s not a Christmas tree”

Joe, the programmer

Page 18: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Navigation Navigation Navigation Navigation

Light Bobs - Company with good Light

seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase

seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase seo phrase

Page 19: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Holistic view is the key

Page 20: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Who is our real customer?

What does he need?

Key question

Page 21: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

As much people, the much needs

Page 22: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

“Contrast, labels and bigger font”

Noah

Page 23: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

“Content and appearance are equally important”

Joe and Linda

Page 24: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

“Good assortment is not the only factor”

Bob

Page 25: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Lived happily ever after

Page 26: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

User’s needs as priority - problem solved

Page 27: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

But how to show it in product?

Page 28: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Always the same scheme ...

Page 29: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

… doesn’t mean the same look

Page 30: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

1. Hall2. Checkout3. Luggage control4. …5. Boarding

1. About2. Offer3. References4. …5. Contact

Interface like an airport

Page 31: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

If not funny UI, then how?

Page 32: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Show initiative

“Share your costs with friends”

Page 33: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Show initiative

“Payment could concern many reservations”

Page 34: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Ergonomy is still cool

https://semahead.pl/blog/ktory-kolor-klika-sie-najlepiej-o-marketingu-barw.html

red

orange

green yellow

Page 35: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Don’t overgrow form over the content

Page 36: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Don’t forget about specific needs

Page 37: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

WCAG, WAI-ARIA and other clever words

<div>

<div><div>

<div>

<div> <div>

<div> <div>

Page 38: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Ask yourself

Page 39: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Developer!

Do you put all effort you can, but in a reasonable way?

Page 40: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Designer!

Is your inspiration reliable?

Page 41: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Google knows best

“Min. 48x48px” ~Google Accessible Styles

LG G7 (2018) - 563 ppi - 48px = 2.16mmXiaomi Mi 8 - 402 ppi - 48px = 3.03mm

Page 42: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Google knows best x2

Page 43: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Manager!

Do you think in assertive and perspective way?

Page 44: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

McKinsey Design Index

1. Analytic design measurement2. Not splitting digital from

physical product3. Multifunctional teams4. Testing, self development

Page 45: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Be always right!

Page 46: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

A/B testing - the more people the better

https://www.getelastic.com/product-list-ab-test

Page 47: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Scenario testing - 5 people = 95% of problems

https://www.userfeel.com/blog/how-to-setup-a-good-scenario-and-tasks-for-your-usability-test

Page 48: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Simple conversation

https://www.htxt.co.za

Page 49: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Application without context doesn’t make sense

Page 50: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

1. Every stage of product delivery has impact on final UX

2. Communication > telling the other department is guilty

3. Fitting the product to the needs creates its value

Remember!

Page 51: Our sins against UXzielona-gora-jug.github.io/files/Our sins against UX ZGJUG.pdf · Who the heck needs UX? 4. How to be always right! Money must be made Best product Best software

Noemi Rozpara

@noemi_rozpara

[email protected]

Thank you!