Studio Session: Design Critique
In today's session, before commencing on Assessments 2 and 3, we will do a Design Critique session:
- First, working in pairs, critique an exisitng example of a data story by the World Bank. "Design crits" are different from idea generation. Your explicit aim will be to think actively about the design elements (aspect ratios, layout, grid, colours, fonts, etc.) as well as the content (the story idea, the intended audience, etc. or all the points listed in your assessment A2 description), and critique the design layout of the information. Write down the pros and cons. What do you like? Is there anything new that you learnt? What would you like to change? What would you like to keep? Present it to each other and the tutors.
- Second, working in pairs again, use PowerPoint or Keynote to redesign the design layout of the page, and produce a rough mockup of how you would redesign the page. To do this, first analyse the exact structure of the page, and map all your crit points from your notes to the actual page. For example, you may have found the grid too busy, or found confliting grids for different parts of the page, or have different choices on the font, etc.
- Third, use the Crop tool in Powerpoint (or the Masking tool in Keynote) to quickly separate out the elements, and redesign the page with the same elements. For example, here I have rearranged and produced a layout separate to the one before, in response to some of the crit points raised. Here, I have not really designed anything new, just responded to the crit points. You can, with your partner, mock up some new designs.
- Finally, you can actually set the document size to correspond to the whole web page, and do a redesign of the whole webpage (Design, Slide Size, Page Setup). Given the following components from this example webpage: (a) the interactive tree map, (b) the static visualisations and (c) the text, how would you design a webpage for the story?
- For next week, go through the assessment A2 description, and come with ideas and data sources in mind for your own story!
Sarkar, S. and Hussein, D.A., 2017, D3 Tutorials for Information Visualisation Design Studio, University of Sydney.
Email: email@example.com, firstname.lastname@example.org