Digital Insanity Magazine by Bruno Amaral

3 strategies for behavior change

Sun, 07 Jun 2015 22:19:33 +0000

Stephen Wendel

3 strategies for behavior change

Intro

supporting conscious choices

fitbit
opower
hellowallet

as well as other companies and agencies who try to remove friction to change our behaviour.

Obama campaign
airbnb
ogilvy

building habits

We are all unique but our minds go through a similar process

“We are all unique… but our minds go through a similar process” @sawendel Srategies for behavioral change #uxlx pic.twitter.com/XwmV83a8go

— María P. Arrilucea (@nunile) June 4, 2015

Six conditions for action:

cue
reaction
evaluation
ability
timing
experience

C.R.E.A.T.E.

Stephen Wendel on six conditions for action #uxlx pic.twitter.com/cFCyU1FURc

— Xwerx (@xwerx) June 4, 2015

CUE

stupid stuff matters, like the time you send an email or the wording, sentences etc.

challenge is to find out which ones are more important.

NEST is about the reaction. It looks and feels different from a regular thermostat.

Reaction

Make it normal with peer comparisons or social proof.

“The sense that we are constantly observed and judged” @sawendel using comparisons to encourage behavior change #uxlx pic.twitter.com/z1jTahRuzm

— María P. Arrilucea (@nunile) June 4, 2015

Evaluation

more than economic costs

Ability

we don’t do things that we think we will fail at.

elicit plans to act.

Timing

Experience

Building habits

So what is an habit ?

we all start scared of new things and new behaviours.

cheating

remove frictions and even do the work for the user

example : forms for savings

https://digit.co/ removes frictions

but are your users engaged when you automate stuff or do the work for the user?

automation can only get you so far, you can’t cheat on interacting with people.

takeaways:

– support conscious choice

– build habits

– cheat

Are we architecting the information age?

Sun, 07 Jun 2015 22:19:33 +0000

book: managing chaos

https://www.amazon.co.uk/Managing-Chaos-Digital-Governance-Design/dp/1933820888/ref=sr_1_1?ie=UTF8&qid=1433405361&sr=8-1&keywords=managing+chaos

we are fearless creators

the industrial age went the wrong way at some point. What where they thinking ?

Do we know what we are doing or are we just making things ? #informationage #uxlx

— Sophie Muto (@Sofymaxi) June 4, 2015

Question 1:

can we produce digital goods the same way we produce hard goods?

supply chain management is an academic thing.

information in the right format in the right place at the right time.

Question 2:

who is responsible for the oucomes related to the information design and delivery (access, experience, security) ?

Margaret Hamilton … prevented an abort of the apollo 11 moon landing

Question 3:

What happens when it’s both hard (industrial) and soft (information)?

who owns our data, especially when that data is in the cloud. we are not considering the broader issues. for example we shouldn’t have settled for a transportation mode that burns fossil fuel.

we are architectering an age that we will have to live with for years to come.

Answer 1:

Can we create and distribute information products the same way we create and distribute hard goods?

because information flows… in a way that hard goods do not.

Answer 2:

Who is responsible for the outcomes?

We are

Answer 3:

What happens when it’s both hard (industrial) and soft (information)?

Anything

We have to do our best work

Atomic Design

Sun, 07 Jun 2015 22:19:33 +0000

Frameworks and tools have pitfalls

Possible solution:

Atomic Design with @brad_frost at #uxlx pic.twitter.com/gz4XOe3Gc8

— Rafa Torres (@RafaTorres) June 4, 2015

Analogy for Atomic Design:

Pattern Lab

https://patternlab.io/

Dave Olsen

A design system builder
your comprehensive interface design kit

static site generator

At its core, Pattern Lab is a custom static site generator that constructs an interface by stitching atoms, molecules, and organisms together to form templates and pages.

component library

Pattern Lab serves as your project’s pattern library and frontend style guide, but you’re simultaneously able to see components abstractly and in context.

pattern starter kit

Pattern Lab provides a whole slew of patterns just to get you started. Don’t use them all. You should use Pattern Lab to create your own atoms, molecules, organisms, templates, and pages.

viewport resizer

It’s our job to make sure our designs look and function beautifully across a whole slew of Web-enabled devices. Pattern Lab provides a robust viewport resizing tool to help you create great designs across all screens.

annotation tool

Pattern Lab provides a way to annotate your interface to better communicate design and development decisions to clients and team members.

auto refresh tool

