Top Banner
Breaking The Fourth Wall In Software Alex Bunardzic, February 24, 2016 https ://twitter.com/alexbunardzic https://medium.com/@alexbunardzic
64

Breaking the Fourth Wall in Software

Jan 24, 2017

Download

Software

Alex Bunardzic
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: Breaking the Fourth Wall in Software

Breaking The Fourth Wall In Software

Alex Bunardzic, February 24, 2016

https://twitter.com/alexbunardzichttps://medium.com/@alexbunardzic

Page 2: Breaking the Fourth Wall in Software

Or, Everything Old Is New Again

Page 3: Breaking the Fourth Wall in Software
Page 4: Breaking the Fourth Wall in Software

Early Human-Computer Interfaces

Page 5: Breaking the Fourth Wall in Software

Intimidating

Page 6: Breaking the Fourth Wall in Software

Clunky

Page 7: Breaking the Fourth Wall in Software

Breakthrough-- Text!

Page 8: Breaking the Fourth Wall in Software

Text Is Intuitive

Page 9: Breaking the Fourth Wall in Software

But Computers Are Clunky

Page 10: Breaking the Fourth Wall in Software

Only These People Knew How To Talk To Computers

Page 11: Breaking the Fourth Wall in Software

Replace Text With Graphical Interface:The Desktop Metaphor

Page 12: Breaking the Fourth Wall in Software

Quickly Mushroomed Into Scary GUI:Counter-Intuitive

Page 13: Breaking the Fourth Wall in Software

Picture Is Worth A 1,000 Words, But Most Of Those 'Words' Are Gibberish

Page 14: Breaking the Fourth Wall in Software

People Find GUIs Frustrating

Page 15: Breaking the Fourth Wall in Software

GUIs Enforce The ‘One Size Fits All’ Solutions

Page 16: Breaking the Fourth Wall in Software

What If, Instead Of Intermediary Graphics, We Were To Use Plain Text Again?

Page 17: Breaking the Fourth Wall in Software

Yes, But Computers Are Brittle And Will Not Be As Forgiving As GUIs

Page 18: Breaking the Fourth Wall in Software

So GUIs Are The Training Wheels, Crutches And Wheelchairs

Page 19: Breaking the Fourth Wall in Software

Can't Get Far Using Training Wheels

Page 20: Breaking the Fourth Wall in Software

How To Remove Training Wheels And Learn To Ride Properly?

Page 21: Breaking the Fourth Wall in Software

Break The Fourth Wall! (i.e. Stop Pushing Pixels!)

Page 22: Breaking the Fourth Wall in Software

How Can We Do That?

Page 23: Breaking the Fourth Wall in Software

Example

• Say we order something online• The next week we may be wondering about

the status of our order (hasn’t arrived yet)• We open a browser, go to the online store, log

in, try to navigate to the order status page• We have to wade through the jungle of

confusing menus, layouts, links etc. that keep changing constantly

Page 24: Breaking the Fourth Wall in Software

Less Frustrating Example

• What if, instead of doing all of the above gymnastics, we just do the following

• Go to the command line (Messenger or Slack etc.) and type:

• ‘@merchant_name what’s the status of my order?’

• Let the merchant service (i.e. Amazon or Etsy etc.) do the legwork for us

Page 25: Breaking the Fourth Wall in Software

Guess What? We Just Broke The Fourth Wall In Software!

Page 26: Breaking the Fourth Wall in Software

OK, So What Did Just Happen Here?

Page 27: Breaking the Fourth Wall in Software

We Have Abandoned The GUI And Switched To Plain Text When Interacting With E-Commerce

Page 28: Breaking the Fourth Wall in Software

But At The Same Token, We Didn’t Have To Undergo Any Training

Page 29: Breaking the Fourth Wall in Software

It Was All Made Possible Thanks To Getting In Touch With A Sophisticated Chat Bot

Page 30: Breaking the Fourth Wall in Software

How Do We Get Involved With A Chat Bot Of Our Choice?

Page 31: Breaking the Fourth Wall in Software

We /invite it to our channel

Page 32: Breaking the Fourth Wall in Software

