No More Bacon Ipsum: High Content Fidelity Design
-
Upload
stan-haozhe-li -
Category
Design
-
view
533 -
download
1
Transcript of No More Bacon Ipsum: High Content Fidelity Design
![Page 1: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/1.jpg)
No More Bacon Ipsum: High Content Fidelity Design
Stan Haozhe Li & Gaby Moreno Cesar UX Leads | IBM Design
SXSW 2017
![Page 2: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/2.jpg)
This is high fidelity, right?
http://baconipsum.com/blog/ https://material.google.com/components/cards.html#cards-usage
![Page 3: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/3.jpg)
What we think fidelity means
LOW HIGH
![Page 4: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/4.jpg)
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
![Page 5: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/5.jpg)
Visual
ContentLOW
HIGH
Fidelity
![Page 6: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/6.jpg)
FidelityVisual
Breadth
Depth
Interaction
Content
![Page 7: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/7.jpg)
Most designs …Visual
Breadth
Depth
Interaction
Content
![Page 8: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/8.jpg)
High content fidelity
We need …
![Page 9: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/9.jpg)
But content is hard to come by …
![Page 10: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/10.jpg)
Why not look into APIs? Most apps are built on APIs
DesignContent / Data API
/user/{id}
/user/{id}/photos
NAME
ABOUT
SQL
NAME
PhotoURL
![Page 11: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/11.jpg)
But APIs are for developers!
![Page 12: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/12.jpg)
![Page 13: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/13.jpg)
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.
![Page 14: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/14.jpg)
Pull real data into Sketch from APIs
![Page 15: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/15.jpg)
Interactive API tool
![Page 16: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/16.jpg)
Command line interface for Twitter based on its APICommand line interface for Twitter based on its API
![Page 17: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/17.jpg)
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?
![Page 18: No More Bacon Ipsum: High Content Fidelity Design](https://reader034.fdocuments.us/reader034/viewer/2022042906/589ff1eb1a28ab46598b4d97/html5/thumbnails/18.jpg)
VOTE FOR OUR SESSION
Stan
Gaby
No More Bacon Ipsum: High Content Fidelity Design