No More Bacon Ipsum: High Content Fidelity Design

Stan Haozhe Li & Gaby Moreno Cesar UX Leads | IBM Design

SXSW 2017

This is high fidelity, right?

http://baconipsum.com/blog/ https://material.google.com/components/cards.html#cards-usage

What we think fidelity means

LOW HIGH

What we actually mean when we say fidelity…

Visual

Breadth

Depth

Interaction

Content

Breaking the Fidelity Barrier, CHI, 2006. http://dl.acm.org/citation.cfm?id=1124959

Visual

ContentLOW

HIGH

Fidelity

FidelityVisual

Breadth

Depth

Interaction

Content

Most designs …Visual

Breadth

Depth

Interaction

Content

High content fidelity

We need …

But content is hard to come by …

Why not look into APIs? Most apps are built on APIs

DesignContent / Data API

/user/{id}

/user/{id}/photos

NAME

ABOUT

SQL

NAME

PhotoURL

But APIs are for developers!

API Fluency for Designers There are tools that make working with APIs more accessible. Some, like InVision’s Craft, are used by designers already.

But others, like Postman and CLIs, are less known.

Pull real data into Sketch from APIs

Interactive API tool

Command line interface for Twitter based on its APICommand line interface for Twitter based on its API

So… Curious about the importance of high content fidelity in design?

Want to increase content fidelity by leveraging APIs?

Curious about tools for gaining basic fluency in APIs?

VOTE FOR OUR SESSION

Stan

Gaby

No More Bacon Ipsum: High Content Fidelity Design