It depends - theory of relativity in interface design - Front Row Conference

41
1 It Depends THEORY OF RELATIVITY IN INTERFACE DESIGN

description

UI patterns are beloved by developers. Yet there is no design perfect for every situation. “It depends” should be the most frequently used answer to all design questions. Iga will talk about how theory of relativity should be applied to interface design.

Transcript of It depends - theory of relativity in interface design - Front Row Conference

Page 1: It depends - theory of relativity in interface design - Front Row Conference

1

It Depends THEORY OF RELATIVITY IN INTERFACE DESIGN

Page 2: It depends - theory of relativity in interface design - Front Row Conference

2

How many of you are developers?

Page 3: It depends - theory of relativity in interface design - Front Row Conference

3

How many of you had to design UI?

Page 4: It depends - theory of relativity in interface design - Front Row Conference

4

Use patterns & libraries!

4

Page 5: It depends - theory of relativity in interface design - Front Row Conference

5

Designing = merging patterns

Page 6: It depends - theory of relativity in interface design - Front Row Conference

6

Page 7: It depends - theory of relativity in interface design - Front Row Conference

7

Pop-ups are evil

Page 8: It depends - theory of relativity in interface design - Front Row Conference

8

Are they always?

Page 9: It depends - theory of relativity in interface design - Front Row Conference

9

Mega drop down menu works well

Page 10: It depends - theory of relativity in interface design - Front Row Conference

10

Does it always?

Page 11: It depends - theory of relativity in interface design - Front Row Conference

11

OK or cancel?

Page 12: It depends - theory of relativity in interface design - Front Row Conference

12

It depends.

http://measuringuserexperience.com/SubmitCancel/index.htm

OK or cancel?

Page 13: It depends - theory of relativity in interface design - Front Row Conference

13

Context is important 1

Page 14: It depends - theory of relativity in interface design - Front Row Conference

14

Red is for error

Page 15: It depends - theory of relativity in interface design - Front Row Conference

15

Is it always?

Page 16: It depends - theory of relativity in interface design - Front Row Conference

16

logo

How to search seeds? Categories or advanced search?

Page 17: It depends - theory of relativity in interface design - Front Row Conference

17

How do users search seeds? What are the most important information?

Page 18: It depends - theory of relativity in interface design - Front Row Conference

18

Ask „for whom” 2

Page 19: It depends - theory of relativity in interface design - Front Row Conference

19

What’s the right tab order?

1 2

Yoke messenger app

Page 20: It depends - theory of relativity in interface design - Front Row Conference

20

Arabic culture Western culture

What we ended up with :)

Page 21: It depends - theory of relativity in interface design - Front Row Conference

Ctrl + P

Everyone knows how to print Do they really?

Page 22: It depends - theory of relativity in interface design - Front Row Conference

22

Listen to your users? 3

Page 23: It depends - theory of relativity in interface design - Front Row Conference

23

News feed on Facebook

within 24 hours a protest group had grown to 750,000 members

Facebook has grown from 15 million active users in September 2006 to over 100 million active users in September 2008, „despite” news feed

Page 24: It depends - theory of relativity in interface design - Front Row Conference

Don’t create fatware a software with too many features

Page 25: It depends - theory of relativity in interface design - Front Row Conference

Remember: less is more 4

Page 26: It depends - theory of relativity in interface design - Front Row Conference

26

Looks difficult = is difficult

Apperance has a strong impact on functionality: an application that appears cluttered or illogical is hard to understand and use.

/iPhone human interface guidelines/

Page 27: It depends - theory of relativity in interface design - Front Row Conference

Paradox of choice: more is less

Page 28: It depends - theory of relativity in interface design - Front Row Conference

28

How to reduce paradox of choice?

First step

of color choice

Second step

of color choice

Third step

of color choice

Page 29: It depends - theory of relativity in interface design - Front Row Conference

Ask about bussines goals 5

Page 30: It depends - theory of relativity in interface design - Front Row Conference

30

Gallery: dynamic or page reloads?

Page 31: It depends - theory of relativity in interface design - Front Row Conference

31

When making money off of advertising on page views – choose page reloads

When a highly visited Website launched a new design, page views dropped 40% but they made money off of advertising.

/Jared Spool/

Page 32: It depends - theory of relativity in interface design - Front Row Conference

32

Experiment and test results 6

Page 33: It depends - theory of relativity in interface design - Front Row Conference

33

Traditional web form layout vs. Mad Libs format

Page 34: It depends - theory of relativity in interface design - Front Row Conference

34

Traditional web form layout vs. Mad Libs format

Vast.com

increased conversion by 25-40%

Page 35: It depends - theory of relativity in interface design - Front Row Conference

35

Clicking unclickable

Page 36: It depends - theory of relativity in interface design - Front Row Conference

Designing = thinking

about users

about business goals

about context of use

about simplicity

Page 37: It depends - theory of relativity in interface design - Front Row Conference

37

Are patterns evil?

Page 38: It depends - theory of relativity in interface design - Front Row Conference

38

As designers, sometimes we need a little inspiration to get our creative juices flowing. Looking at examples of different user interface patterns could give us the ideas we need to design something amazing.

/Anthony Tseng/

Page 39: It depends - theory of relativity in interface design - Front Row Conference

Ask questions!

more on 37signals blog

Page 40: It depends - theory of relativity in interface design - Front Row Conference

40

WHAT FOR?

Page 41: It depends - theory of relativity in interface design - Front Row Conference

ux & usability studio Polish UX blog

Iga Mościchowska

[email protected]

› UX designer › WitFlow co-owner › UXbite initiator & co-author