Storyline 360: Using Team Slides for Collaboration
Make collaboration easy for your team. Create a library of shared team slides that everyone can access right from Storyline 360. Upload branded project templates, share slides that need to be in every course, and give teammates access to reusable slide content. In this user guide, you’ll learn how to share and manage team slides and insert theminto Storyline courses. Team slides are exclusively available to Articulate 360 Teams. Not a teams subscriber? Contact an Articulate 360sales representative to learn more. Note: Team slides aren’t meant for storing all your Storyline projects. Explore our cloud backup feature to safely back up your courses. Sharing Slides with Your Team Understanding Team Slides Permissions Managing Team Slides Browsing Team Slides and Inserting Them into Courses Sharing Slides with Your Team Here’s how to share slides with your team and update them as needed. Open a Storyline project and choose the slides you want to share or update. If you’re sharing the entire project file, you don’t need to select anything. To share a scene, select it in Story View or open it in Slide View. To share specific slides, Ctrl+click or Shift+click the ones you want to share. Go to the Slides tab on the Storyline ribbon, click the Team Slides drop-down arrow, and choose one of these options: Share Project Share This Scene Share Selected Slide(s) When the Add Team Slides dialog appears, choose to Create a new project or Replace an existing project. You can only replace slides that you shared. You can’t replace slides shared by other team members. Learn more about permissions. When you create a new project, you can upload it to a specific folder. Just select one from the Folder list. If you want to create a new folder that’s not in the list, type a name in the Folder field. If you don’t select a folder, your project will appear in the All Projectscontainer in the team slides browser, and you can move it to a folderlater. When you replace an existing project, you can’t select a folder. The project simply remains in its current folder. Click Add to complete the process. Managing Team Slides Use the team slides browser to manage your shared slides, including organizing projects in folders, renaming and deleting projects and folders, and restoring deleted projects. To open the team slides browser, go to the Slides tab on the Storyline ribbon and click the top half of the Team Slides button. Seethe following table for details on managing team slides. Creating Folders: Click the folder icon in the lower left corner of the Team Slides browser, then enter a name for the new folder. The folder list will automatically refresh to insert your new folder in the correct alphabetical order. Organizing Projects in Folders: Use the View drop-down list at the top of the window to switch to Projects view, then simply drag and drop projects onto folders. You can’t move individual slides from a project to different folders. The entire project will moveall at once. Renaming Folders: There are two ways to rename a folder: Right-click the folder and choose Rename. Hover over the folder, click the vertical dots that appear, and choose Rename. Then type a new name and press Enter on your keyboard. Deleting Folders: You can delete a folder if it’s empty or if you created all the projects in it. (If you need to delete a folder that contains other team members’ projects, move the projects to another location, then delete the folder.) There are three ways to delete a folder: Select the folder and press Delete on your keyboard. Right-click the folder and choose Delete. Hover over the folder, click the vertical dots that appear, and choose Delete. When you delete a folder, all the projects in it get moved to the Deleted Items container at the bottom of the folders list. Renaming Projects: Use the View drop-down list at the top of the window to switch to Projects view, then do either of the following: Right-click the project and choose Rename. Hover over the project, click the vertical dots that appear, and choose Rename. Then type a new name and press Enter on your keyboard. Deleting Projects: You can only delete projects you created. (If you're an admin with a user seat, you can delete any project.) Use the View drop-down list at the top of the window to switch to Projects view, then do any of the following: Select the project and press Delete on your keyboard. Drag and drop the project onto the Deleted Items container. Right-click the project and choose Delete. Hover over the project, click the vertical dots that appear, and choose Delete. When you delete a project, it moves to the Deleted Items container at the bottom of the folders list. To delete a project from Deleted Items, do any of the following: Select the project and press Delete on your keyboard. Right-click the project and choose Permanently delete. Hover over the project, click the vertical dots that appear, and choose Permanently delete. To permanently delete all your projects from Deleted Items at the same time, right-click the container and choose Empty. (You only have access to your deleted projects, so emptying the container won’t delete other team members’ projects.) Restoring Deleted Projects: You can only restore your own deleted projects. (If you're an admin with a user seat, you can restore any project.) Click Deleted Items at the bottom of the folders list, then do any of the following: Drag and drop a deleted project onto a folder. Right-click a project and choose Restore to <folder name>. Hover over a project, click the vertical dots that appear, and choose Restore to <folder name>. Understanding Team Slides Permissions All team members can do some tasks while only the original content owner can do others. And adminswho have been assigned to a user seat can manage projects for the whole team. Here’s the breakdown of tasks and permissions. Task All Users Content Owners Admins Share slides with the team x x x Create folders in the team slides browser x x x Move projects to different folders x x x Rename folders and projects x x x Delete empty folders x x x Delete a folder that contains only projects you created x x Delete any folder x Replace a project that you created with updated slides x x Delete a project that you created x x Delete any project x Restore a project that you deleted x x Restore any project x Pro Tip: When users are removed from the team, their shared slides remain available for the team to browse, download, rename, and organize in folders. Admins with a user seat can also delete and restore them as needed. Browsing Team Slides and Inserting Them into Courses Opening the Team Slides Browser: To start a brand new Storyline project from the team slides browser, just launch Storyline and click Team Slides on the start screen. Your new project will inherit the content, slide size, and player settings from the team slides you choose (see below). To import team slides into an existing Storyline project, go to the Slides tab on the ribbon, and click the top half of the Team Slides button to launch the team slides browser. Browsing Team Slides: Use the following image and numbered list to learn about each feature of the team slides browser. Click the image above to see a larger version. # Feature Description 1 Search Field Quickly find projects and slides by entering a title or author in the search field. The results will automatically refresh as you type. 2 View Selector Switch between project view and slide view. Project view is the default. It displays a thumbnail image of the first slide in each project along with the title and number of slides included. Slide view is split into sections. Each section represents a project, and a thumbnail image for each slide in the project is displayed. If you only need to insert some of the slides from a project, switch to slide view so you can select just the ones you need. Tip: When you create a new course by clicking Team Slides on the Storyline start screen, you won’t see the View selector. You can only browse team slides in project view. 3 Sort Order Change the sort order of projects. The default order shows the newest projects first, the oldest last. You can switch to alphabetical order or show the projects you most recently used. 4 Folders Organize projects in folders. The left side of the browser lists (in alphabetical order) all the folders your team has created. At the beginning of your subscription, your team won’t have any folders. You’ll just see containers for All Projects and Deleted Items. But all team members can add folders by clicking the folder icon in the lower left corner. See aboveto learn all about managing folders and projects for your team. 5 Projects and Slides Browse your team’s projects and slides. Thumbnail images represent projects or slides, depending on the current view. Zoom the thumbnails in and out using the zoom slider in the lower left corner or by holding down Ctrl on your keyboard as you scroll your mouse wheel. 6 Details Pane Find details for the selected project or slide on the right side of the browser. In project view, you’ll see the project title, its author, when it was last updated, the number of slides it has, and its slide dimensions. If you’re in the All Projects list, the details pane will also display the folder in which the project is located (if applicable), and you can click the folder name to jump directly to that folder. In slide view, you’ll see the slide title, its author, when it was last updated, and its dimensions. 7 Insert Slides Button Insert the selected project or slides into your Storyline course by clicking the Insert Slides button in the lower right corner. Inserting Team Slides into a Storyline Course: When you find the team slides you want to use in your Storyline course, select them and click the Insert Slides button in the lower right corner of the browser. In project view, you can only select one project at a time, but all the slides in the project get inserted into your course. In slide view, you can select as many slides as you want. Just hold down the Ctrl key or Shift key as you click slide thumbnails.Storyline 360: Working with Hyperlinks
Hyperlinks are a great way to add interactivity to your courses. They let learners jump directly to the content they need. Hyperlinking to a Web Page Hyperlinking to a File Hyperlinking to Another Part of the Course Hyperlinking to an Email Address Changing the Color of Hyperlinked Text Editing a Hyperlink Previewing Courses with Hyperlinks Making Hyperlinks Accessible Hyperlinking to a Web Page To add a hyperlink that opens a web page, select the item you want to be clickable, then do any of the following: Press Ctrl+K. Go to the Insert tab on the Storyline ribbon and click Hyperlink. If you’re adding a hyperlink to text, you can also right-click the text and choose Hyperlink. When the Trigger Wizard appears, set the following properties for your hyperlink and click OK. Action Select Open URL/file. File or URL Enter the full URL of the destination web page. If you want to make sure your link works properly, hover over the URL you entered and click the check mark icon. It'll launch the URL in your default browser. Browser Options Hover over the URL you entered and click thegear icon to customize the browser options for the window that’ll launch your hyperlinked content, including window location, browser controls, and window size. Click Save when you’re finished making selections. When Select the event that’ll activate your hyperlink, such as User clicks. Text For text hyperlinks, this field will already be populated with the text you selected, but you can change the text here if you'd like. For hyperlinks on other items (pictures, shapes, characters, etc.), this field won’t be displayed. Object This field won't be displayed for text hyperlinks. If you're adding a hyperlink to an object (picture, shape, character, etc.), that object will already be selected, but you can choose a different one if necessary. Hyperlinking to a File The best option for hyperlinking to a file is to upload the file to a web server, then link to its URL using the method above. Another option is to embed the file in your published output. Select the item you want to be clickable, then do any of the following: Press Ctrl+K. Go to the Insert tab on the Storyline ribbon and click Hyperlink. If you’re adding a hyperlink to text, you can also right-click the text and choose Hyperlink. When the Trigger Wizard appears, set the following properties for your hyperlink and click OK. Action Select Open URL/File. File or URL Click the ellipsis (...) button, browse to the file you want to attach, and click Open. Whenyou link to a file in this manner,you can hover over the file path and click the check mark iconto open the folder where your file is located. Browser Options Hover over the file path and click the gear icon to customize the browser options for the window that’ll launch your hyperlinked content, including window location, browser controls, and window size. Click Save when you’re finished making selections. When Select the event that’ll activate your hyperlink, such as User clicks. Text For text hyperlinks, this field will already be populated with the text you selected, but you can change the text here if you'd like. For hyperlinks on other items (pictures, shapes, characters, etc.), this field won’t be displayed. Object This field won't be displayed for text hyperlinks. If you're adding a hyperlink to an object (picture, shape, character, etc.), that object will already be selected, but you can choose a different one if necessary. Tips for working with file hyperlinks: Storyline will place a copy of each hyperlinked file in your published output. All hyperlinked files for a course will be stored in the published folder called story_content/external files . Depending on the type of file you’re attaching and learners' security settings, the file may simply open when clicked, or learners may be prompted to save it first. To attach files to a course and make them accessible on all slides, attach them as player resources instead. Hyperlinking to Another Part of the Course To link to another scene, slide, or layer in the same course, select the item you want to make clickable, then do any of the following: Press Ctrl+K. Go to the Insert tab on the ribbon and click Hyperlink. If you're adding a hyperlink to text, you can also right-click the text and choose Hyperlink. When the Trigger Wizard appears, set the following properties for your hyperlink and click OK. Action Choose one of these actions: Jump to scene: Use this action to link to another scene in your course. Jump to slide: Use this action to link to another slide in your course. Show layer: Use this action to open a layer on the same slide. Lightbox slide: Use this action to open a slide in a lightbox while the rest of your course dims behind it. Scene/Slide/Layer Choose the scene, slide, or layer to which you want to hyperlink. When Select the event that’ll activate your hyperlink, such as User clicks. Text For text hyperlinks, this field will already be populated with the text you selected, but you can change the text here if you'd like. For hyperlinks on other items (pictures, shapes, characters, etc.), this field won’t be displayed. Object This field won't be displayed for text hyperlinks. If you're adding a hyperlink to an object (picture, shape, character, etc.), that object will already be selected, but you can choose a different one if necessary. Hyperlinking to an Email Address To add a hyperlink that opens a new mail message to a specific email address, select the item you want to be clickable, then do any of the following: Press Ctrl+K. Go to the Insert tab on the Storyline ribbon and click Hyperlink. If you’re adding a hyperlink to text, you can also right-click the text and choose Hyperlink. When the Trigger Wizard appears, set the following properties for your hyperlink and click OK. Action Select Send email. Email Type the recipient’s email address. (See below for optional parameters.) When Select the event that’ll activate your hyperlink, such as User clicks. Text For text hyperlinks, this field will already be populated with the text you selected, but you can change the text here if you'd like. For hyperlinks on other items (pictures, shapes, characters, etc.), this field won’t be displayed. Object This field won't be displayed for text hyperlinks. If you're adding a hyperlink to an object (picture, shape, character, etc.), that object will already be selected, but you can choose a different one if necessary. Optional parameters for email links: Email links can include additional parameters, such as: Multiple Email Addresses Separate multiple email addresses with commas (but no spaces). Subject Line To add a subject line, type ?subject= immediately after the email address followed by the text of the subject line. Don’t use spaces. Replace spaces with %20. Body Text To add default text to the body of the email, type &body= immediately after the subject line followed by the body text you want to use. Don’t use spaces or line breaks. Replace spaces with %20 and line breaks with %0D%0A. Here's an example of an email link with a subject line and some default body text: Changing the Color of Hyperlinked Text By default, when you add a hyperlink to text, the text color changes and an underline appears. The hyperlink color comes from your theme colors. Here's how to change it: In Slide View, go to the Design tab on the Storyline ribbon and click Colors. The theme colors you're currently using will be marked by a thin orange outline. If you're using a custom theme, right-click it and choose Edit. If you're using a built-In theme, choose Create New Theme Colors (since built-in colors can't be edited). When the color editor opens, change the Hyperlink color to the color of your choice. To learn more about editing theme colors, see this user guide. Click Save to close the color editor. (If you're creating new theme colors, enter a name for the new theme when prompted.) Customizing Hyperlink States Want to customize the hover, active, and visited states for your hyperlinks with different colors and decorations? As of November 17, 2020, you can do just that! Learn more about formatting hyperlink states. Editing a Hyperlink To edit a hyperlink that you applied to text, place your cursor somewhere in the hyperlinked text, then do any of the following: Press Ctrl+K. Double-click the trigger in the Triggers panel. Go to the Insert tab on the Storyline ribbon and click Hyperlink. Right-click and select Edit Hyperlink. To edit a hyperlink that you applied to anything other than text, select the object and do either of the following: Press Ctrl+K. Double-click the trigger in the Triggers panel. Go to the Insert tab on the Storyline ribbon and click Hyperlink. When the Trigger Wizard appears, modify any of the settings and click OK. Previewing Courses with Hyperlinks When you preview a course, you may find that hyperlinks don't work as expected. To properly test hyperlinks, you'll need to publish your course. Making Hyperlinks Accessible With a few design tweaks, you can ensure that all learners can easily navigate hyperlinks. Here are some ways to boost hyperlink accessibility: Use descriptive links. Learners should be able to understand a link’s purpose without reading the surrounding content. Communicate the purpose of a hyperlink and its destination directly in the linked text. Instead of vague phrases like "Click here" or “Read more”, be specific with something like "Read our policy statement." (2.4.4 Link Purpose [In Context]) Ensure keyboard navigation. Hyperlinks should be easily accessible and operable in a logical order when using the keyboard. In Storyline 360, text publishes with the proper semantic formatting for links and other elements so all learners can explore content effortlessly. (2.1.1 Keyboard) Choose visible focus indicator colors. Keyboard users need to be able to see selected objects easily. A clear focus indicator helps learners navigating with a keyboard know where they are on the page. In Storyline 360, you can customize the accessible focus indicator with two colors. Using the two-color focus indicator with sufficient color contrast helps learners see the focus rectangle on dark and light backgrounds. (2.4.7 Focus Visible and 1.4.3 Contrast [Minimum]) Add alternative (alt) text for image hyperlinks. When an image is the only content of a hyperlink, use alt text to describe its purpose. For example, tell learners that clicking the magnifying glass icon activates the search function or that selecting the print icon opens the browser’s Print window. (1.1.1 Non-text Content and 3.2.4 Consistent Identification) Indicate if a hyperlink opens in a new browser tab or window. In the linked text, let learners know if the content will open in a new browser tab or window so they’re not disoriented. (3.2.1 On Focus) Don’t depend on color alone. Your hyperlinks should have sufficient color contrast, underlined linked text, and clear instructions for images with links so learners know they are interactive. (1.4.1 Use of Color and 1.4.3 Contrast [Minimum]) Avoid redundant links. A hyperlink is redundant if it’s next to another hyperlink that goes to the same destination. That results in unnecessary announcements for screen reader users and repetitive navigation for keyboard users. Combining redundant links into one hyperlink creates a smoother navigation experience for all learners. You Might Also Want to Explore: Working with TriggersStoryline 360: Working with Markers
Markers are a great way to reveal content only when learners need it. Learners can hover over markers or click them to view additional text and media. Adding Markers Changing Marker Icons Formatting Markers Resizing Markers Formatting Labels Resizing and Repositioning Labels Changing Label Fonts Adding Audio to Markers Making Audio-Only Markers Adding Pictures and Videos to Markers Changing Marker Animations Changing How Markers Behave Renaming Markers Setting the Default Appearance of Markers and Labels Deleting Markers Making Markers Accessible Adding Markers Here's how to add a marker: Go to the Insert tab on the ribbon, click Marker, and choose an icon. Click anywhere on the slide or layer to add the marker. The marker will appear with a blank label where you can enter a title, description, and/or media. When you're finished, click anywhere outside the label to collapse it. To edit the label later, click the marker to reveal its label again. Changing Marker Icons Storyline 360 has a vast library of icons. To change the icon for an existing marker, select the marker, go to the Format tab on the ribbon, click Change Icon, and choose a different symbol. Formatting Markers To change the styles, colors, and effects for a marker, select the marker, go to the Format tab on the ribbon, and use the marker formatting options. Tips: The colors available on the Format tab come from your theme colors. The default marker color is controlled by Custom 1 in your theme colors. The default icon color is controlled by Text/Background—Light 1 in your theme colors. Resizing Markers There are two ways to resize a marker. You can drag its sizing handle or access the Size and Position properties to enter the width and height in pixels. Formatting Labels To change the styles, colors, and effects for a label, select the marker, go to the Format tab on the ribbon, and use the label formatting options. To apply the same formatting to other labels on the same slide, click Apply to All. Resizing and Repositioning Labels To resize a label, drag any of its sizing handles. To reposition a label, drag its outline to a new location. It'll move in a circle around the marker. Changing Label Fonts The fonts used for the label title and description default to your project's theme fonts. To use a different font, you can use the font selector on the Home tab to modify an individual label, or customize your theme fonts to change all the labels in your course at the same time. Adding Audio to Markers You can import pre-recorded audio files, record narration right in Storyline 360, or add text-to-speech clips or sound effects. Select your marker, go to the Format tab on the ribbon, click Audio, and choose one of the audio options: Audio from File Use this option to import an audio clip you've recorded elsewhere. Record Mic Use this option to record narration directly in the marker. Text-to-Speech Use this option to add text-to-speech narration. AI Audio Use this option to insert AI-generated narration or sound effects. Options This is where you change your audio playback device and recording devices. You can also modify the recording volume level. After adding audio, additional options on the Audio drop-down arrow will become available, including an audio editor, a volume adjuster, and more. To learn more about working with audio, visit Editing Audio and Using the Audio Tools. To add closed captions to marker audio, right-click the marker and select Accessibility from the context menu. Visit this detailed user guideto learn all about working with closed captions. Making Audio-Only Markers If you don't want a label to display, you can make a marker audio only. Go to the Format tab on the ribbon and mark the Audio Only box. When learners click the marker in your published course, they'll hear the audio, but they won't see a label. The label will still display while you're working in Storyline 360, but it'll be hidden when you preview or publish. Adding Pictures and Videos to Markers You can add one image or video to each marker's label. Select your marker, go to the Format tab on the ribbon, click Media, and choose one of the following: Picture from File Use this option to insert an image that's currently stored on your computer. Video from File Use this option to insert a video that's currently stored on your computer. Video from Website Use this option to insert a video that's hosted on a website, such as YouTube or Vimeo. Record Webcam Use this option to record a video with your webcam. Delete Media Use this option to delete a picture or video you previously added. If you haven't added any media yet, it'll be grayed out. To edit a picture or video you've added to a label, visit these user guides: Formatting Pictures, Screenshots, and Characters Editing Videos Adjusting Video Properties Changing Marker Animations By default, markers have a pulse animation when you preview or publish, but you can change or even remove the animation. Select the marker on the slide, go to the Format tab on the ribbon, and choose an animation style from the Animate drop-down arrow. Changing How Markers Behave Here's how markers and their labels behave by default: Hover When you hover over a marker, only the title of the label will appear. It'll automatically disappear when you're no longer hovering over the marker. Click When you click a marker, the entire label will appear. It'll disappear when you click the marker again or when you click anywhere outside the label. You can change the default behavior described above so no clicking is required. You can make the entire label appear when you hover over the marker. Go to the Format tab on the ribbon and mark the box to Show All on Hover. (The label will also disappear automatically when you're no longer hovering over the marker.) Renaming Markers Storyline 360 gives each marker a default name: Marker 1, Marker 2, etc. We recommend giving them more intuitive names, so they're recognizable when adding triggers and creating freeform interactions. One way to rename a marker is to right-click it, select Rename, enter a new name, and click OK. Another way is to double-click the marker in the timeline to open it for editing, enter a new name, and press Enter on your keyboard. Setting the Default Appearance of Markers and Labels Here's a time-saving tip to make all your markers and labels look the same. Format your first marker the way you want it, then set it as the default. New markers in the same project will inherit the same characteristics. To set a marker as the default marker style, right-click it and choose Set as Default Marker. Deleting Markers To delete a marker, select it on the slide or in the timeline, then click Delete on your keyboard. Making Markers Accessible Markers are fully keyboard-accessible by default so learners can activate them without using a mouse. Learn more. Here are a few ways to boost marker accessibility: Check that your markers and marker labels meet color contrast guidelines. You can use this web-based contrast checker or download this contrast checker tool to test the contrast ratio. Remove all marker animations. Set label titles and descriptions to at least a 12-point font to improve legibility. Add alt text to your markers to give learners information like brief placement details and their purpose. View these best practices for writing good alt text. Set each marker's minimum target size at 44 pixels wide and 44 pixels high to achieve the highest level of WCAG conformance.Storyline 360: Adding Content Library 360 Icons
Content Library 360 has 20+ million high-resolution photos, illustrations, icons, and videos. You can access them right from Storyline 360, and they’re all royalty-free with no attribution required. In this article, you’ll learn how to add eye-catching Content Library 360 icons to your courses and how to customize them with your own colors and effects. Adding Content Library 360 Icons to Your Course Customizing Content Library 360 Icons Making Icons Accessible Adding Content Library 360 Icons to Your Course Go to the Insert tab on the ribbon and click Icons in the Content Library 360 group. Type a search term in the field at the top of the media browser and press Enter. Tip: The media browser remembers your last search term, previous search results, and the last asset you selected. Zoom in and out while you’re browsing for icons by holding down the Ctrl key on your keyboard and scrolling your mouse wheel. If you want to look for a different type of media after opening the browser, use the drop-down list in the upper right corner to switch to another type: photos, illustrations, icons, or videos. Select the icon you want to use and click Insert to add it to your slide. Tip: You can select multiple icons at the same time using Ctrl+Click or Shift+Click, then insert them all at once. Customizing Content Library 360 Icons After importing a Content Library 360 icon into your course, you can customize its colors to match your course design. Just select the icon on the slide, go to the Format tab on the ribbon, and use the style galleries to edit the fill color, outline color, and effects. For example, here’s the same icon with different styles. And if an icon is composed of more than one shape, you can ungroup itand format each shape individually. Just right-click the icon, scroll to Group, and click Ungroup to see all the components that make up the icon. Here's an example of an ungrouped icon. You can tell if an icon is one shape or many by right-clicking it. If the Group option is grayed-out, it’s a single shape. If the Group option is active, it’s composed of multiple shapes. Here’s an example of a multi-shape icon. The original icon on the left has no formatting. The same icon in the middle has been recolored all at once (without ungrouping it). And the same icon again, but this time ungrouped, with specific formatting for each component is on the right. Making Icons Accessible When icons are designed with accessibility in mind, they are more likely to be intuitive and user-friendly for everyone, not just those with disabilities. Here’s how to make your icons accessible: Meet color contrast guidelines. You can use a web-based contrast checker or download a contrast checker tool to test the contrast ratio of your icons (1.4.11 Non-text Contrast). Reduce ambiguity. Use icons that communicate their functions clearly and are widely understood across different cultures and demographics. If you use an icon as a button, provide a text label that matches the icon’s function (2.5.3 Label in Name). Size appropriately. Adjust the size of any interactive icon to at least 44 pixels wide and 44 pixels tall. This ensures your icons are large enough for learners to interact with without error (2.5.5 Target Size). Offer multiple ways to navigate. Icons must be navigable by assistive technologies like screen readers to ensure an inclusive browsing experience (2.1.1 Keyboard). Stay consistent. Reuse the same icon to signify the same meaning. This lets learners know what to expect from each icon (3.2.4 Consistent Identification). Rely on text—not icons—to convey important details. Offer text-based options and make sure each icon has alternative text (alt text) descriptions. Icons that are purely decorative don’t need alt text. Hide them from accessibility tools to prevent unnecessary announcements (1.1.1 Non-text Content). You Might Also Want to Explore: Formatting Shapes, Captions, Text Boxes, and Content Library 360 Icons Ordering, Grouping, Sizing, and Positioning ObjectsStoryline 360: Using Story View
Storyline 360 uses a hierarchical structure of scenes, slides, and layers to organize content. Scenes are the largest organizational units. Each scene contains one or more slides. And each slide can have multiple layers. Story View gives you a big-picture view of your entire project. It's where you manage scenes and the layout of your course. Switching to Story View Working with Scenes Working with Slides Changing the Navigation Order of Scenes and Slides Managing Question Banks Undocking and Redocking Panels Switching to Story View Storyline 360 initially opens in Story View. At any time thereafter, you can switch to Story View by clicking the Story View button in the lower right corner of the screen (near the zoom slider). Another option is to go to the View tab on the ribbon and click Story View. If you're in Slide View, you can also click the Story View tab just below the ribbon. Working with Scenes Every Storyline 360 project has at least one scene. Story View is where you manage scenes, including adding scenes, deleting scenes, and rearranging the slides that appear in those scenes. Setting the starting scene: The starting scene is the first scene learners see when they launch your course. In Story View, the starting scene is identified with a small red flag next to its title. To designate a different scene as the starting scene, do either of the following: Select the scene, go to the Home tab on the ribbon, and click Starting Scene. Right-click the scene and choose Starting Scene. Adding scenes: To add new scenes to your course, do any of the following: Go to the Home tab on the ribbon and click New Scene. Right-click anywhere in the workspace and choose New Scene. Duplicate an existing scene (and all its slides) by selecting the scene and pressing Ctrl+D, or by right-clicking the scene and choosing Duplicate. Renaming scenes: Titles appear at the top of each scene. By default, each is called Untitled Scene, but you can change it by doing either of the following: Double-click the title to open it for editing, type the new name, and press Enter on your keyboard. Right-click the scene and choose Rename. Type the new name and press Enter on your keyboard. Storyline 360 displays scene titles in your course menu. You can remove and rename scene titles in the menu without affecting the scenes in Story View.View this tutorial for details. Renumbering Scenes: You can display scenes in the order you want. In Story View, select a scene and click the Index drop-down arrow to change the number. Storyline 360 then instantly renumbers the scenes. Tips: When you change a scene to the Starting Scene, it also changes the scene's index number to 1. On the other hand, if you change a scene's index number to 1, the Starting Scene flag remains on the original starting scene. When you change the index number of a scene in Story View, Storyline 360 also updates the order in the player menu (unless you've already customized the player menu). Conversely, updating the scene order in the player menu won't change the order in Story View. Deleting scenes: To delete a scene (and all its slides) from your project, do either of the following: Select the scene and press Delete on your keyboard. Right-click the scene and choose Delete. Collapsing and expanding scenes: By default, Story View displays a thumbnail image for every slide in your course. If you have a large course with lots of slides, it can be helpful to collapse scenes to get a better picture of your course layout. To collapse a scene, click the triangle in the upper right corner of the scene. To collapse all scenes at once, right-click anywhere in the workspace and choose Collapse All Scenes. To expand a scene, click the triangle in the upper right corner of the scene. To expand all scenes at once, right-click anywhere in the workspace and choose Expand All Scenes. Moving slides between scenes: You can move slides from one scene to another to better organize your content and change navigation. Just select one or more slides in a scene, then drag them to a different scene. In Story View, lines and arrows indicate the relationship between slides and scenes. Use triggers to customize navigation and create branched scenarios. View the section on changing the navigation orderlater in this tutorial for details. Working with Slides Most of the work involved in building slides will be done in Slide View, but Story View is great for organizing slides, adjusting slide properties, and controlling navigation. Adding slides: To add a slide to your course in Story View, select the scene where you want it to appear, then do any of the following: Press Ctrl+M on your keyboard. Go to the Home tab on the ribbon, click theNew Slide drop-down arrow, and choose a slide type. Go to the Slides tab and choose a slide type. Right-click the scene, scroll to New Slide, and choose a slide type. Duplicate an existing slide by going to the Home tab and clicking Duplicate. Go to the Home tab and click Record Screen to insert a screencast. To learn more about the different types of slides you can create, view Adding New Slides. Renaming slides: Titles appear below each slide. By default, each slide is either called Untitled Slide or uses the text from the title text box on the slide itself. You can change a slide title in Story View by doing either of the following (without changing the actual text on the slide): Double-click the title to open it for editing, type the new name, and press Enter on your keyboard. Right-click the slide and choose Rename. Type the new name and press Enter on your keyboard. Storyline 360 displays slide titles in your course menu. You can remove and rename slide titles in the menu without affecting the text on the slides or the slide titles in Story View. View this tutorial for details. Rearranging slides: To rearrange slides, just click and drag them to a new location. When you drag a slide, a small blue arrow will show you where the slide will be inserted. Release your mouse button to drop it into place. You can also use Shift+Click and Ctrl+Click to select multiple slides at the same time to move them as a group. Slides can be rearranged within the same scene or moved to different scenes. Editing slides: For most slide-specific tasks, you'll switch to Slide View, but some edits can be made in Story View. Access AI Assistant tools When using AI Assistant in Story View, you can create AI-generated quizzes, individual question slides, and summaries. Learn more about AI Assistant. Change the layout Right-click any slide, scroll to Apply Layout, and choose a layout. Or, go to the Home tab on the ribbon, click Apply Layout, and choose a layout. Learn more about slide masters and layouts. Reset the layout If you've modified elements of a slide that are inherited from its master layout, you can always revert back to the original layout. Right-click the slide and choose Reset Slide, or go to the Home tab on the ribbon and click Reset. Change the background Right-click a slide and choose Format Background to add a different fill to the slide's background. Another option is to go to the Design tab on the ribbon and click Background Styles, then right-click one of the styles to apply it to the selected slide(s). Learn more about background designs. Switch to a different design theme Design themes are a quick way to change the background, colors, and fonts throughout your course. Go to the Design tab on the ribbon, right-click any theme, and apply it to the selected slide(s). Learn more about themes. Add a slide transition Select a slide, go to the Transitions tab, and choose a transition from the gallery. If the Effect Options button becomes active, it means you can modify the slide transition by choosing an effect from the drop-down. Learn more about slide transitions. Manage triggers Triggers tell Storyline 360 how to respond when learners interact with your course. Select a slide and use the Triggers panel to add, edit, and delete triggers. Learn more about triggers. Adjust slide properties Use the Slide Properties panel in the lower right corner to change how slides advance, how they behave when revisiting them, and which player controls they display. Learn more about slide properties. Duplicate, rename, or delete slides Right-click any slide, then choose Duplicate, Rename, or Delete. Changing the Navigation Order of Scenes and Slides By default, scenes and slides follow a linear order, but you can add branching with triggers. To branch from one scene to another, click the chain link icon at the bottom of the scene, then choose Link to Slide or Link to Scene. To branch from one slide to another, select the slide and double-click the Jump to next slide trigger in the Triggers panel. When the Trigger Wizard appears, select the slide to which you want to branch and click OK. Managing Question Banks A question bank is a group of questions from which you draw slides to create dynamic quizzes throughout your course. A question draw is a special slide in your course that pulls questions from a bank when the learner reaches the slide. A question draw can be a subset of questions from a bank or an entire bank, and it can even be randomized. To manage question banks in Story View, go to the Home tab on the ribbon and click Question Banks. You can create a new draw from a question bank, create a new question bank, or manage existing question banks. Existing question banks will also be listed by name. Every project has one question bank by default, called Question Bank 1, but you can add more. For details, refer to the user guides about managing question banks and question draws. Tip: You don't have to use question banks to create quizzes. If you prefer, you can add individual question slides directly to your course just like other slides. View Adding Form-Based Questions and Adding Freeform Questions. Undocking and Redocking Panels Here's a helpful tip: You can undock panels and move them to another monitor if you need more room to work. Just click the title of a panel—such as Triggers or Slide Properties—and drag it to a new location. To redock a panel, click the Redock button in the panel's upper right corner. To redock all panels at the same time, go to the View tab on the ribbon and click Redock All Windows. To learn more about working with the Storyline 360 interface, view this user guide.Storyline 360: Adding Form-Based Questions
Storyline 360 has 20 types of graded and survey questions. They're form-based, which makes them quick and easy to assemble. (If you'd like more flexibility to create your own interactive questions, see Adding Freeform Questions.) Insert a Question Slide Enter Question Text and Answer Choices Customize Question Properties Create Form-Based Questions with AI Assistant Want to create form-based questions even more easily? AI Assistant can help you generate form-based questions in no time! Learn how to use AI Assistant to level up your course authoring game. Step 1: Insert a Question Slide Here's how to insert a form-based question slide into your course: First, do any of the following to open the Insert Slide window: Press Ctrl+Q. Go to the Home tab on the ribbon, click New Slide, and choose Graded Question or Survey Question. Go to the Slides tab on the ribbon and click Graded Question or Survey Question. In Story View, right-click anywhere in the workspace, scroll to New Slide, and choose Graded Question or Survey Question. In Slide View or Form View, right-click anywhere in the Scenes panel, scroll to New Slide, and choose Graded Question or Survey Question. When the Insert Slide window appears, use the search field at the top and the filters along the left edge to locate the question you want to add.The slide browser includes built-in templates as well as professionally-designed Content Library 360 templates. Choose from 11 types of graded questions and 9 types of ungraded survey questions. Graded Question Types Survey Question Types True/False Likert Scale Multiple Choice Pick One Multiple Response Pick Many Fill-in-the-Blank Which Word Word Bank Short Answer Matching Drag-and-Drop Essay Matching Drop-down Ranking Drag-and-Drop Sequence Drag-and-Drop Ranking Drop-down Sequence Drop-down How Many Numeric Hotspot When you click a thumbnail image for a slide, the right side of the window shows a description of that question type. Click Insert Slide to add it to your project. Tip: You can insert multiple questions at the same time by holding down the Ctrl key or the Shift key while clicking thumbnail images. Step 2: Enter Question Text and Answer Choices When you insert a question slide, it'll open in Form View. Type your question into the field at the top of the window and the answer choices below it. For many graded question types, you must also indicate which answer is correct—just select the radio button or check box for the correct response(s). Step 3: Customize Question Properties After inserting a form-based question, you can customize several of its attributes, including shuffling of answer choices, feedback, branching, score, and number of attempts. To learn how, see Working with the Question Editor. If your form-based questions have check boxes or radio buttons, you can format them to match your course design. See these user guides for details: Working with Check Boxes Working with Radio Buttons