Pattern Lab can reload your browser automatically whenever you save changes to patterns, images, CSS or anything in your project. Make a change and see the results instantly.

page follow tool

Testing across multiple browsers and devices is tedious. Page Follow streamlines the development process by syncing navigation from one browser with any other browser connected to the same Pattern Lab site.

Set expectations

Abandon the waterfall process

IA Design and Dev should be working together from the start

Interface Inventory

collect unique interface design patterns

Document your interface
highlight inconsitencies
establish scope
…
…

A website drawn by a child #uxlx pic.twitter.com/64QcVFwJ5n

— Silvia (@silvinet) June 4, 2015

Building innovation in real time

Sun, 07 Jun 2015 22:19:33 +0000

hashtags show up in 2007 but twitter only added support in 2009

Weight watchers example.

“I’m a coach, i’m real.”

the system is not just a collection of features, it is also the people that use it.

Inovation in real time:

the brief
case study
the insight

1. the brief

Client: The Taproot

— drives social change with professionals that do pro bono service.

goal: create an online marketplace for pro bono service

What features do users need?

2. the case study

Lesson 1 — start the conversation early

“Start the conversation earlier” @jseiden changing the process: launch, research and then develop #uxlx #mvp pic.twitter.com/S9aBPznX57

— María P. Arrilucea (@nunile) June 4, 2015

we need a great host behind the scene

most of the work was done by the community manager

2 static pages

index and details of the projects

work was done “by hand” and the team listened in.

Lesson 2 — track outcomes, not features

“Clients care about the outcomes, not the features you build” #uxlx https://t.co/TJ2bDBpkKM

— Paulo Gonçalves (@paulomcg_) June 4, 2015

Lesson 3 — Programs, not projects

design is a continous activity in the whole process

the insight

the contract model needs to change

https://taprootplus.org

more photos

)

Designing with linked data

Sun, 07 Jun 2015 22:19:33 +0000

Tim Berners Lee

Defined a system of decentralised information that could be connected together.

And We built … websites with ugly gifs.

For us, it is easy to distinguish between documents and data. Computers need to be told which things our documents contain.

Flashback to the 90s 🙂 @MikeAtherton #uxlx pic.twitter.com/Sum79imviB

— sarah carne (@carnesr) June 4, 2015

Cross referencing data points gives new insight.

Rules of data publishing

1

Use web addresses to represent real world things

2

Return useful data about each resource, in a standard format.

3

Include links to other data, so people can discover more things.

Listening to @MikeAtherton explain the hasWeenie relationship #uxlx pic.twitter.com/spLCavqDko

— Adrian Howard (@adrianh) June 4, 2015

There is a standard method to publish linked data: RDF

subject, predicate, object

Wikipedia is great to explain concepts for humans. What if machines could read it too?

DBPedia tries to do that for wikipedia, and musicbrainz is the open music library.

BBC radio has a database of every music played by them.

Linking to DBpedia and Musicbrainz it was possible to create a new product to explore music.

The web was designed to build bridges of understandment

we can link content and we are seeing people go back to learn how to use technology.

kids with raspberry pi’s for example

Linked data and UX have a lot to discuss

It’s all one web. So let us play with it and break down silos and link content together (paraphrased)

Information architecture for everybody

Sun, 07 Jun 2015 22:19:33 +0000

Our world is full of messed up stuff that causes a lot of questions as to what we do as designers, marketing, etc.

A large part of this mess is information.

Thinking of information as material is hard
Information also exists from the lack of materiality

We can make all sorts of judgements from these cookies

There is no true information

8 of 10 Doctors do not recommend

Vs.

Doctor recomended

There is spin, and we find and construct information inside an architecture that already exists.

To make an apple pie from scratch, you must first invent the Universe. — Carl Sagan

Change at one level has implications at other levels.

Everyone has an opinion

frustration comes from people who have difference mental models.

Objects can help us compare our mental models.

Sometimes we think of ways to make sense of the mess

tutorials
incentives for the user to deal with the mess
etc.

Don’t “Pretty up the mess” — @Abby_the_IA #uxlx pic.twitter.com/YNpE9gyzbc

— Adrian Howard (@adrianh) June 4, 2015

IA

IA is the tools and concepts that help people make sense of messes made of information.

It is also the way we choose to arrange the parts of something to make it understandable as a whole.

Critical components of IA

Ontology

The capiberra is considered a fish by the catholic church, so that it could be eaten on friday.

Meaning :

– is subjective

– is demographic

– is socio political

