{"id":17769,"date":"2022-07-19T01:12:58","date_gmt":"2022-07-19T05:12:58","guid":{"rendered":"https:\/\/pacificopencourses.col.org\/edt4ol\/?page_id=17769"},"modified":"2022-07-19T01:12:58","modified_gmt":"2022-07-19T05:12:58","slug":"storyboard-tools","status":"publish","type":"page","link":"https:\/\/pacificopencourses.col.org\/edt4ol\/learning-challenges\/developing-a-storyboard\/storyboard-tools\/","title":{"rendered":"Storyboard tools"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n
\n\t
\n\t\t
\n\t\t\t\"key\n\t\t<\/div>\n\t\t
\n\t\t\t

Key points<\/h2>\n\t\t<\/div>\n\t<\/div>\n\t
\n\t\t
\n\t\t\t<\/p>\n

In this section, we:\n<\/p>\n

    \n
  1. Introduce a few technologies you can use for generating storyboards\n<\/li>\n
  2. Provide examples of storyboards\n<\/li>\n
  3. Spend a few minutes exploring each option with a view to selecting a tool you would like to use when producing your own storyboard.\n<\/li>\n<\/ol>\n

    \n<\/p>\n

    \n\t\t<\/div>\n\t<\/div>\n<\/div><\/p>\n

    \n<\/p>\n

    Flipcharts, sticky notes and markers<\/span><\/h2>\n

    The traditional way of creating storyboards is to use flipcharts with sticky notes. To create a storyboard in this way, you will need a flipchart with paper or a whiteboard, sticky notes of different colours, and markers. You can take pictures with a digital camera to share your work. This can work well in face-to-face development workshops.\n<\/p>\n

    \n
    \n
    \"\"<\/a> <\/p>\n
    Example storyboard using flipchart paper<\/div>\n<\/div>\n<\/div>\n<\/div>\n

    Spreadsheets<\/span><\/h2>\n

    Spreadsheets (for example, LibreOffice Calc or Microsoft Exel) are probably the most versatile application for developing storyboards. Many people know how to use a spreadsheet, and recording information digitally makes it easier to share with colleagues. Online options like the OnlyOffice or Collabora plug-ins for Nextcloud (Open Source) or Google Sheets (Proprietary) will enable teams to work collaboratively on the same storyboard.\n<\/p>\n

    A storyboard created with a spreadsheet will be highly structured, and will be organised in rows and columns.\n<\/p>\n

    With spreadsheets, you can use different colour backgrounds for the different components of the storyboard, and adjust the colour and size of the labels in the first row and column.\n<\/p>\n

    \n
    \n
    \"\"<\/a> <\/p>\n
    Example of storyboard using Google Sheets. Visit the online version here.<\/a><\/b><\/div>\n<\/div>\n<\/div>\n<\/div>\n

    Other software options<\/span><\/h2>\n

    Software tools that allow you to place and move “notes” or “cards” into columns are useful for brainstorming sessions with team members.\n<\/p>\n

    For example, Lino<\/a> is an online sticky note and photo sharing site. Lino works like a canvas where you can put virtual sticky notes (called ‘stickies’) of different colours with text and icons . You can also add images, videos and other files (not necessary to create a storyboard but nice to have). Several people can work on the same Lino canvas, which is useful for teams of designers. However, this is a proprietary application and the free version contains advertisements and has limited features compared to the premium paid version.\n<\/p>\n

    \n
    \n
    \"\"<\/a> <\/p>\n
    Example storyboard using Lino. Visit the online version here<\/a>.<\/div>\n<\/div>\n<\/div>\n<\/div>\n

    If you are looking for an open source alternative to brainstorm a storyboard virtually with team members, Scrumblr<\/a> is a good option. This tool requires no downloads and no sign-in, making it ideal for quick, instant storyboarding in workshops.\n<\/p>\n

    Consider ease of use and whether the tool is fit for the purpose of constructing a storyboard.\n<\/p>\n

    Acknowledgement<\/span><\/h4>\n

    The content on this page was re-mixed from original materials developed by Gabi Witthaus and Brenda Padilla for the Storyboard for Storyboarding<\/a> open course under a CC-BY-SA licence.\n<\/p>\n

    <\/p>\n

    \n<\/div>\n

    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n