Proposal for SXSW 2017

1. No More Bacon Ipsum:
High Content Fidelity Design
Stan Haozhe Li & Gaby Moreno Cesar
UX Leads | IBM Design
SXSW 2017

2. This is high fidelity, right?
http://baconipsum.com/blog/
https://material.google.com/components/cards.html#cards-usage

3. What we think fidelity means
LOW HIGH

4. 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

5. Visual
ContentLOW
HIGH
Fidelity

6. Fidelity
Visual
Breadth
Depth
Interaction
Content

7. Most designs …
Visual
Breadth
Depth
Interaction
Content

8. High
content
fidelity
We need …

9. But content is hard to come by …

10. Why not look into APIs?
Most apps are built on APIs
DesignContent / Data API
/user/{id}
/user/{id}/photos
NAME
ABOUT
SQL
NAME
PhotoURL

11. But APIs are for developers!

13. 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.

14. Pull real data into Sketch from APIs

15. Interactive API tool

16. Command line interface for Twitter based on its API
Command line interface for Twitter based on its API

17. 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?

18. VOTE FOR OUR SESSION
Stan
Gaby
No More Bacon Ipsum:
High Content Fidelity Design