– gets lost in translation

– is complex

Ontology is the act of choosing the language to be used or not used within a specfic context.

Controlled vocabularies: list of approved term and definitions for a particular context and/or setting.

Example of controlled vocabulary: https://6thfloor.blogs.nytimes.com/2011/05/20/words-we-dont-say/?_r=0

We should start with language and not interface. Language is not just words, it can be icons, smells, light …

Taxonomy

Where does Michael Jackson go into? M or J ?

Organising is not hard, the hard part is agreeing on the organisation

You can arrange information by location, alphabetically, time, category, hierarchy. And that’s it. Basically. @Abby_the_IA #uxlx

— Mads-Peter Jakobsen (@madspeter) June 4, 2015

Choreography

These are the liberties and constraints that you put on users to try to simplify the process.

How you coreograph the product says something about you.

If you make anything, you are probably already architecting information.

Magical Ux and the Internet of things

Sun, 07 Jun 2015 22:19:33 +0000

Interaction is moving off the screen and into the environment around us.

Cut the steps between thinking and doing

— steven ____ ?

We tend to think about our interfaces as a keyboard or other physical device.

This talk is how can we begin to cross this barrier

Magic at #uxlx with @bigmediumjosh #uxlx #IoT pic.twitter.com/BjY58WnHln

— Jumana Al Issawi (@jumalis_) June 4, 2015

Making magic appear by making technology disappear “Magic UX and the Internet of things” @bigmediumjosh #uxlx pic.twitter.com/HiyXptMU79

— María P. Arrilucea (@nunile) June 4, 2015

1. magic and tech

Any sufficiently advanced technology is indistinguishable from magic

— Arthur C. Clark

one goal: the computer disappears into the environment.

The phone is the first magic wand for everyone.

The phone is the first internet of things device for everyone.

Sensors * smarts + connectivity

The phone is also always available at the point of inspiration. When you need information, or services.

Mobile phones bring computing power to immobile objects.

If we can make a diaper into a web connected device, imagine what we can do.

Each one spends 3h and 16min on his phone every day @bigmediumjosh #uxlx #InternetOfThings

— Sophie Muto (@Sofymaxi) June 4, 2015

“phones wedge themselves between us and our surroundings” – the more connected we are the more disconnected we become #uxlx @bigmediumjosh

— UX Podcast (@uxpodcast) June 4, 2015

Related reference, FOMO : Fear of missing out

To read: Enchanted Objects BY David Rose 😉 #UXLX

— aldasilva (@aDreamersWaltz) June 4, 2015

Persistent mirror of clothes store

Dorothy project
Bt.tn
Flip
IFTTT
Zappier
Amazon’s dash buttons

The decision hat from Harry Potter is Google Now in hat form. @bigmediumjosh at #uxlx

— Jacob Svarre (@svarre) June 4, 2015

Summary :

2. physical meets digital

Physical interaction with a digital API

The web breaks down barriers.

The world is becoming the interface

(You know, like it always has been)

The world is a data source

snapshot by progressive insurance.

https://www.progressive.com/auto/snapshot/

Automatic

delivering actionable advice and insight. Improve safety, give you feedback, checks the engine etc.

https://propellerhealth.com

Passive interface

Ares sand table

https://www.military.com/video/logistics-and-supplies/army-equipment/sandtable-as-fun-as-sanbox/3849414398001/

The world is reactive

The world is a big canvas (we can design for a room or even a city)

https://bit.ly/smart-dumb

wearables vs bearables

project called room E

the world has depth and mass

Thaw — replace the mouse with your phone.

summary:

gather data for insight
channel our intention sometimes at a distance. making it simple to move from idea to action
use the world as a canvas
interactions have mass

3. magic imagined

hardware is not the barrier, we can use regular stuff.

software and behavior is the hard part

This is not a challenge of technology but a challenge of imagination

design for the thing’s essential thingness

— josh clark

Different mental models lead to frustration

— Abby Covert

Don’t just add data. Add insight

Expose as little technology as possible

Mailchimp + https://brendandawes.com/

Be a little bit ridiculous

There is wisdom in play and immaturity. Gets us thinking into new ways of interacting with the world.

— josh clark

Magic always goes wrong

We should always have access to the off switch!

When algorithms fails, is the point to add human judgment.

Tech should aplify our humanty.

— Josh Clark

Separation Anxiety: Messenger from Feature to Standalone App

Sun, 07 Jun 2015 22:19:33 +0000

