Sketching Sketching: Outlines of a Collaborative Design Method
[HCI] Week 09 Design Thinking and Sketching Workshop
20
Prototyping by Powerpoint Storyboarding Human Computer Interaction/COG3103, 2016 Fall Class hours : Monday 1-3 pm/Wendseday 2-3 pm Lecture room : Widang Hall 209 2 nd November
Transcript of [HCI] Week 09 Design Thinking and Sketching Workshop
![Page 1: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/1.jpg)
Prototyping by Powerpoint StoryboardingHuman Computer Interaction/COG3103, 2016 Fall
Class hours : Monday 1-3 pm/Wendseday 2-3 pm
Lecture room : Widang Hall 209
2nd November
![Page 2: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/2.jpg)
![Page 3: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/3.jpg)
![Page 4: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/4.jpg)
Design > Slide Size
![Page 5: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/5.jpg)
![Page 6: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/6.jpg)
Storyboarding > Storyboard Shapes
![Page 7: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/7.jpg)
![Page 8: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/8.jpg)
https://visualstudiogallery.msdn.microsoft.com/79d59a31-3763-407c-adfd-e447c63dca9b
Download Shapes
![Page 9: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/9.jpg)
Storyboarding > Import Shapes
![Page 10: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/10.jpg)
Drag & drop the shapes
![Page 11: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/11.jpg)
Storyboarding > Create Layout
![Page 12: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/12.jpg)
![Page 13: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/13.jpg)
![Page 14: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/14.jpg)
http://www.everyinteraction.com/resources/iphone-ios-10-gui-psd-iphone-7/ http://www.teehanlax.com/tools/ios7-iphone/
Download GUI Templates
![Page 15: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/15.jpg)
Download GUI Templates
![Page 16: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/16.jpg)
Storyboarding > Add to My Shapes
![Page 17: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/17.jpg)
Make Clickable Buttons > Edit Hyperlink
![Page 18: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/18.jpg)
![Page 19: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/19.jpg)
Slides Show
![Page 20: [HCI] Week 09 Design Thinking and Sketching Workshop](https://reader036.fdocuments.us/reader036/viewer/2022062412/588a359c1a28abc6168b57a5/html5/thumbnails/20.jpg)
Save as PDF