Top Banner
Design with Words Erika Hall @mulegirl
75

Design with Words | Talkabot

Apr 16, 2017

Download

Design

Erika Hall
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design with Words | Talkabot

Design with Words

Erika Hall @mulegirl

Page 2: Design with Words | Talkabot

Hi!

Page 3: Design with Words | Talkabot

A (sad) story…

Page 4: Design with Words | Talkabot

wordswords

words

Page 5: Design with Words | Talkabot

wordswords

words

Page 6: Design with Words | Talkabot

wordswords

Page 7: Design with Words | Talkabot

wordswords

words

Page 8: Design with Words | Talkabot

What’s up with design?

Page 9: Design with Words | Talkabot

Design of Graphical User Interfaces

Page 10: Design with Words | Talkabot

Graphic Design of User Interfaces

Page 11: Design with Words | Talkabot
Page 12: Design with Words | Talkabot
Page 13: Design with Words | Talkabot

“ Just draw a rectangle shape, maybe 5 or 6 shapes on a sheet of paper, then draw the

features you want on each view of your app.”

— Beginner’s Guide to iOS Development: The Interface

Page 14: Design with Words | Talkabot
Page 15: Design with Words | Talkabot

Hello!

Page 16: Design with Words | Talkabot

CodeDesign Content

Page 17: Design with Words | Talkabot

CodeDesign Content

Page 18: Design with Words | Talkabot

Design Content

Page 19: Design with Words | Talkabot

Visual Verbal

Page 20: Design with Words | Talkabot

Content

Page 21: Design with Words | Talkabot

-Roy Bahat of Bloomberg Beta

“If we believe machine intelligence will make our applications smarter, they might as well just start talking to us,

“That’s why conversation is the new interface.”

Page 22: Design with Words | Talkabot

The History of Human Communication

Page 23: Design with Words | Talkabot

150,000 years ago

Page 24: Design with Words | Talkabot

30,000 years ago

Page 25: Design with Words | Talkabot

6,000 years ago

Page 26: Design with Words | Talkabot

2800 years ago

Page 27: Design with Words | Talkabot

500 years ago

Page 28: Design with Words | Talkabot

Oral Literate

Page 29: Design with Words | Talkabot

Public Private

Page 30: Design with Words | Talkabot

“Tell me, O muse, of that ingenious hero who travelled far and wide after he had sacked the

famous town of Troy.”

Page 31: Design with Words | Talkabot

As a dog returns to its vomit, so fools repeat their folly.

—Proverbs 26:11

Page 32: Design with Words | Talkabot

“MY DEAR AND HONORED FRIEND: I have often been desirous of writing to thee, but could not be

reconciled to the thought that the letter might fall into the hands of the British, lest some printer or busy-body should publish some part of the contents, and

give our friend pain, and myself censure.

Page 33: Design with Words | Talkabot

Immediate Active Interactive Present Social Event-based Context-aware Concrete

Passive Finished Complex Authoritarian Solitary Closed Abstract

Oral Literate

Page 34: Design with Words | Talkabot

Be less busy! Market-specific solutions

Oral Literate

Page 35: Design with Words | Talkabot

Alive

Dead

Page 36: Design with Words | Talkabot
Page 37: Design with Words | Talkabot

Conversation?

Page 38: Design with Words | Talkabot
Page 39: Design with Words | Talkabot
Page 40: Design with Words | Talkabot
Page 41: Design with Words | Talkabot

Words still win.

Page 42: Design with Words | Talkabot
Page 43: Design with Words | Talkabot
Page 44: Design with Words | Talkabot
Page 45: Design with Words | Talkabot

Alone and Unhappy

Page 46: Design with Words | Talkabot
Page 47: Design with Words | Talkabot

Writing is easy.

All you do is stare at a blank sheet of paper until drops of blood form on your forehead.

—Gene Fowler , American Screenwriter and Journalist

Page 48: Design with Words | Talkabot

Words First!

Page 49: Design with Words | Talkabot

“Computer literacy…is really a euphemism for forcing human beings to stretch their thinking to

understand the inner workings of application logic, rather than having software-enabled products

stretch to meet people’s usual ways of thinking.” —Alan Cooper

Page 50: Design with Words | Talkabot

The ideal interface is no interface

Page 51: Design with Words | Talkabot

System Interface

Page 52: Design with Words | Talkabot

Value Meaning

Page 53: Design with Words | Talkabot

An invisible interface must still be designed

Page 54: Design with Words | Talkabot

Principles

Page 55: Design with Words | Talkabot

“Make your contribution such as it is required, at the stage at

which it occurs, by the accepted purpose or direction of the talk

exchange in which you are engaged.”

Paul Grice’s cooperative principle

Page 56: Design with Words | Talkabot

“[Read the room and pitch in.]”

Paul Grice’s cooperative principle

Page 57: Design with Words | Talkabot

Quantity Quality

Relation Manner

Page 58: Design with Words | Talkabot

Just enough information Truthful Relevant

Brief, orderly, unambiguous

Page 59: Design with Words | Talkabot

Please continue to not make me think

Page 60: Design with Words | Talkabot

Process

Page 61: Design with Words | Talkabot

Design interactions by having interactions

Page 62: Design with Words | Talkabot

Form follows meaning

Page 63: Design with Words | Talkabot

Stop

Page 64: Design with Words | Talkabot

“Who has the intestinal fortitude to write ‘I’m sorry I don’t understand’

in 12 on-brand variations?” -Ben Brown

Page 65: Design with Words | Talkabot

NO ONE

Page 66: Design with Words | Talkabot

Design interactions by having interactions

Page 67: Design with Words | Talkabot

Personality

Page 68: Design with Words | Talkabot
Page 69: Design with Words | Talkabot

Personality should reflect the role of the system in the

life of the user.

Page 70: Design with Words | Talkabot

Personality should reflect the role of the system in the

life of the user.

Page 71: Design with Words | Talkabot

“You have to like people.” –Josh A. Cagan

Page 72: Design with Words | Talkabot

Study your subject Listen without judgment

Expose yourself to good language

Do your research

Page 73: Design with Words | Talkabot

“We are what we repeatedly do. Excellence then, is not an act, but a habit.”

—Aristotle

Page 74: Design with Words | Talkabot

Excelsior!

Page 75: Design with Words | Talkabot

bye!

Erika Hall @mulegirl

[email protected]