About a year ago, most people didn’t know that Facebook had a separate app for messaging, and Messenger didn’t offer much that you couldn’t already get from the Facebook app. Since then, Messenger was completely redesigned, and it’s now used by millions of people. Learn how the team approached the task of redefining Messenger and struggled with separating it from Facebook.

See how the voice of a sub-brand emerged.
Get tips for writing content that’s really mobile-first.
Hear some approaches for delivering bad news to your audience.

First people reacted negatively to the new app and the forced migration

Second, people reacted against the permissions requested by the app

PR Team worked to clear this up, but people were deleting the app from their phones.

Messenger : Myths vs Facts

notice on the app that directed people to a page that acknowledged the rumors.

prepare people for change and explain why it is being done
sometimes more words are better (explain in detail what is going on to users)
take time to test and iterate
content strategists can lead UX projects too

The art of deception

Sun, 07 Jun 2015 22:19:33 +0000

uxlx.zerointerface.nl

people who stand to gain something from you have motive to deceive you

I <3 Deception

Deception can be found in a number of places of every day life.

traffic lights with pedestrian buttons
London tube map
perception of speed — stevesouders.com

Good Vs Evil

Dark patterns in UI

Why people use dark patterns?

Pressure for results

rather than deceiving users, enable them to do what you’d like them to do.

By focusing on simplicity of the target behavior, you increase ability.

— BJ Fogg

The audience must never be made to work.

— darwin ortiz

“The audience must never be made to work” #uxlx https://t.co/jsWk2oMcfd

— Paulo Gonçalves (@paulomcg_) June 4, 2015

Clarifying Techniques

use fewer props

— minimalist UI

consistency

keep the ui consistent accross the site / app

Visually clarify the props

best example, tutorials. keep them with as little slides as possible.

Visually clarify the layout

— keep things nice and clear

Make the hidden visible

— put the information / content in front the user without barriers.

Eliminate time lags

— design for performance

Eliminate interruptions

procedural directness

Delight vs frustration

Tweets from others

To visit: https://t.co/sFMuI190yC #UXLX

— aldasilva (@aDreamersWaltz) June 4, 2015

More to visit: https://t.co/S05LIqO0x8 #UXLX

— aldasilva (@aDreamersWaltz) June 4, 2015

Wayfindr

Sun, 07 Jun 2015 22:19:33 +0000

Wayfindr

jumalis_: Now @the_uMe speaking about #wayfindr at #uxlx. Service that enables vision impaired people getting around London.

@teachmeuxsensei: *giggles* #Wayfindr #uxlx pic.twitter.com/25jx4pleg9

— Renato Reis (@teachmeuxsensei) June 4, 2015

#Wayfindr vision #uxlx @the_uMe pic.twitter.com/w4sAqyRbNZ

— sarah carne (@carnesr) June 4, 2015

Words as material

Sun, 07 Jun 2015 22:19:33 +0000

Nicole Fenton

Words as material

What’s the number one thing that sabotages projects for you?

silos
miss communication
client not communicating needs
unclear expectations
lack of clarity
lack of communication
self
team
product
public

Wtiters are the fastest designers in the world.

— Matt Jones, Interaction 15

There is a gap between writers and designers

Language is a system

see words as blocks you can work with

we need to make messes

— Anne Lamott, Bird by Bird

More people, more problems

no product vision
different expectations
oversimplifying the problem
design doesn’t sell itself

1. no product vision

Tiny content framework

https://gist.github.com/nicoleslaw/2155621

Tiny Content Framework is @nicoleslaw’s elegant kit for clarifying project/product goals and vision. Awesome. #uxlx https://t.co/pcd4wfl3xW

— Josh Clark (@bigmediumjosh) June 4, 2015

write a press release / write a letter to someone you know

2. different expectations

“Hell is other people”

— jean paul sartre

Talking with @nicoleslaw, and this came up: “Hell is other people’s undocumented assumptions.”

— Frank Chimero (@frank_chimero) March 6, 2015

“Trust the weirdness of the process” – @nicoleslaw #uxlx

— Abby Covert (@Abby_the_IA) June 4, 2015

“Questions are my biggest strategic tool.” – @nicoleslaw #uxlx

— dps (@davidpetersimon) June 4, 2015

Tools

– multiple question questionnaires

Mad Libs

Chroma is a {noun} that lets you {verb} with {object}

fake interface / prototype

3. oversimplifying the problem

Just is a dangerous word.

Don’t polarize the problem.