Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
A Multimedia Sketching System
for Collaborative Creativity
Zhenpeng Zhao, Sriram Karthik Badam, Senthil Chandrasegaran
Deo...
Can it be better
than this?
Conceptual Design
What is missing?
Managing Variations
Sharing Ideas
Creative Process
Is digital tool better?
Multiple
Contributors
Single Outcome
Branching
Designer A Designer B
Is file model adequate for
collaborative creative work?
Path meets and diverge
Path
• Nothing can be deleted or lost. No way to destruct
the team work.
Draw Line A to B
Add text label ’abc’
Move positi...
skWiki
Branch
Merge
skWiki Interface
Path Viewer
Canvas
Preview Pane
Editing
Toolbar
Path Viewer
Toolbar
Operation History
Joe
Branch and Merge
Joe Adam David
Operation atomicity
Joe
vs.
Joe
Operations can be chunked at
various levels
Will skWiki promote creative design
process?
How the collaboration pattern will
change?
Previous Design Methods
6-3-5 (Rohrbach, 1969; Shah, 1998; Otto and Wood, 2001)
C-Sketch (Shah et al. 2001)
Brainstorming
...
Round 1 Round 2 Round 3
C-Sketch
Round 1 Round 2 Round 3
C-Sketch
Round 1 Round 2 Round 3
C-Sketch
Round 1 Round 2 Round 3
C-Sketch
Round 1 Round 2 Round 3
C-Sketch
Round 1 Round 2 Round 3
C-Sketch
Round 1 Round 2 Round 3
C-Sketch
Round 1 Round 2 Round 3
skWiki
Round 1 Round 2 Round 3
skWiki
Round 1 Round 2 Round 3
skWiki
Round 1 Round 2 Round 3
skWiki
Round 1 Round 2 Round 3
skWiki
Round 1 Round 2 Round 3
skWiki
Round 1 Round 2 Round 3
skWiki
Evaluation
12 participants
(4 teams)
2 design tasks
(25 mins each)
C-sketch skWiki
apparatus
(Microsoft Surface Pro)
Usage Pattern
C-sketch
p1 p2 p3
skWiki
Team 1 Team 2 Team 3 Team 4
p1 p2 p3 p1 p2 p3 p1 p2 p3 p1 p2 p3
Unique Patterns
In ...
Preferred skWiki
(method)
Easy to choose ideas
(skWiki : Round 2)
Easy to choose ideas
(Round 3)
Evaluation
Conclusions
• Introduced “paths” model
• Developed skWiki
• Compared C-Sketch Vs. skWiki
Questions?
Try skWiki Here
http://skwiki.ecn.purdue.edu:8080/training/
username: guest; password: 123
Source code Here
htt...
skWiki: A Multimedia Sketching System for Collaborative Creativity
skWiki: A Multimedia Sketching System for Collaborative Creativity
Upcoming SlideShare
Loading in …5
×

skWiki: A Multimedia Sketching System for Collaborative Creativity

Presentation from ACM CHI 2014 on our skWiki system for collaborative creativity using multimedia. Presented by Deok Gun Park and Zhenpeng Zhao.

  • Login to see the comments

  • Be the first to like this

skWiki: A Multimedia Sketching System for Collaborative Creativity

  1. 1. A Multimedia Sketching System for Collaborative Creativity Zhenpeng Zhao, Sriram Karthik Badam, Senthil Chandrasegaran Deok Gun Park, Niklas Elmqvist, Lorraine Kisselburgh, Karthik Ramani
  2. 2. Can it be better than this?
  3. 3. Conceptual Design What is missing?
  4. 4. Managing Variations
  5. 5. Sharing Ideas
  6. 6. Creative Process
  7. 7. Is digital tool better?
  8. 8. Multiple Contributors Single Outcome
  9. 9. Branching Designer A Designer B
  10. 10. Is file model adequate for collaborative creative work?
  11. 11. Path meets and diverge
  12. 12. Path • Nothing can be deleted or lost. No way to destruct the team work. Draw Line A to B Add text label ’abc’ Move position of Line Add shade to box Draw Line C to D Add dot Add text label ’abc’ Move position of Line Add shade to box Draw Line C to D Draw Line D to F Add text label ’hello’ Add box Remove text label ‘abc’ Add circle Add box
  13. 13. skWiki Branch Merge
  14. 14. skWiki Interface Path Viewer Canvas Preview Pane Editing Toolbar Path Viewer Toolbar
  15. 15. Operation History Joe
  16. 16. Branch and Merge Joe Adam David
  17. 17. Operation atomicity Joe vs. Joe Operations can be chunked at various levels
  18. 18. Will skWiki promote creative design process? How the collaboration pattern will change?
  19. 19. Previous Design Methods 6-3-5 (Rohrbach, 1969; Shah, 1998; Otto and Wood, 2001) C-Sketch (Shah et al. 2001) Brainstorming 6-3-5 C- Sketch Brain writing Gallery
  20. 20. Round 1 Round 2 Round 3 C-Sketch
  21. 21. Round 1 Round 2 Round 3 C-Sketch
  22. 22. Round 1 Round 2 Round 3 C-Sketch
  23. 23. Round 1 Round 2 Round 3 C-Sketch
  24. 24. Round 1 Round 2 Round 3 C-Sketch
  25. 25. Round 1 Round 2 Round 3 C-Sketch
  26. 26. Round 1 Round 2 Round 3 C-Sketch
  27. 27. Round 1 Round 2 Round 3 skWiki
  28. 28. Round 1 Round 2 Round 3 skWiki
  29. 29. Round 1 Round 2 Round 3 skWiki
  30. 30. Round 1 Round 2 Round 3 skWiki
  31. 31. Round 1 Round 2 Round 3 skWiki
  32. 32. Round 1 Round 2 Round 3 skWiki
  33. 33. Round 1 Round 2 Round 3 skWiki
  34. 34. Evaluation 12 participants (4 teams) 2 design tasks (25 mins each) C-sketch skWiki apparatus (Microsoft Surface Pro)
  35. 35. Usage Pattern C-sketch p1 p2 p3 skWiki Team 1 Team 2 Team 3 Team 4 p1 p2 p3 p1 p2 p3 p1 p2 p3 p1 p2 p3 Unique Patterns In skWiki
  36. 36. Preferred skWiki (method) Easy to choose ideas (skWiki : Round 2) Easy to choose ideas (Round 3) Evaluation
  37. 37. Conclusions • Introduced “paths” model • Developed skWiki • Compared C-Sketch Vs. skWiki
  38. 38. Questions? Try skWiki Here http://skwiki.ecn.purdue.edu:8080/training/ username: guest; password: 123 Source code Here https://github.com/karthikbadam/skWiki IIS-1227639 IIS-1249229 IIS- 1253863 Donald W. Feddersen Chaired Professorship Purdue School of Mechanical Engineering.

×