Concept to Code: the importance of Code Literacy in Interaction Design
68
description
The DNA of our industry is rapidly evolving. Devices are multiplying like a zombie plague; once immutable patterns are being challenged; interface conventions are changing at an incredible pace; all the while, our documentation is struggling to stay relevant. This constant flux is enough to make you want to quit and buy a farm. But one thing remains constant through it all: user experiences are forged in code. As UX professionals, we are learning, unlearning, and relearning things all the time. We do it to understand the needs of our users, keep abreast of changes in our field, and communicate effectively with our clients. Understanding code is no different. Whether you are wrangling big data, making objects smarter, or trying to design a more intuitive mobile interface, code literacy is an invaluable design skill. At last year’s conference, there was much discussion about what the material or medium of our profession is. This talk will explore the ways in which code is becoming more and more critical to the experiences we are designing, and present you with a framework that you can apply to your own practice to increase your code literacy.“The illiterate of the 21st century will not be those who cannot read and write, but those who cannot learn, unlearn, and relearn.”— Alvin Toffler, Rethinking the Future
Transcript of Concept to Code: the importance of Code Literacy in Interaction Design
![Page 1: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/1.jpg)
![Page 2: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/2.jpg)
![Page 3: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/3.jpg)
![Page 4: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/4.jpg)
![Page 5: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/5.jpg)
![Page 6: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/6.jpg)
![Page 7: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/7.jpg)
![Page 8: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/8.jpg)
![Page 9: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/9.jpg)
![Page 10: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/10.jpg)
![Page 11: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/11.jpg)
![Page 12: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/12.jpg)
![Page 13: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/13.jpg)
![Page 14: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/14.jpg)
![Page 15: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/15.jpg)
![Page 16: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/16.jpg)
![Page 17: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/17.jpg)
![Page 18: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/18.jpg)
![Page 19: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/19.jpg)
![Page 20: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/20.jpg)
![Page 21: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/21.jpg)
![Page 22: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/22.jpg)
![Page 23: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/23.jpg)
![Page 24: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/24.jpg)
![Page 25: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/25.jpg)
![Page 26: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/26.jpg)
![Page 27: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/27.jpg)
![Page 28: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/28.jpg)
![Page 29: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/29.jpg)
![Page 30: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/30.jpg)
![Page 31: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/31.jpg)
![Page 32: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/32.jpg)
![Page 33: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/33.jpg)
![Page 34: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/34.jpg)
![Page 35: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/35.jpg)
![Page 36: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/36.jpg)
![Page 37: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/37.jpg)
![Page 38: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/38.jpg)
![Page 39: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/39.jpg)
![Page 40: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/40.jpg)
![Page 41: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/41.jpg)
![Page 42: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/42.jpg)
![Page 43: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/43.jpg)
![Page 44: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/44.jpg)
![Page 45: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/45.jpg)
![Page 46: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/46.jpg)
![Page 47: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/47.jpg)
![Page 48: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/48.jpg)
![Page 49: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/49.jpg)
![Page 50: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/50.jpg)
![Page 51: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/51.jpg)
![Page 52: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/52.jpg)
![Page 53: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/53.jpg)
![Page 54: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/54.jpg)
![Page 55: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/55.jpg)
![Page 56: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/56.jpg)
![Page 57: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/57.jpg)
![Page 58: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/58.jpg)
![Page 59: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/59.jpg)
![Page 60: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/60.jpg)
![Page 61: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/61.jpg)
![Page 62: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/62.jpg)
![Page 63: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/63.jpg)
![Page 64: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/64.jpg)
![Page 65: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/65.jpg)
![Page 66: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/66.jpg)
![Page 67: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/67.jpg)
![Page 68: Concept to Code: the importance of Code Literacy in Interaction Design](https://reader031.fdocuments.net/reader031/viewer/2022013003/54b397794a795991608b4586/html5/thumbnails/68.jpg)