{"id":2618,"date":"2023-11-21T14:03:12","date_gmt":"2023-11-21T13:03:12","guid":{"rendered":"https:\/\/planfix.com\/blog\/?p=2618"},"modified":"2024-03-27T15:17:04","modified_gmt":"2024-03-27T14:17:04","slug":"it-all-starts-with-an-idea-whiteboard-in-planfix","status":"publish","type":"post","link":"https:\/\/planfix.com\/blog\/tips\/it-all-starts-with-an-idea-whiteboard-in-planfix\/","title":{"rendered":"It All Starts with an Idea: Whiteboard in\u00a0Planfix"},"content":{"rendered":"<div class=\"breadcrumbs \" typeof=\"BreadcrumbList\" vocab=\"https:\/\/schema.org\/\"><span property=\"itemListElement\" typeof=\"ListItem\"><a property=\"item\" typeof=\"WebPage\" title=\"Go to Planfix.\" href=\"https:\/\/planfix.com\/blog\/\" class=\"home\" aria-current=\"page\"><span property=\"name\">Planfix<\/span><\/a><meta property=\"position\" content=\"1\"><\/span><\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/Dt\/C2sDYv.gif\" alt=\"\" style=\"width:702px;height:auto\"\/><\/figure>\n\n\n\n<p>How often have you wanted to visualize the entire process of working on a product? We&#8217;ve often felt that way too. We needed a tool that could graphically depict the workflow and answer straightforward questions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Which phase are we in currently?<\/li>\n\n\n\n<li>If we\u2019re on a series of tasks, which one is active now?<\/li>\n\n\n\n<li>Which one comes next?<\/li>\n\n\n\n<li>After selecting a task, what&#8217;s necessary for its completion before diving into Planfix to work on it?<\/li>\n\n\n\n<li>What factors are causing delays?<\/li>\n<\/ul>\n\n\n\n<p>Such insights are vital during product development. But what if the team is in the initial planning stages for a new launch? In that scenario, we aim to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Map out the primary blocks needing completion, link them, and indicate the sequence of tasks to be executed.<\/li>\n\n\n\n<li>Later, if necessary, further break these down and track which ones are completed. These don\u2019t need to be subtasks.<\/li>\n\n\n\n<li>Eventually, you find yourself managing a host of unrelated tasks across various projects, and you&#8217;re required to manually connect them. It&#8217;s frustrating because you need to recall your task&#8217;s stage, the solution to the task you&#8217;re waiting on, the title of the task you wish to review, and so on.<\/li>\n<\/ul>\n\n\n\n<p>What if there&#8217;s no alternative, and you need to link identical tasks in multiple contexts with entirely different tasks, doing so with different methods?<\/p>\n\n\n\n<p>Reflecting on this, we were inspired to introduce a novel Planner type to Planfix &#8211;&nbsp;<a href=\"https:\/\/planfix.com\/features\/whiteboard\/\" target=\"_blank\" rel=\"noreferrer noopener\">the Whiteboard<\/a>.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Whiteboard&nbsp;in Planfix: Complete Guide<\/strong><\/h2>\n\n\n\n<p>Adding a whiteboard diagram online to the Planner follows the standard procedure:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/hC\/MMCRdw.png\" alt=\"Adding a Whiteboard to the Planner\" style=\"width:676px;height:auto\" title=\"Adding a Whiteboard to the Planner | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Adding a whiteboard diagram to the Planner.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/Oi\/xMasjN.png\" alt=\"Empty Whiteboard\" title=\"Empty Whiteboard | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Empty whiteboard diagram.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Getting Started: Hello, World!<\/strong><\/h3>\n\n\n\n<p>The whiteboard diagram for project management is included in both the &#8220;Plan B&#8221; and &#8220;Plan X&#8221; payment plans.<\/p>\n\n\n\n<p>You can begin by designing a diagram (board) from scratch, organizing ideas into blocks, and making connections between them. If necessary, you can then transform a group of blocks into&nbsp;<a href=\"https:\/\/planfix.com\/features\/tasks\/\" target=\"_blank\" rel=\"noreferrer noopener\">tasks<\/a>&nbsp;and delegate them to team members.<\/p>\n\n\n\n<p>Alternatively, you can insert pre-existing tasks directly into the whiteboard diagram either by dragging and dropping them from adjacent planning lists or by choosing them from the general task list.<\/p>\n\n\n\n<p>Click the plus icon to introduce new blocks:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/CW\/wl5zn9.gif\" alt=\"Adding New Blocks to the Whiteboard\" title=\"Adding New Blocks to the Whiteboard | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Demonstration of adding new blocks to the whiteboard diagram.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Or click on the existing task icons to pick from the list:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/1o\/bwEONa.png\" alt=\"Selecting a Task From the General List\" title=\"Selecting a Task From the General List | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Selecting a task from the general task list.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/i7\/E5qN3O.png\" alt=\"List of Existing Tasks to Add to Whiteboard\" title=\"List of Existing Tasks to Add to Whiteboard | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>List of available tasks that can be incorporated into the whiteboard diagram.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><br>Special guides help to position new blocks or blocks already on the board:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/cW\/r8gl1l.gif\" alt=\"Positioning Blocks in a Whiteboard\" title=\"Positioning Blocks in a Whiteboard | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Arranging the blocks.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Changes to the diagram (board) are automatically saved, allowing you to revert to a prior version if necessary:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/TX\/mwupyB.png\" alt=\"History of Changes in a Whiteboard\" title=\"History of Changes in a Whiteboard | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Change history.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>A panel displaying tasks from the whiteboard diagram will appear when you click the extended list icon on the right. If no tasks are present, the list will be blank:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/Db\/8n5eVV.png\" alt=\"Extended Whiteboard List\" title=\"Extended Whiteboard List | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Extended list of connection diagrams (Whiteboard)<\/em>.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Clicking on a block in the whiteboard diagram reveals additional options for block interactions. The following actions are available:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Convert to task<\/li>\n\n\n\n<li>Set color<\/li>\n\n\n\n<li>Delete<\/li>\n\n\n\n<li>Establish a connection with another block<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/s.pfx.so\/pf\/iz\/Q74ChW.png\" alt=\"\t\nAdditional Block Features\" title=\"Additional Block Features | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Additional block features.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>You can rename a block by double-clicking it. Connections are formed as illustrated here:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/aC\/zt3obq.gif\" alt=\"Adding Links Between Blocks or Tasks\" title=\"Adding Links Between Blocks or Tasks | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Establishing connections between blocks or tasks.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Whiteboard&nbsp;Navigation<\/strong><\/h3>\n\n\n\n<p>Ease of navigation is key to a comfortable experience with the chart (board). We have taken into account the user experience in other systems and tried to make it as comfortable as possible:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mouse wheel up-down = board zoom. Down to zoom out, up to zoom in.<\/li>\n\n\n\n<li>Holding RMB (right mouse button) on an empty space or holding the space bar key + LMB (left mouse button) = moves the board in any direction.<\/li>\n\n\n\n<li>LMB clicking on a block = selects a card and displays additional options.<\/li>\n\n\n\n<li>Clicking LMB repeatedly on blocks = selects multiple cards at once.<\/li>\n\n\n\n<li>Clicking and dragging around the blocks while holding LMB = selects multiple cards at once. Selected cards can be moved by holding down any card with LMB.<\/li>\n\n\n\n<li>The CTRL + Z keys together will undo the last changes made.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Creating a Task Card in Whiteboard<\/strong><\/h3>\n\n\n\n<p>Blocks in the connection diagram (Whiteboard) can be converted into tasks. Select the desired block on the board with a single mouse click and click on the corresponding icon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/rJ\/DjdHqf.png\" alt=\"Creating a Task From a Block\" title=\"Creating a Task From a Block | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Create a task from a block.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>A new window for creating tasks will be opened. The &#8220;Template&#8221; field auto-fills with the default task template from the settings of the user who created the diagram (board), and the &#8220;Title&#8221; field is populated with the block title.<\/p>\n\n\n\n<p>Otherwise, converting a block into a task is no different from creating a new task in Planfix. After you save the settings, the block becomes a task in the connection diagram (Whiteboard):<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/sh\/Ak6lgt.png\" alt=\"Going to the Block Task\" title=\"Going to the Block Task | Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Transition to task.<\/em><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Note that the title is displayed in the color of the task status. Clicking on it will display a task transition icon. Clicking on this icon will open the task panel on the right, consistent with Planfix&#8217;s usual behavior.<\/p>\n\n\n\n<div style=\"height:49px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Access to the Whiteboard in Planfix<\/strong><\/h3>\n\n\n\n<p>The most important thing to remember is that there are two independent levels of employee access:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>First \u2014 At the Planner Level.<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Everyone accessing the Planner will see the connection diagram (Whiteboard) by default.<\/li>\n\n\n\n<li>Only its author can modify the diagram (board) by default.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Second \u2014 At the Task Level.<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A user who sees the tasks in the connection diagram (Whiteboard) but does not have access to them sees the default Planfix window requesting access if they attempt to transition to those tasks.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Example of a Connection Diagram (Whiteboard)<\/strong><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/planfix.com\/blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s.pfx.so\/pf\/5p\/pGz6Ka.gif\" alt=\"Whiteboard Example in Planfix\" title=\"Example of Whiteboard in Planfix\"\/><\/figure>\n<\/div>\n\n\n<p><em>Example of a diagram (Whiteboard).<\/em><\/p>\n\n\n\n<div style=\"height:51px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Note that the established connections between tasks only &#8220;live&#8221; within a diagram&nbsp;(mind map). You can simply drag the same tasks from the planner list to different diagrams, connecting those tasks differently.<\/p>\n\n\n\n<p>Most importantly, don&#8217;t confuse the connections in the diagram (board) with the connections between tasks in the &#8220;Dependencies&#8221; section, which affect the task&#8217;s scheduled start or due dates.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>The Whiteboard is a tool that allows you to turn an idea into a project, break the project down into tasks, set assignees, communicate within and among those tasks, and go through the entire project lifecycle to full implementation using a&nbsp;single&nbsp;<a href=\"https:\/\/planfix.com\/project-management\/\" target=\"_blank\" rel=\"noopener\" title=\"\">project management system with whiteboard<\/a>.<\/p>\n\n\n\n<p>Implementing the Whiteboard is just the first step, and we still have a lot of work ahead of us, but you can already &#8220;feel&#8221; the first results coming together with us. Please share your impressions of working with Whiteboard for task management with us in the comments. We will be happy to consider your suggestions as we continue to improve this feature.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How often have you wanted to visualize the entire process of working on a product? We&#8217;ve often felt that way too. We needed a tool&#8230;<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_s2mail":"yes","footnotes":""},"categories":[10],"tags":[240,30,16,244],"class_list":["post-2618","post","type-post","status-publish","format-standard","hentry","category-tips","tag-board","tag-mind-map","tag-project-management","tag-whiteboard"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/posts\/2618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/comments?post=2618"}],"version-history":[{"count":29,"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/posts\/2618\/revisions"}],"predecessor-version":[{"id":4250,"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/posts\/2618\/revisions\/4250"}],"wp:attachment":[{"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/media?parent=2618"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/categories?post=2618"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/planfix.com\/blog\/wp-json\/wp\/v2\/tags?post=2618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}