Once Invited, The Bot Is Always Online, Listening For Its Name To Get Mentioned

Page 33: Breaking the Fourth Wall in Software

The Bot Is The Buffer

Page 34: Breaking the Fourth Wall in Software

The Bot Is Attentive To Human Needs And Sensitive To Human Frailty

Page 35: Breaking the Fourth Wall in Software

Is This A Revolutionary Change?

Page 36: Breaking the Fourth Wall in Software

No, Not Really. It’s More Of A Natural Evolution In The Human-Computer Interaction

Page 37: Breaking the Fourth Wall in Software

In Actuality, It’s Not All That Different From GUIs

Page 38: Breaking the Fourth Wall in Software

Funny, Ha?

Page 39: Breaking the Fourth Wall in Software

Let’s Examine What Goes On In A Typical GUI Interface

• A user is presented with an Input field on the form

• This Input field is sometimes referred to as a Text Box

• The GUI listens to the user’s gestures and catches the ‘send’ or ‘submit’ gesture

• The GUI then sends text to the back end service layer

Page 40: Breaking the Fourth Wall in Software

So GUIs Are Also Text-Driven

• Where do pixels come into play?• They’re being used as mere decoration• Often times pixels are used to sugar-coat the

web form and present it in a more familiar context

• Typically, emulating a paper form• Plus, it gives graphic designers the chance to

show off their chops

Page 41: Breaking the Fourth Wall in Software

Remove The Pixelated Decorations, And What Are You Left With?

Page 42: Breaking the Fourth Wall in Software

Microcopy

Page 43: Breaking the Fourth Wall in Software

What Is Microcopy?

Page 44: Breaking the Fourth Wall in Software

Customer Service-Oriented

Page 45: Breaking the Fourth Wall in Software

Remove Graphical Decorations And You’re Left With A Conversational Thread Between A User

And A Back-end Service

Page 46: Breaking the Fourth Wall in Software

Conversational Commerce

Page 47: Breaking the Fourth Wall in Software

What Are The Advantages Of Conversational Interfaces?

• Intuitive• Sensitive to human frailty (the bot will try to

clarify its master’s requests if at first not understood)

• Familiar (everyone’s already fully accustomed to chatting with family/friends/coworkers)

• Consistent experience across all possible devices• Forever recorded in the fully personalized

discussion thread (full auditability)

Page 48: Breaking the Fourth Wall in Software

Conversational Interface Offers Experience Uncannily Similar To Everyday Customer Support

• What does typically happen when calling customer support and not being able to resolve the issue?

• The issue gets escalated to the supervisor• Same thing happens with chatbots• When in doubt, they escalate the

question/issue to human customer support workforce

Page 49: Breaking the Fourth Wall in Software

Trends

Page 50: Breaking the Fourth Wall in Software
Page 51: Breaking the Fourth Wall in Software
Page 52: Breaking the Fourth Wall in Software

On the web, keyword search was the core of the experience

Page 53: Breaking the Fourth Wall in Software

But on mobile, it’s become clear that chat is where people spend most of their time

Page 54: Breaking the Fourth Wall in Software

“We’re just getting people used to the idea that you can message more than just people on Messenger.”

Seth Rosenberg, Facebook Product Manager

Page 55: Breaking the Fourth Wall in Software

The Disappearance Of Flip Phones

Page 56: Breaking the Fourth Wall in Software

The Disappearance Of Phone Numbers

Page 57: Breaking the Fourth Wall in Software

Discussion Threads Are The New Apps

Page 58: Breaking the Fourth Wall in Software

One Stop Shop - Discussion Thread Gives The Context

Page 59: Breaking the Fourth Wall in Software

No Need To Jump Around From One App To Another

Page 60: Breaking the Fourth Wall in Software

Establish Our Very Own Social Handshake

Page 61: Breaking the Fourth Wall in Software

Nothing to install, nothing to configure—just flow

Page 62: Breaking the Fourth Wall in Software

Conclusion

Page 63: Breaking the Fourth Wall in Software

We’re Leaving The World Of Scarcity And Entering The World Of Abundance

Page 64: Breaking the Fourth Wall in Software