System Diagramming Basics

  • View
    407

  • Download
    1

Embed Size (px)

DESCRIPTION

A very short overview of the critical steps and components of a successful system diagram.

Text of System Diagramming Basics

  • 1. System Diagramming Basics IXDSN-210: Systems Tim SheinerTim Sheiner 2013 All rights reserved 1
  • 2. Agenda The point Benets and limitaCons of diagrams The reference book Process ConvenCons AnnotaCon DecoraConTim Sheiner 2013 All rights reserved 2
  • 3. What is the point of system diagrams?Tim Sheiner 2013 All rights reserved 3
  • 4. CommunicaCon.Tim Sheiner 2013 All rights reserved 4
  • 5. System Diagrams as a tool Benets O#en actually worth one thousand words Help youthe designerdenitely Ac:vate visual and spa:al cogni:ve machinery LimitaCons Not dynamic Help othersnot the designermaybe Can become an end, rather than a meansTim Sheiner 2013 All rights reserved 5
  • 6. A Reference Book: Communica:ng Design The good things Dans POV: read chapter 2! The informa:on architecture of the book The examples The detail (well explained trees) The less good things systems-specic ar:facts not covered The physical format of the book The detail (obscures the forest)Tim Sheiner 2013 All rights reserved 6
  • 7. Process suggested order of operaCons for construcCng diagramsTim Sheiner 2013 All rights reserved 7
  • 8. Diagramming Process 11. [Make a list of the pieces] 7. [Collaborate]2. Sketch 1. Share 2. Revisit Inputs3. Move to nal medium 8. Iterate4. Color sparingly 1. Explore a dierent approach5. Use conven:ons 2. Move stu around6. Label, label, label1adapted from CommunicaCng Design, pp 18-19 Tim Sheiner 2013 All rights reserved 8
  • 9. Process: SketchTim Sheiner 2013 All rights reserved 9
  • 10. Process: Place the ObjectsTim Sheiner 2013 All rights reserved 10
  • 11. Process: Make Connec:onsTim Sheiner 2013 All rights reserved 11
  • 12. Process: ReneTim Sheiner 2013 All rights reserved 12
  • 13. The diagram AND the learning are the valuable outcomes ~3 hoursTim Sheiner 2013 All rights reserved 13
  • 14. Diagramming Conven:on1. Follow conven:on2. If there is no relevant standard to follow, apply a standard of consistency Tim Sheiner 2013 All rights reserved 14
  • 15. // diagramming conven:on If !(relevantStandard) { internalConsistency; }Tim Sheiner 2013 All rights reserved 15
  • 16. An example of following an ad hoc internal standard...Tim Sheiner 2013 All rights reserved 16
  • 17. Diagramming Conven:onsTim Sheiner 2013 All rights reserved 17
  • 18. Diagramming Conven:ons rectangle = plug-in logicTim Sheiner 2013 All rights reserved 18
  • 19. Diagramming Conven:ons rounded rectangle = controller logicTim Sheiner 2013 All rights reserved 19
  • 20. Diagramming Conven:ons round = API type objectTim Sheiner 2013 All rights reserved 20
  • 21. Diagramming Conven:ons brackets = sub systemTim Sheiner 2013 All rights reserved 21
  • 22. Diagramming Conven:ons brackets = sub system layer: use of dierent bracket styles conveys an actual dierenceTim Sheiner 2013 All rights reserved 22
  • 23. Annota:on Text associated with the illustraCon and intended to clarify its meaning. A common kind of layer applied to info graphics.Tim Sheiner 2013 All rights reserved 23
  • 24. Notes notesTim Sheiner 2013 All rights reserved 24
  • 25. Key keyTim Sheiner 2013 All rights reserved 25
  • 26. Call out and this is a leader line this is a call outTim Sheiner 2013 All rights reserved 26
  • 27. Decora:on Imagery, embellishment, shading or any kind of non- textual marks applied to an illustraCon to improve its communicaCon value. Oben subject to abuse.Tim Sheiner 2013 All rights reserved 27
  • 28. Examples of Decora:onTim Sheiner 2013 All rights reserved 28