ui design mini bootcamp
DESCRIPTION
Every Website or app that we design is an opportunity to communicate important information to our users, extend our reach and communicate the personality of our brand. Following best practices and standard design methodologies are crucial to its success. In this talk, Jan will walk you through the various design processes from wireframing, actual prototyping and visual design in order to create usable, beautiful and memorable interfaces for the Web. SoCal Web Designers and Developers August 30, 2012 Speaker: Jan Cavan Organizer: Mario Noble Sponsors: SendGrid and MicrosoftTRANSCRIPT
![Page 1: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/1.jpg)
![Page 2: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/2.jpg)
![Page 3: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/3.jpg)
![Page 4: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/4.jpg)
![Page 5: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/5.jpg)
![Page 6: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/6.jpg)
![Page 7: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/7.jpg)
![Page 8: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/8.jpg)
![Page 9: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/9.jpg)
![Page 10: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/10.jpg)
![Page 11: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/11.jpg)
![Page 12: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/12.jpg)
![Page 13: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/13.jpg)
![Page 14: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/14.jpg)
![Page 15: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/15.jpg)
![Page 16: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/16.jpg)
![Page 17: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/17.jpg)
![Page 18: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/18.jpg)
![Page 19: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/19.jpg)
![Page 20: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/20.jpg)
![Page 21: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/21.jpg)
![Page 22: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/22.jpg)
![Page 23: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/23.jpg)
![Page 24: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/24.jpg)
![Page 25: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/25.jpg)
![Page 26: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/26.jpg)
![Page 27: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/27.jpg)
![Page 28: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/28.jpg)
![Page 29: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/29.jpg)
![Page 30: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/30.jpg)
![Page 31: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/31.jpg)
![Page 32: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/32.jpg)
![Page 33: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/33.jpg)
![Page 34: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/34.jpg)
![Page 35: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/35.jpg)
![Page 36: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/36.jpg)
![Page 37: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/37.jpg)
![Page 38: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/38.jpg)
![Page 39: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/39.jpg)
![Page 40: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/40.jpg)
![Page 41: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/41.jpg)
![Page 42: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/42.jpg)
![Page 43: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/43.jpg)
![Page 44: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/44.jpg)
![Page 45: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/45.jpg)
![Page 46: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/46.jpg)
![Page 47: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/47.jpg)
![Page 48: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/48.jpg)
![Page 49: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/49.jpg)
![Page 50: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/50.jpg)
![Page 51: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/51.jpg)
![Page 52: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/52.jpg)
![Page 53: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/53.jpg)
![Page 54: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/54.jpg)
![Page 55: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/55.jpg)
![Page 56: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/56.jpg)
![Page 57: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/57.jpg)
![Page 58: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/58.jpg)
![Page 59: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/59.jpg)
![Page 60: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/60.jpg)
![Page 61: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/61.jpg)
![Page 62: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/62.jpg)
![Page 63: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/63.jpg)
![Page 64: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/64.jpg)
![Page 65: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/65.jpg)
![Page 66: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/66.jpg)
![Page 67: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/67.jpg)
![Page 68: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/68.jpg)
![Page 69: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/69.jpg)
![Page 70: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/70.jpg)
![Page 71: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/71.jpg)
![Page 72: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/72.jpg)
![Page 73: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/73.jpg)
![Page 74: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/74.jpg)
![Page 75: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/75.jpg)
![Page 76: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/76.jpg)
![Page 77: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/77.jpg)
![Page 78: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/78.jpg)
![Page 79: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/79.jpg)
![Page 80: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/80.jpg)
![Page 81: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/81.jpg)
![Page 82: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/82.jpg)
![Page 83: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/83.jpg)
![Page 84: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/84.jpg)
![Page 85: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/85.jpg)
![Page 86: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/86.jpg)
![Page 87: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/87.jpg)
![Page 88: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/88.jpg)
![Page 89: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/89.jpg)
![Page 90: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/90.jpg)
![Page 91: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/91.jpg)
![Page 92: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/92.jpg)
![Page 93: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/93.jpg)
![Page 94: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/94.jpg)
![Page 95: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/95.jpg)
![Page 96: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/96.jpg)
![Page 97: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/97.jpg)
![Page 98: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/98.jpg)
![Page 99: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/99.jpg)
![Page 100: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/100.jpg)
![Page 101: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/101.jpg)
![Page 102: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/102.jpg)
![Page 103: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/103.jpg)
![Page 104: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/104.jpg)
![Page 105: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/105.jpg)
![Page 106: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/106.jpg)
![Page 107: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/107.jpg)
![Page 108: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/108.jpg)
![Page 109: UI Design Mini Bootcamp](https://reader033.vdocument.in/reader033/viewer/2022061120/546bd227af7959ab1b8b4fa7/html5/thumbnails/109.jpg)