{"id":16198,"date":"2019-07-31T18:51:54","date_gmt":"2019-07-31T22:51:54","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=16198"},"modified":"2019-07-31T22:46:28","modified_gmt":"2019-08-01T02:46:28","slug":"mapping-social-impact-design-corps-2005-2019","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/mapping-social-impact-design-corps-2005-2019\/","title":{"rendered":"Mapping Social Impact: Design Corps 2005-2019"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"3752\" height=\"2912\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_classroom.jpg?fit=840%2C652\" alt=\"\" class=\"wp-image-16245\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_classroom.jpg?w=3752&amp;ssl=1 3752w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_classroom.jpg?resize=300%2C233&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_classroom.jpg?resize=768%2C596&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_classroom.jpg?resize=1024%2C795&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_classroom.jpg?resize=800%2C621&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_classroom.jpg?resize=232%2C180&amp;ssl=1 232w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_classroom.jpg?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_classroom.jpg?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>The heart of Design Corps: clients, students and faculty around a table<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Charting a Course<\/h2>\n\n\n\n<p class=\"has-drop-cap\">Some years ago, a recent Pratt graduate named Chris Peck went on a job interview. While his interviewer was taking Chris through a tour of the firm, they came upon some of the firm\u2019s work for <a href=\"https:\/\/pencilsofpromise.org\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Pencils of Promise (opens in a new tab)\">Pencils of Promise<\/a>, a non-profit founded in 2008 that builds schools in developing regions.&nbsp;Recognition flashed across Chris\u2019 face. Gesturing toward the work, he said \u201cThat\u2019s funny! I worked on that.\u201d<\/p>\n\n\n\n<p>\u201cYeah. Apparently a lot of instructors use this identity for projects.\u201d<\/p>\n\n\n\n<p>\u201cNo,\u201d Chris said pointing directly at the page. \u201cI designed that logo. In a class.\u201d\u00a0<\/p>\n\n\n\n<p>The logo he designed had traveled around the world and come back to meet him back at this interview in New York.<\/p>\n\n\n\n<p>The course that Chris was talking about is Design Corps, an Undergraduate Communications Design course at Pratt Institute revived in 2005 by then-department Chair Kathleen Creighton. Re-envisioned as a more direct interaction between students and pro-bono clients, Design Corps was intended to simulate as closely as possible a design firm experience that produced actual work for clients in need and taught students the benefits of giving back.<\/p>\n\n\n\n<p>While it has gained some name recognition at the Institute level and beyond the gates, the course has generally gained a reputation as a small class that works with small non-profits \u2014 a \u2018good thing\u2019 that faculty, students or administrators have heard of but can\u2019t quite define. However, over its 14 years of existence in this form, Design Corps has evolved in the kind of work it does and how it does that work, with more emphasis on research and even more in-depth interaction with clients. It has also continued to expand its reach, working with clients whose impact is felt as far away as Laos \u2014 and of course having a lasting impact (so we hope) on students who have enrolled as well.<\/p>\n\n\n\n<p>Now Professor David Frisco and I, the instructors of Design Corps for the last 14 years, have endeavored (with the help of the <a href=\"https:\/\/www.pratt.edu\/the-institute\/administration-resources\/office-of-the-provost\/other-funding\/faculty-development-fund\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Pratt Institute Faculty Development Fund (opens in a new tab)\">Pratt Institute Faculty Development Fund<\/a> [FDF]) to document and present the work of Design Corps over those 14 years.&nbsp;<\/p>\n\n\n\n<p>This will include an artifact, an exhibit and an updated web site, each of which would feature student work and case studies from the 14 years. An integral part of each would be a map of the clients with whom Design Corps has worked over the years, showing their scope in terms of both services delivered and geography.<\/p>\n\n\n\n<p>With that in mind, the goal of this final project was to create an initial visualization that would map that scope and impact and explore methods for presenting it. By having the mapping done by one of the instructors, who was intimately involved with all aspects of the course\u2019s development, it would provide insight into benefits and challenges of different details and then allow for outside perspective through the UX research stage.<\/p>\n\n\n\n<p>The \u2018end result\u2019 then, would be a prototype and an investigation, a jumping off point for either visualization by others or refinement on my part. In a sense, it would be a visualization of what Chris experienced in that interview years ago. (You\u2019ll see both Chris and Pencils of Promise if you move the slider to \u201cFall 09 &#8211; Spring 10\u201d in the dashboard.) As a tool, it would be part of a larger effort to educate internal and external audiences to the good work the course and its students have done<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>PROCESS AND RATIONALE<\/strong><\/h2>\n\n\n\n<p>For a good deal of the project, the content and visualization fed each other, with discoveries in one opening possibilities in the other.<\/p>\n\n\n\n<p><strong>THE CONTENT<\/strong><\/p>\n\n\n\n<p>Focused on the projects defined in the FDF application \u2014 as well as our own interest in creating a database and documentation regardless \u2014 David and I had worked with graduate research assistants to develop content over the Fall 18 \/ Spring 19 academic year. Categories were proposed, student names compiled and contact information compiled into a set of Google sheets, one for clients and projects, and one for students. Of course, these sheets were incomplete and more visualizations themselves; tables for our review instead of clean, workable data.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1685\" height=\"773\" src=\"https:\/\/i2.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Original_Data.png?fit=840%2C386\" alt=\"\" class=\"wp-image-16252\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Original_Data.png?w=1685&amp;ssl=1 1685w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Original_Data.png?resize=300%2C138&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Original_Data.png?resize=768%2C352&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Original_Data.png?resize=1024%2C470&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Original_Data.png?resize=800%2C367&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Original_Data.png?resize=392%2C180&amp;ssl=1 392w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>Where the data started<\/figcaption><\/figure>\n\n\n\n<p>So the sheets were cleaned up and missing content was gathered as an initial step in the process, with decisions made along the way as to categorization and structure. <a rel=\"noreferrer noopener\" aria-label=\"Open Refine (opens in a new tab)\" href=\"http:\/\/openrefine.org\/\" target=\"_blank\">Open Refine<\/a> was used for some data cleanup and concatenation or separation where necessary. Other data, such as student names, were reviewed individually as a means of reviewing the original entry by student workers.<\/p>\n\n\n\n<p>I created separate sheets for client location and client area of impact with a third sheet for student names. Discreet IDs (e.g. \u201cSJ_FA05\u201d to denote client and semester) were generated to link the first two sheets, while the student list was linked to these using a shared \u2018Year\u2019 field (e.g. \u201cFall 05 &#8211; Spring 06\u201d), which would come in handy when it came to interactive filtering on the dashboard.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1281\" height=\"737\" src=\"https:\/\/i2.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Cleaned_Up_Data.png?fit=840%2C483\" alt=\"\" class=\"wp-image-16253\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Cleaned_Up_Data.png?w=1281&amp;ssl=1 1281w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Cleaned_Up_Data.png?resize=300%2C173&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Cleaned_Up_Data.png?resize=768%2C442&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Cleaned_Up_Data.png?resize=1024%2C589&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Cleaned_Up_Data.png?resize=800%2C460&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Cleaned_Up_Data.png?resize=313%2C180&amp;ssl=1 313w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>A cleaner (if still not perfect) sheet for client location and categories<\/figcaption><\/figure>\n\n\n\n<p>All three of these sheets were then linked through <a href=\"https:\/\/public.tableau.com\/en-us\/s\/\">Tableau Public<\/a> as live documents, so that future realizations or the addition of future semesters could easily update in the visualization. Tableau was of course selected for the project due to its ability to show not just the locations of Design Corps\u2019 clients, but to link these to other statistical and text-based visualizations in a single dashboard.<\/p>\n\n\n\n<p><strong>THE VISUALIZATION<\/strong><\/p>\n\n\n\n<p>In contrast to how I had worked for most of the labs this semester, I started this time with several pen sketches to start organizing the content and thinking through the story I was telling, with a focus on location of the clients (geographic points), regions of their impact (shaded countries) and number of clients per kind of service (e.g. Community, Education) and project format (e.g. print, web). The last one was dropped pretty quickly in the visualization process, as I realized that any change was minimal, would be unclear due to overlap of those formats for a single project, and in the context of a site or exhibit would be a story told through other means. A later attempt to bring in a line graph of number of students through the years was similarly dropped, as it brought little to the table.<\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"4032\" height=\"3024\" src=\"https:\/\/i2.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?fit=840%2C630\" alt=\"\" data-id=\"16230\" data-link=\"http:\/\/studentwork.prattsi.org\/infovis\/?attachment_id=16230\" class=\"wp-image-16230\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?w=4032&amp;ssl=1 4032w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?resize=768%2C576&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?resize=1024%2C768&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?resize=400%2C300&amp;ssl=1 400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?resize=800%2C600&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?resize=240%2C180&amp;ssl=1 240w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch1-1.jpg?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>Drawing&#8230;<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"4032\" height=\"3024\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?fit=840%2C630\" alt=\"\" data-id=\"16231\" data-link=\"http:\/\/studentwork.prattsi.org\/infovis\/?attachment_id=16231\" class=\"wp-image-16231\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?w=4032&amp;ssl=1 4032w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?resize=768%2C576&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?resize=1024%2C768&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?resize=400%2C300&amp;ssl=1 400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?resize=800%2C600&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?resize=240%2C180&amp;ssl=1 240w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_initial_sketch2-1.jpg?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>&#8230;as thinking<\/figcaption><\/figure><\/li><\/ul>\n\n\n\n<p>Luckily, shortly before sketching I had read an article that noted the need to credit one\u2019s team and participants and struck upon the idea of tying all those student names as another very concrete indicator of impact.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/nyBreathe.gif?resize=201%2C279\" alt=\"\" class=\"wp-image-16218\" width=\"201\" height=\"279\" \/><\/figure><\/div>\n\n\n\n<p>It is worth noting here that at the time I sat down to unite content with this sketch, I was still thinking of the visualization as an animation, with sites and scope increasing as the years passed (not unlike the <a rel=\"noreferrer noopener\" aria-label=\"Breathing City (opens in a new tab)\" href=\"https:\/\/www.darkhorseanalytics.com\/blog\/breathing-city\" target=\"_blank\">Breathing City<\/a> temporal map shown). It was suggested \u2014 and soon became quite evident \u2014 that an interactive visualization, allowing the user to seek out certain years and categories of client focus would be more useful and engaging. (An animation may still play a role down the line, but it serves a different purpose.)<\/p>\n\n\n\n<p>With that in mind, the sketch then took an intermediate step that was more of a mixed-fidelity wireframe, allowing me to think about real estate more concretely and envision the interaction of elements, as well as visual hierarchy.<\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1350\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch.jpg?fit=840%2C473\" alt=\"\" data-id=\"16223\" data-link=\"http:\/\/studentwork.prattsi.org\/infovis\/?attachment_id=16223\" class=\"wp-image-16223\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch.jpg?w=2400&amp;ssl=1 2400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch.jpg?resize=800%2C450&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch.jpg?resize=320%2C180&amp;ssl=1 320w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch.jpg?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1350\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch2.jpg?fit=840%2C473\" alt=\"\" data-id=\"16224\" data-link=\"http:\/\/studentwork.prattsi.org\/infovis\/?attachment_id=16224\" class=\"wp-image-16224\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch2.jpg?w=2400&amp;ssl=1 2400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch2.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch2.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch2.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch2.jpg?resize=800%2C450&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch2.jpg?resize=320%2C180&amp;ssl=1 320w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Dashboard_sketch2.jpg?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><\/ul>\n\n\n\n<p>The time was ripe to bring these sketches and the organized content into Tableau for a long series of iterations that would create conversations between the two, shifting items back and forth.&nbsp;<\/p>\n\n\n\n<p>Decisions were made pretty early regarding hierarchy, color and basic interactivity. The maps would tell the main story, with the other visualizations buttressing that story. I worked out how to display a dual axis in Tableau, so that office location and areas of impact could both be shown on the world map.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1201\" height=\"860\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_1.png?fit=840%2C601\" alt=\"\" data-id=\"16256\" data-link=\"http:\/\/studentwork.prattsi.org\/infovis\/?attachment_id=16256\" class=\"wp-image-16256\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_1.png?w=1201&amp;ssl=1 1201w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_1.png?resize=300%2C215&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_1.png?resize=768%2C550&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_1.png?resize=1024%2C733&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_1.png?resize=800%2C573&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_1.png?resize=251%2C180&amp;ssl=1 251w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1203\" height=\"861\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_2.png?fit=840%2C601\" alt=\"\" data-id=\"16258\" data-link=\"http:\/\/studentwork.prattsi.org\/infovis\/?attachment_id=16258\" class=\"wp-image-16258\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_2.png?w=1203&amp;ssl=1 1203w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_2.png?resize=300%2C215&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_2.png?resize=768%2C550&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_2.png?resize=1024%2C733&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_2.png?resize=800%2C573&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_2.png?resize=251%2C180&amp;ssl=1 251w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"859\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_3.png?fit=840%2C601\" alt=\"\" data-id=\"16259\" data-link=\"http:\/\/studentwork.prattsi.org\/infovis\/?attachment_id=16259\" class=\"wp-image-16259\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_3.png?w=1200&amp;ssl=1 1200w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_3.png?resize=300%2C215&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_3.png?resize=768%2C550&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_3.png?resize=1024%2C733&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_3.png?resize=800%2C573&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_dashboard_iteration_3.png?resize=251%2C180&amp;ssl=1 251w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><\/ul>\n\n\n\n<p>Linking the maps and visualizations through color of client focus seemed an obvious means to tie the different sheets together and one of the palettes provided by Tableau worked well, considering that I was pushing the limit of number of categories for color coding. In the event that color differentiation cause any issues, I made sure that the client area of focus was also a part of each pop-up tool tip. To not overwhelm with color, the geographic scope of impact was handled with tints of gray. (The fact that different client foci also occur in different countries means that color coding impact to client focus is also not an option in this exploration.)<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_web_site-1.png?fit=840%2C810\" alt=\"\" class=\"wp-image-16260\" width=\"215\" height=\"207\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_web_site-1.png?w=1026&amp;ssl=1 1026w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_web_site-1.png?resize=300%2C289&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_web_site-1.png?resize=768%2C741&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_web_site-1.png?resize=1024%2C988&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_web_site-1.png?resize=800%2C772&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_web_site-1.png?resize=187%2C180&amp;ssl=1 187w\" sizes=\"auto, (max-width: 215px) 100vw, 215px\" \/><figcaption>The Design Corps site (currently under construction)<\/figcaption><\/figure><\/div>\n\n\n\n<p>On a branding note: A pink suggestive of the magenta used for the Design Corps logo and the blue frames \u2014 as well as use of the very legible Helvetica throughout \u2014 are nods to the course\u2019s existing brand, which can be played up more in future iterations. For now, they work rather well with the category and map palettes, each of which I subdued a little in application.<\/p>\n\n\n\n<p>The primary interaction, as intended even when this was conceived as an animation, was the delineation of years. One could use the Tableau filter slider to click through 14 academic years to see how work expanded, but could also view \u201cAll.\u201d What this lost from the original intention of an interaction was the cumulative concept, watching client locations emerge and countries shade over time until arriving at \u201cAll,\u201d which is to say \u201cNow.\u201d But the benefits were worth the trade off.<\/p>\n\n\n\n<p>The secondary interactions were the ability to zoom in to overcome occlusion on the world map in particular (I continue to go back and forth on zooming for the local map.) and the use of the key to highlight any visible members of a certain category. Both of these developments largely came through exploration of the software over time, as I looked at the various possibilities.\u00a0<\/p>\n\n\n\n<p><strong>FINDING THE STORY<\/strong><\/p>\n\n\n\n<p>Around the time that I realized I was pushing things around too much without true purpose, I sent my progress in for a review and took a step back, at which point I almost immediately had my most important realization; I was showing too many geographic levels. By having a local, national and global map, I was telling the story more often than I had to. While telling the story (or aspects of it) in words and images can be helpful, having a national map and a global map that can zoom is redundant and a waste of valuable real estate. Perhaps more importantly, having just local and global maps is a very direct message of growth and local to global impact.<\/p>\n\n\n\n<p>I stepped away from Tableau and made another simple pen sketch \u2014 which also incorporated a professorial suggestion of using floating elements in Tableau:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"4032\" height=\"3024\" src=\"https:\/\/i2.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?fit=840%2C630\" alt=\"\" class=\"wp-image-16219\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?w=4032&amp;ssl=1 4032w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?resize=768%2C576&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?resize=1024%2C768&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?resize=400%2C300&amp;ssl=1 400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?resize=800%2C600&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?resize=240%2C180&amp;ssl=1 240w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final_sketch.jpg?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>As a story, with a very clear beginning, middle and end (a relative term; \u2018present\u2019 is perhaps more apt here) plus epilogue, this can translate as:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1950\" height=\"1200\" src=\"https:\/\/i2.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final-sketch_notated.jpg?fit=840%2C517\" alt=\"\" class=\"wp-image-16220\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final-sketch_notated.jpg?w=1950&amp;ssl=1 1950w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final-sketch_notated.jpg?resize=300%2C185&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final-sketch_notated.jpg?resize=768%2C473&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final-sketch_notated.jpg?resize=1024%2C630&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final-sketch_notated.jpg?resize=800%2C492&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final-sketch_notated.jpg?resize=293%2C180&amp;ssl=1 293w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_final-sketch_notated.jpg?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>This story would then be emphasized through the text and titles of the four main visualizations in the final.<\/p>\n\n\n\n<p>As realized in Tableau, it looked like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1283\" height=\"772\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_dashboard_for_UX.png?fit=840%2C505\" alt=\"\" class=\"wp-image-16234\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_dashboard_for_UX.png?w=1283&amp;ssl=1 1283w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_dashboard_for_UX.png?resize=300%2C181&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_dashboard_for_UX.png?resize=768%2C462&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_dashboard_for_UX.png?resize=1024%2C616&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_dashboard_for_UX.png?resize=800%2C481&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_dashboard_for_UX.png?resize=299%2C180&amp;ssl=1 299w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>I would like to highlight here the epilogue of the story, the list of Design Corps alumni in the lower right corner. Note how the students are also filtered by the year slider, but how the entire list of 266 names has to scroll. I fought this at first, wanting to show all of the names at once for another sense of scale and impact, even though it took up a good deal of real estate (and the names were getting quite small). Then I thought back to the animated visualization <a href=\"https:\/\/www.youtube.com\/watch?v=DwKPFT-RioU\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">The Fallen of World War II<\/a>, where the markers for Russian deaths just kept climbing and the length and duration of the scroll is what suggested scale. While obviously quite different in scope and subject, I recognized that there might be benefits to having someone scroll.<\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_1-1.png?fit=840%2C473\" alt=\"\" data-id=\"16265\" data-link=\"http:\/\/studentwork.prattsi.org\/infovis\/?attachment_id=16265\" class=\"wp-image-16265\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_1-1.png?w=1920&amp;ssl=1 1920w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_1-1.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_1-1.png?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_1-1.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_1-1.png?resize=800%2C450&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_1-1.png?resize=320%2C180&amp;ssl=1 320w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_1-1.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>The number of fallen&#8230;<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_3-1.png?fit=840%2C473\" alt=\"\" data-id=\"16266\" data-link=\"http:\/\/studentwork.prattsi.org\/infovis\/?attachment_id=16266\" class=\"wp-image-16266\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_3-1.png?w=1920&amp;ssl=1 1920w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_3-1.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_3-1.png?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_3-1.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_3-1.png?resize=800%2C450&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_3-1.png?resize=320%2C180&amp;ssl=1 320w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Fallen_video_3-1.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>&#8230;keeps growing<\/figcaption><\/figure><\/li><\/ul>\n\n\n\n<p>With a solid prototype in hand, I was ready to test it out.&nbsp;<\/p>\n\n\n\n<p><strong>UX RESEARCH<\/strong><\/p>\n\n\n\n<p>The three participants for the research were selected based on a range of Design Corps knowledge or familiarity, from a friend who had \u2018no name recognition\u2019 of the course to a Pratt instructor from the same department, who had heard a good deal about the class (but still found some surprises). What united all three was my identification of them, and then their self-identification, as supporters of cause-related work, making them indicative of the sensibilities of potential clients, supporters or funders.<\/p>\n\n\n\n<p>For the sake of user research, this format of the visualization was framed as an interactive graphic in the exhibition proposed as part of the FDF. To that end, research was conducted with participants viewing the dashboard on a desktop screen with only a mouse attached.<\/p>\n\n\n\n<p>Participants were asked to talk through their experience of (and path through) the visualization as one who had just walked up to the screen at an exhibition. I listened, but also observed what paths each one took, making notes for follow-up questions at the end, only answering questions asked of me if the reviewer encountered a true roadblock, such as a technical glitch.<\/p>\n\n\n\n<p>The questions that were asked as a matter of course at the end (unless addressed directly by the talk through) were:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Based on what you have reviewed, what words would you use to describe Design Corps and its development over the years?<\/li><li>What surprised you, if anything, based on your pre-existing knowledge (or lack thereof) of the program or its stakeholders?<\/li><li>Did you notice any specific interaction between the different visualizations within the dashboard? How would you describe these?<\/li><li>What questions do you still have about Design Corps\u2019 mission and scope, having reviewed the visualization?<\/li><\/ul>\n\n\n\n<p>Some examples of follow-ups, depending on their responses, talk through or what I observed:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Are there any aspects of the interaction\/visualization you found frustrating or confusing?<\/li><li>Did you recognize the visual relationships between the countries on the global map?<\/li><li>Do you have any thoughts on the scrolling of the student list?<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Findings and Next Steps<\/strong><\/h2>\n\n\n\n<p>Based on the participants\u2019 feedback and my own work with the visualization, several threads and themes emerged as this project moves forward into its next stages.<\/p>\n\n\n\n<p><strong>THE STORY WAS CLEAR<\/strong><\/p>\n\n\n\n<p>Between the headline, the introductory language and the visual hierarchy, the local-to-global growth and scope of work was evident to all and their first observation. \u201cWide reach,\u201d \u201cWorldwide impact,\u201d \u201cVariety of pursuits\u201d are illustrative examples of the language used.<\/p>\n\n\n\n<p>But: language is important in telling that story. While the visualization did a very clear job of conveying the idea of scope, it became clear from questions and comments that exactly what Design Corps is remained a question. Just what a \u201cClient\u201d is came up once or twice. They knew it worked with a range of clients and a number of students, and that it had global impact, but they were still a little fuzzy on just what it did. I believe that the language (which I cleaned up a little and must clean up more) could still better convey this \u2014 if it were a stand-alone visual.\u00a0<\/p>\n\n\n\n<p><strong>IT&#8217;S ONLY PART OF THE STORY<\/strong><\/p>\n\n\n\n<p>Everyone wanted to know more. I consider this a success. They wanted to see more relationships, examples of work and case studies. This ties to the previous paragraph, where they were also looking for more context for what Design Corps does and is indicative of this visualization as just one story in a larger narrative.<\/p>\n\n\n\n<p>\u201cNow I\u2019m pulled into Bat Conservation\u2026 I want to see the work.\u201d<br>\u201cI want to know more about the students.\u201d<br>\u201cIs social justice defined anywhere?\u201d<\/p>\n\n\n\n<p>If this visualization exists, as it was framed, in an exhibition, the clear introduction to Design Corps could happen as a different panel or wall. Work samples could be incorporated into this screen if it were large format, but they can also be links to other pages on a site. Categories of client focus could be a panel of their own, or their distinctions (and overlaps) made clear through a separate graphic.<\/p>\n\n\n\n<p>At the heart of these \u2014 and it\u2019s a point well taken \u2014 is where can we see the emotion, the actual product, or even, as one reviewer asked, quantitative data on just how many more donations an organization received because of Design Corps\u2019 involvement? How many more hits to their site? Which students went straight to the non-profit world, inspired to continue the good work?<\/p>\n\n\n\n<p><strong>CLEAN UP THE DETAILS<\/strong><\/p>\n\n\n\n<p>The dashboard in this form could still use a good deal of clean-up and refinement. Some actions, like working with the formatting of the student names (still a work in progress) are just about distractions. Some, like exposed user controls that allow the viewer to include and exclude key items, essentially \u2018break\u2019 the visualization. (I found those and turned them off.)<\/p>\n\n\n\n<p>Some are more of an issue in terms of telling a true story. Unless one zooms in considerably, the detailed coastlines of Norway and Chile create a shading effect that suggests impact in those nations. (For now, I have left this one in, to illustrate the point.)<\/p>\n\n\n\n<p><strong>INTERACTIVITY WAS A BIG HIT<\/strong><\/p>\n\n\n\n<p>As mentioned, switching from animation to interactivity was the right move. The participants (and I) enjoyed clicking through and exploring the maps and relationships, zooming and panning&nbsp; the global map. Contrary to expectations, all users preferred seeing the \u201cAll\u201d option on the slider before digging into the years; seeing the entire scope of work and then sifting through the years and categories, filtering first by one, then the other.<\/p>\n\n\n\n<p>Naturally, they wanted even more interactivity; \u201cI want to see which students worked on which clients.\u201d This of course links to the earlier point about the role of this particular visualization. As a standalone, all of this could be explored; as one element in a larger experience, some of that can be farmed out to other components.\u00a0<\/p>\n\n\n\n<p>While no time limit was set on their reviews, it\u2019s worth noting that the reviewers just kept going and, given more interactivity, they could cause a bottleneck in an installation or exhibition. The degree to which such expansion was explored would have to affect where it was situated in an environmental experience.<\/p>\n\n\n\n<p><strong>RELATIONSHIPS ARE COMPLEX<\/strong><\/p>\n\n\n\n<p>I was already aware, as we created the original spreadsheet, that some clients could be classified as multiple categories (e.g. Community and Youth) and decisions were made that in some cases easily could have gone the other way. Similarly, some clients have repeated in multiple semesters, which led to certain issues and limitations relative to counting and displaying them. The same goes for a few students. For the time frame involved, I believe that the data tells a true story, but ways of presenting it with more nuance can and should be explored and developed. I will definitely say now that, based on what I see in the breakdown of the area graph, and the color coding, I would of course more readily foresee combining categories \u2014 such as Community and Youth \u2014 rather than expanding them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In Conclusion<\/h2>\n\n\n\n<p>With some of those points addressed, and other small tweaks made along the way, here\u2019s the final visualization \u2014 for this stage:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1272\" height=\"899\" src=\"https:\/\/i2.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Final_Dashboard.png?fit=840%2C594\" alt=\"\" class=\"wp-image-16251\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Final_Dashboard.png?w=1272&amp;ssl=1 1272w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Final_Dashboard.png?resize=300%2C212&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Final_Dashboard.png?resize=768%2C543&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Final_Dashboard.png?resize=1024%2C724&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Final_Dashboard.png?resize=800%2C565&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Impact_Final_Dashboard.png?resize=255%2C180&amp;ssl=1 255w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption><a href=\"https:\/\/public.tableau.com\/views\/DesignCorpsImpact2005-2019FinalProject\/DesignCorpsImpactDashboard?:embed=y&amp;:display_count=yes&amp;publish=yes&amp;:origin=viz_share_link\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"The final product, for now (opens in a new tab)\">The final product, for now<\/a><\/figcaption><\/figure>\n\n\n\n<p>This was a remarkably rewarding, but trying endeavor, outside of the steep learning curve of the condensed summer session. Visualizing a good deal of one\u2019s work over 14 years, and quantifying that with maps and graphs, tables and numbers is not an exercise to be undertaken lightly. It leads to a fair amount of thinking that is not just about the visuals or the data. It causes one to pause, and to consider their impact \u2014 as I hope Chris and other former Design Corps students do from time to time. If everyone did, I suspect we would be better off.<br><\/p>\n\n\n\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Charting a Course Some years ago, a recent Pratt graduate named Chris Peck went on a job interview. While his interviewer was taking Chris through a tour of the firm, they came upon some of the firm\u2019s work for Pencils of Promise, a non-profit founded in 2008 that builds schools in developing regions.&nbsp;Recognition flashed across&hellip;<\/p>\n","protected":false},"author":603,"featured_media":16250,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[150,1],"tags":[],"coauthors":[432],"class_list":["post-16198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projects","category-visualization"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/DC_Global_Map_Feature.png?fit=936%2C607&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-4dg","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/16198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/603"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=16198"}],"version-history":[{"count":9,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/16198\/revisions"}],"predecessor-version":[{"id":16287,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/16198\/revisions\/16287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/16250"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=16198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=16198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=16198"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=16198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}