Ux and usability it's no PICNIC

  • View
    506

  • Download
    2

Embed Size (px)

Transcript

Infographic _SEO_Powerpoint_V.02 by kh2838

Behind the buzzwords UX and UsabilityVOXXED DAYS ZURICH

what does it mean for an application to be usable and how's that part of creating an amazing user experience? 1

Because simple user testing i.e. debugging a design is part of our jobs.

Because @g33konaut

2Why am I speaking today?

Alternatively, with Pirates in mind: "Ahoy ye landlubbers - get on board of the Usability / UX debate! Scrub your apps and set ye sails for your users. This talk lets you walk the plank for the biggest UX pitfalls and gives you a treasure map of how you can make apps that your users will sail across oceans for"

2

UX is the totality of end-users perceptions as they interact with a product or service. Kuniavsky , 2010Defining User Experience3

UX is the totality of end-users perceptions as they interact with a product or service. These perceptions include effectiveness, efficiency, emotional satisfaction, and the quality of the relationship with the entity that created the product or service - Kuniavsky , 2010http://blog.usabilla.com/the-term-game-ux-cx-ixd/3

Increased customer satisfactionLoyaltyMore time = more moneyLess resources wasted

Think of your users needs as being your product goals4

Functional: works as programmedReliable: is available and accurateUsable: can be used without difficultyConvenient: easy to use, works like I thinkPleasurable: memorable experience User Needs5

PleasurableConvenientUsableFunctionalReliable

EffectivenessEfficiencyLearnabilityError preventionMemorability

UX is broad and holistic. Usability is narrow and focused6UsabilitySatisfactionEnjoymentPleasureFunValueUser Experience

Definition of usability - from don't make me think page 9

6

How some of us see usability7

Krugs 3 Laws Of Usability8

Steve Krug Dont Make Me Think

Dont make me thinkLet the words go!Mindless & unambiguous clicks

Don't make me thinkMake my clicks mindless and unambiguous choicesGet rid of half of the words on a page, then get rid of half of what remains

8

USABILITY PYRAMID9EfficientEffectiveLearnableUsefulMemorableDelightfulDesirable

Useful: does it do something people need done?Learnable: can people figure out how to use it?Memorable: do they have to relearn it each time they use it?Effective: does it get the job done?Efficient: does it do it with a reasonable amount of time and effort

9

The Myth of the Average User1037%22%27%14%

Experience is personal and subjective - It is greatly affected by past experiences, personal preferences, mood and a myriad of other things

Good web design isnt a matter of figuring out what people like.

10

Experience is personal and subjective11

Experience is personal and subjective

It is greatly affected by past experiences, personal preferences, mood and a myriad of other things

Good web design isnt a matter of figuring out what people like.

11

Good web design isnt a matter of figuring out what people like.

12

Experience is personal and subjective

It is greatly affected by past experiences, personal preferences, mood and a myriad of other things

Good web design isnt a matter of figuring out what people like.

12

13

Loves Harry PotterHates TwilightPlays with his socks during churchPrefers Google over YahooWarning : average user may not reflect reality

Experience is personal and subjective

It is greatly affected by past experiences, personal preferences, mood and a myriad of other things

Good web design isnt a matter of figuring out what people like.

13

A game that can be played in large meetings.BULLSHIT BINGO14

Jargon 101: UX, UXD, CX, UI, IxD15

UX: USER EXPERIENCE

UXD: USER EXPERIENCE DESIGNCX: CUSTOMER EXPERIENCE

UI: USER INTERFACE

IxD: INTERACTION DESIGNGet awesome photos on Gratisography

http://blog.usabilla.com/the-term-game-ux-cx-ixd/15

User Experience Design is the process of designing for the all-encompassing, user-focused aspects of any system.

User Experience Design16

http://blog.usabilla.com/the-term-game-ux-cx-ixd/16

CX is the product of an interaction between an organization and a customer over the duration of their relationship.

17

ATTRACTION

AWARENESSGet awesome photos on GratisographyADVOCACY

CULTIVATION

PURCHASE

DISCOVERY

USE OF SERVICE

