Visual Data + Computational Design

This talk will explore the relationship between visual data and computational design, the meaning of each, and how they can be used together. There will be a quick tutorial with the WordPress REST API and p5.js (Processing).

Transcript

1. A talk by Mark Uraine Visual Data + Computational Design
2. As an interdisciplinary designer I’m dedicated to making the web more accessible and human friendly by facilitating the transfer of information. I’m a designer at Automattic contributing to the open source project called WordPress. I get excited about family, religion, design, health, and open source.
3. I’ve been making mistakes since
4. 41 years old. | 29 | 30 | 28
5. I’m an older-than-average designer whose learned from a lot of mistakes, and is excited about facilitating the transfer of information visually and creatively.
6. Visual Data + Computational Design
7. VISUAL DATA A visual representation of data.
11. COMPUTATIONAL DESIGN Design aided by the use of programming, coding, and algorithms.
12. Design is a solution to a problem. Art is a question to a problem. - John Maeda
17. Visual Data + Computational Design + Whatever excites you
18. I get excited about health.
19. MISSION Connect users with Nutritionists to improve eating habits and increase health. PROBLEM It was difficult for users to enter food items into the food log on a regular basis.
20. SOLUTION Create a database of searchable food items that can be added to the food log. Create a Favorites module that allowed users to add common food items easily to the food log. Gamify the process. Create a mobile version of the website.
21. ALTERNATIVE SOLUTION Mobile, Easy-to-use, Beautiful, Fun, and Informative
22. +
25. ALTERNATIVE SOLUTION Mobile : Take pictures of your food on the go. Easy-to-use : Touch the color points of your food. Beautiful : Colorful and appealing. Fun : It redefines logging food. Observe the color patterns of your food. Informative : Provides feedback if you’re not eating various colors.
26. OTHER EXAMPLES
34. WITHOUT DATA AND COMPUTATIONAL DESIGN None of that would exist.
35. I also get excited about open source.
36. WORDPRESS REST API With the advent of WordPress 4.7 the REST API is now fully integrated. This means that about 25% of the web’s public data is now available through an API.
37. WORDPRESS REST API API = Application Programming Interface A set of rules and specifications that software programs can follow to communicate with each other.
39. http://v2.wp-api.org/
40. What kind of sites really use WordPress?
41. DATA IS COOL But what do we do with it?
42. Processing Java processing.org p5.js JavaScript p5js.org
44. Wanna try something? [ TUTORIAL ]
45. Thank you. Twitter: @mapk WordPress.org: mapk markuraine.com