http://blog.usabilla.com/the-term-game-ux-cx-ixd/http://blog.usabilla.com/the-term-game-ux-cx-ixd/

Customer experience (CX) is the product of an interaction between an organization and a customer over the duration of their relationship.

This interaction includes a customers attraction, awareness, discovery, cultivation, advocacy and purchase and use of a service.

CX includes every interaction a shopper has with your brand, from the start to the end of their journey. CX can be measured through factors such as overall experience, the probability of the customer to continue using your website and the likelihood they will share your site with others.Note: CX and UX are not interchangeable!Essentially, UX is a more specific component within CX, primarily concerned with the usability of your products or website. On the other hand CX encompasses the experience of your entire brand.

17

UX is a specific component within CX.

CX encompasses the experience of your entire brand.CX and UX are not interchangeable!18

UX is a more specific component within CX, primarily concerned with the usability of your products or website. On the other hand CX encompasses the experience of your entire brand.

http://blog.usabilla.com/the-term-game-ux-cx-ixd/

18

UI is what your users interact with, UX is how they feel while theyre doing it.UI and UX are not interchangeable!19

http://blog.usabilla.com/the-term-game-ux-cx-ixd/The user interface is what the user of any system actually sees; this can be a set of commands or menus through which a user communicates with a program. Essentially. its the space where interactions between humans and machines occur.

User Interface: its the space where interactions between humans and machines occur.

19

Interaction Design is about making the connection between a device, its interface and the user.

Interaction Design20

Interaction Design is about making the connection between a device, its interface and the user; it facilitates the actions we want to take with any given system. Every time you make a choice on a digital device, interaction design is what responds; it makes a framework of text and objects useful, learnable and ultimately, intuitive.

http://blog.usabilla.com/the-term-game-ux-cx-ixd/

20

Interaction Design delivers that almost human element that makes technology enjoyable and pleasant to interact with.21

http://blog.usabilla.com/the-term-game-ux-cx-ixd/

21

Great image by Jeff Sauros

USABILITY BEST PRACTICES

People scan screens based on past experience and expectations.

People have a mental model of what they want to see and where they want to see it.

23

PersonaEmpathy MapUser ScenarioCustomer Journey Map4 DOCUMENTS YOU NEED24

http://designmodo.com/ux-documents/

24

Personas are a placeholder for your ideal user during the design process.Personas: fictional personalities based on research25

Your personas (limit them to 2-5) are fictional personalities based on research which act as a placeholder for your ideal user during the design process.

25

Step 1: print mapStep 2: ask dumb questionsStep 3: digest notes in post-its as a teamStep 4: go for quantityStep 5: chill out. Get more feedback.Step 6: define your mission

Empathy Map: a tool to organize users thoughts & emotions26

Step 1: print mapStep 2: ask dumb questions with open ended answersStep 3: get together with your team and digest notes in post-itsStep 4: go for quantity, the more ideas, the more you get out of thisStep 5: chill out. Get more feedback from othersStep 6: define your mission.The most important part of the statement is the"because" part

http://www.tadpull.com/tools/how-to-use-empathy-map-for-user-experience-mapping.php26

Behavior Motivation Environment External FactorsUser scenariosUser factors to consider when creating a scenario

http://designmodo.com/ux-documents/

When building your scenario, consider these factors surrounding your user:Behavior What idiosyncrasies does your user have when interacting with websites? Do they log in right away or when necessary? Are they looking at other websites simultaneously?Motivation Why does your user want to accomplish this goal? How badly? What are they willing to put up with?Environment Is the user at work, at home, or on the go? Are they using a computer, smartphone, or other mobile device? Are there any outside distractions?External Factors How fast is the Internet connection? Are they under an oppressive time constraint, or can they take their time?

http://designmodo.com/ux-documents/27

It combines the users personality (persona) with how theyre interacting with your site (user scenario).

Each stage will offer different emotional progressions.Customer Journey Map: give product context28

http://designmodo.com/ux-documents/

The customer journey map is similar to a user scenarioGoal What do they hope to accomplish in this phase?Expectations What does the user think will happen? What ideas are they b