--- title: "Mindmaps, flowcharts and infographics" author: "Dominik Lukeš" outline_version: 2 auto_title_slide: false auto_thanks_slide: false --- ## Mindmaps, flowcharts and infographics {id=pptx-8a0d1c12dabb-001} {title} ![Creative Commons Attribution licence badge.](assets/media/img-84294b65bbfc0cd6.png) ## Slide 2 {id=pptx-8a0d1c12dabb-002} {notitle} ![Overview mind map with the central topic “Mindmaps, flowcharts, infographics” and six branches: Why?, What?, MindMap Skills, SmartArt, Adding icons and Other tools. The text of every branch is given in the list below.](assets/media/img-f94225ebd69beafa.png) - Why? 1. Better planning 2. Easier navigation 3. Better comprehensions - What? 1. Mindmaps and outlines 2. Smart Art 3. Icons and images - MindMap Skills 1. Brainstorming 2. Outlining 3. Keyboard skills: Tab; SHIFT Tab; Alt-SHIFT Arrows - SmartArt 1. Convert outlines to art 2. Keep things short 3. Use colour to differentiate - Adding icons 1. Insert Icons in Office365 2. Use FontAwesome 3. Change colour - Other tools - Chart makers: LucidChart; Pencil - Mind mapping tools: Coggle.it; OpenMind - Outliners: Workflowy; Checkvist ## Slide 3 {id=pptx-8a0d1c12dabb-003} {notitle} ![Mind map branch “Why?” with three numbered points: 1 Better planning, 2 Easier navigation, 3 Better comprehensions.](assets/media/img-7b3528a1d0a97249.png) ## Why? {id=pptx-8a0d1c12dabb-004} - Graphics - Text - Better comprehension ![Diagram on a dark blue page headed “Why?”: a dark circle “Graphics” plus a lighter circle “Text”, with an arrow to a large circle “Better comprehension”.](assets/pages/page-04.png) ## Slide 5 {id=pptx-8a0d1c12dabb-005} {notitle} ![Mind map branch “What?” with three numbered points: 1 Mindmaps and outlines, 2 Smart Art, 3 Icons and images.](assets/media/img-460724032964b52a.png) ## What? {id=pptx-8a0d1c12dabb-006} - Mindmaps and outlines - Outlining - Sharing - Keyboarding - SmartArt - Converting - Shortening - Adding icons - Icons and images - Office 365 - Colour changes - Other sources ![Three rows of chevron shapes on a dark blue page headed “What?”: Mindmaps and outlines (Outlining, Sharing, Keyboarding), SmartArt (Converting, Shortening, Adding icons) and Icons and images (Office 365, Colour changes, Other sources).](assets/pages/page-06.png) ## Three Principles of Readable Formatting {id=pptx-8a0d1c12dabb-007} 1. Space 2. Chunks 3. Guides ## Slide 8 {id=pptx-8a0d1c12dabb-008} {notitle} ![Mind map “Space”. Why?: speed of processing, speeding metaphor. How?: large font, line spacing +1.2, character spacing +0.2, short lines, avoid text distortions.](assets/media/img-68465240a740c039.png) ## Slide 9 {id=pptx-8a0d1c12dabb-009} {notitle} ![Mind map “Chunks”. Why?: easy to scan, easy to skim, less intimidating. How?: paragraphs, bullets, headings.](assets/media/img-19c82ba3845c4b00.png) ## Slide 10 {id=pptx-8a0d1c12dabb-010} {notitle} ![Mind map “Guides”. Why?: improves comprehension, improves clarity, easier to skim/scan. How?: highlight key passages, use flowcharts and mindmaps, add icons to sections, use images to illustrate.](assets/media/img-d2b20355b57ab4c6.png) ## Building the conceptual structure with outlines and Mind Maps {id=pptx-8a0d1c12dabb-011} ### Slide 12 {id=pptx-8a0d1c12dabb-012} {notitle} ![Mind map “MindMap Skills” with three numbered branches: 1 Brainstorming, 2 Outlining, 3 Keyboard skills (Tab, Shift Tab, Alt-Shift Arrows).](assets/media/img-83e16e01a42b65b6.png) ### Slide 13 {id=pptx-8a0d1c12dabb-013} {notitle} ![Mind map “Outline creation” with branches Tools (Word, XMind, Outliners), Skills (Speed, Numbers / icons, Keyboard shortcuts) and Process (Brain storm, Structure, Relationships).](assets/media/img-7b0299d6b2e929b7.png) ### Slide 14 {id=pptx-8a0d1c12dabb-014} {notitle} - Process - Brainstorm - Structure - Chunks ### Slide 15 {id=pptx-8a0d1c12dabb-015} {notitle} **Brainstorm** - What do you want audience to know / do - What you know about it - What are common questions ### Slide 16 {id=pptx-8a0d1c12dabb-016} {notitle} **Structure** - What are the top line things - What are the elaborations - Which things belong to each other ### Slide 17 {id=pptx-8a0d1c12dabb-017} {notitle} **Chunk** - Put things together to fit on one slide - Make list of related images ### Slide 18 {id=pptx-8a0d1c12dabb-018} {notitle} - Tools - Word - XMind - Outliners ### Pen and paper are great for outlining {id=pptx-8a0d1c12dabb-019} ![Photograph of a hand drawing a sketch in a notebook beside a pink cup: the word “BUSINESS” in a box with arrows, charts, a light bulb and other icons radiating from it.](assets/media/img-025b830771aad0f2.jpeg) ### Word as outliner {id=pptx-8a0d1c12dabb-020} ![Screenshot of Word with the Navigation pane showing headings (Section 1, Subsection 1, Subsection 2) beside a document with Section 1, items 1 to 3, Subsection 1 with nested items, and Subsection 2 with a numbered list with lettered subitems.](assets/media/img-68d79295930bace0.png) ### Universal outlining shortcuts {id=pptx-8a0d1c12dabb-021} ![The left part of a keyboard with the Tab key marked by a red box and the Shift key marked by a green box, on the slide “Universal outlining shortcuts”.](assets/pages/page-21.png) Keys marked on the keyboard: **Tab** (red box) and **Shift** (green box). ### Creating a nested list without a mouse {id=pptx-8a0d1c12dabb-022} ![Original slide 22 as rendered: a blank frame where a screen recording sits. The video itself is not part of this package.](assets/pages/page-22.png) ### Super advanced and productive shortcut {id=pptx-8a0d1c12dabb-023} ![The slide “Super advanced and productive shortcut”. A cropped keyboard with the Shift key marked by a red box and the Alt key marked by a green box, a plus sign, and the four arrow keys.](assets/pages/page-23.png) Keys marked on the keyboard: **Shift** (red box) and **Alt** (green box) **+** The four arrow keys. ### Creating a document outline without a mouse (Shift-Alt-LEFT/RIGHT) {id=pptx-8a0d1c12dabb-024} ![Original slide 24 as rendered: a still from a screen recording of Word with the Navigation pane and a bulleted list (Item 1, Item 2 with Item 2.1 and 2.3, Item 3) beside the Styles pane. The video itself is not part of this package.](assets/pages/page-24.png) ### Moving items without a mouse (Shift-Alt-UP/DOWN) {id=pptx-8a0d1c12dabb-025} ![Original slide 25 as rendered: a still from a screen recording of Word with the Navigation pane, Subsection 1.1 and 1.2 with bulleted items, and the Styles pane. The video itself is not part of this package.](assets/pages/page-25.png) ### Slide 26 {id=pptx-8a0d1c12dabb-026} {notitle} ![The XMind logo: a red tile with a white X beside the word XMind.](assets/media/img-d9df5848ae023762.png) ### XMind is free (for all the necessary features) {id=pptx-8a0d1c12dabb-027} ![Screenshot of XMind with a mind map “Outline creation” (Tools, Skills, Process) beside its Outline pane listing the same branches.](assets/media/img-113d069c31d487c6.png) ### Mindmaps as outlining tools {id=pptx-8a0d1c12dabb-028} ![Screenshot of XMind showing the central topic “Mindmaps, flowcharts, infographics” with its branches beside the Outline pane that lists them as a nested list.](assets/media/img-6d646889d7356b6d.png) ### Outline made with Checkvist {id=pptx-8a0d1c12dabb-029} ![Screenshot of Checkvist showing an outline “Writing skills and tools”: What is writing and why know more about it (Learning writing, Many components of writing, Kinds of writing), Writing process tips, Writing skills to practise (Outlining, Keyboard shortcuts, Composition) and Writing tools.](assets/media/img-73c62d473e347f20.png) ### Mindmap made with XMind {id=pptx-8a0d1c12dabb-030} ![A large mind map made with XMind. The central topic is “What is writing and why know more about it” with three root branches on the left and four on the right; the full text of every branch is given in the list below.](assets/media/img-46ce02e999f24f66.png) Central topic: **What is writing and why know more about it** - Writing tools - Distraction free editors - Well known tools: iA Writer; Focus Writer; WriteMonkey - Key features to look for: Hemingway mode; Typewriter mode; Focus mode; Headings and outlines - Outliners / Mindmapping: XMind; FreeMind; Checkvist; Workflowy; Bear App (Mac, iOS only) - Language help tools - Grammar / Spelling Checkers: Grammarly; Ginger - Readability: Heamingway app; Readability.io - Word suggestions: WordQ; Co:Writer - Thesaurus / Dictionary: iWeb Corpus - Word - Long-form writing tools: Word; Google Docs; Scrivener; Gingko; Manuskript - Dictation tools: Google Voice Typing; Microsoft Dictate; Dragon Naturally Speaking; Rev (transcription) - Referencing tools: Zotero; Zbib; Mendeley; Endnote; Word - Where to get more help - Take a course: University Language Centre; Online: Coursera, FutureLearn, EdX - Sample writing (Monash - assignment samples) - Writing coach - Writing buddy - Writing skills to practice - Outlining: Tab / Shift Tab; Shift-Alt-Arrows - Keyboard shortcuts - Composition: Half an hour a day; Brainstorm key ideas; Arrange them hierarchicaly in an outline - Learn the rules of the genre: Document structure; Vocabulary; Ways of expressing ideas - Learning writing: Writing is a skill and can be learned / improved; But it is not a unitary skills - Many components of writing - Mechanics / Logistics: Typing; Tools; Habits; Environments; Monitoring - Language: Spelling; Grammar; Vocabulary - Composition: Word choice; Sentence formulation; Paragraph; Narrative / Argument; Genre / Style / Voice; Document structure - Process: Planning / Outlining; Writing / Composition; Revision / Editing - Kinds of writing: Take down speech; Take notes / summarise; Learn / formulate / express; Share ideas / inform; Demonstrate competence - Writing process tips: Set time and place; Set goals; Measure your progress - practice; Write in small chunks; Divide composition from editing - Hemingway mode; Separate writing what you know and writing what you want to formulate; Listen to what you wrote (Read it out (record it); Text to speech); Use tools ### Checkvist is an online dedicated outliner {id=pptx-8a0d1c12dabb-031} ![Screenshot of Checkvist showing the outline “Video workshop outline”: About video, Video history in education, Why video, Video specifics, Why video now, with further nested items under Why video now.](assets/media/img-f4785346d56346d6.png) ## From conceptual structure to impactful visuals {id=pptx-8a0d1c12dabb-032} ### Should you use Visio? {id=pptx-8a0d1c12dabb-033} ![Screenshot of a Visio mind map template: a central “Main Topic” with several “Multiple Topic” and “Topic” branches, a legend with symbols for Meeting, Needs follow up, Good, To do, Task and Attention, and buttons Change Topic Shape, Add Topic and Add Legend Shapes.](assets/media/img-1315d12297b636fa.png) ### Visio is for drawing, not for brainstorming {id=pptx-8a0d1c12dabb-034} ![A flowchart titled “Medical Patient Process”, drawn in Visio on a green background, with a start oval, five decision diamonds, process boxes and an end oval. Its paths are listed in the text below.](assets/media/img-6c35755d5e03fa8a.png) Flowchart “Medical Patient Process”, read from the start: 1. Patient arrives, then the decision **Patient in the system?** — No: Patient completes paperwork, then back to the same question. Yes: continue. 2. **Nurse available?** — No: Waiting room, then back to the same question. Yes: Take pulse, blood pressure, weight and urine. 3. **Doctor available?** — No: Waiting room, then back to the same question. Yes: Patient consults doctor. 4. **Need follow-up appointment?** — Yes: Make an appointment, then continue to the next question. No: continue to the next question. 5. **Need medication?** — Yes: Patient takes prescription to pharmacy, then Dispense medication at pharmacy, then Patient leaves. No: Patient leaves. ### Visio is for drawing, not for brainstorming {id=pptx-8a0d1c12dabb-035} ![Original slide 35 as rendered: a Visio window with an empty drawing page and a shapes panel, a still from a screen recording. The video itself is not part of this package.](assets/pages/page-35.png) ### Slide 36 {id=pptx-8a0d1c12dabb-036} {notitle} ![Mind map branch “SmartArt” with three numbered points: 1 Convert outlines to art, 2 Keep things short, 3 Use colour to differentiate.](assets/media/img-466e947d10a78258.png) ### SmartArt {id=pptx-8a0d1c12dabb-037} - Convert outlines to art - Keep things short - Use colour to differentiate ### How to convert outlines into art {id=pptx-8a0d1c12dabb-038} - Other tools - Chart makers - LucidChart - Pencil - Mind mapping tools - Coggle.it - OpenMind - Outliners - Workflowy - Checkvist ![Original slide 38 as rendered: the outline above partly hidden behind three coloured columns, Chart makers (LucidChart, Pencil) in purple, Mind mapping tools (Coggle.it, OpenMind) in green and Outliners (Workflowy, Checkvist) in red, each with an icon, and a curved red arrow pointing from the outline to them.](assets/pages/page-38.png) ### Slide 39 {id=pptx-8a0d1c12dabb-039} {notitle} ![Screenshot of PowerPoint’s “Choose a SmartArt Graphic” dialog with categories All, List, Process, Cycle, Hierarchy, Relationship, Matrix, Pyramid, Picture and Office.com, and a preview of a vertical box list.](assets/media/img-04405aba810bb035.png) ### Slide 40 {id=pptx-8a0d1c12dabb-040} {notitle} ![The SmartArt text pane with the outline Chart makers (LucidChart, Pencil), Mind mapping tools (Coggle.it, OpenMind) and Outliners (Workflowy, Checkvist), beside the resulting vertical box list.](assets/media/img-5b3a35e13a04ca4c.png) ### Slide 41 {id=pptx-8a0d1c12dabb-041} {notitle} ![PowerPoint with the SmartArt Design ribbon open above the text pane and the vertical box list of chart makers, mind mapping tools and outliners.](assets/media/img-37330ddf6cd6c100.png) ### Slide 42 {id=pptx-8a0d1c12dabb-042} {notitle} - Chart makers - LucidChart - Pencil - Mind mapping tools - Coggle.it - OpenMind - Outliners - Workflowy - Checkvist ![Original slide 42 as rendered: three horizontal bands inside nested green and yellow circles, each with a heading and two items in large type.](assets/pages/page-42.png) ### Adding icons {id=pptx-8a0d1c12dabb-043} ![Mind map branch “Adding icons” with three numbered points: 1 Insert icons in Office365, 2 Use FontAwesome, 3 Change colour.](assets/media/img-cdabe149c556a45c.png) ### Slide 44 {id=pptx-8a0d1c12dabb-044} {notitle} ![PowerPoint’s Insert Pictures dialog over the SmartArt, offering From a File, Online Pictures and From Icons.](assets/media/img-c4e27a5f7211c448.png) ### Slide 45 {id=pptx-8a0d1c12dabb-045} {notitle} - Chart makers - LucidChart - Pencil - Mind mapping tools - Coggle.it - OpenMind - Outliners - Workflowy - Checkvist ![Original slide 45 as rendered: three cards in a row above a grey double arrow; the first has a bar-chart icon, the other two have empty grey circles where icons will go.](assets/pages/page-45.png) ### Slide 46 {id=pptx-8a0d1c12dabb-046} {notitle} ![PowerPoint with the Format Graphic pane open while a red bar-chart icon is recoloured on the Chart makers card; the other two cards have grey circles.](assets/media/img-d7e1398ebd9422ec.png) ### Slide 47 {id=pptx-8a0d1c12dabb-047} {notitle} ![The SmartArt text pane with picture buttons beside three coloured columns, Chart makers (purple, puzzle icon), Mind mapping tools (green, network icon) and Outliners (red, hierarchy icon), over a grey double arrow.](assets/media/img-67d405886136429f.png) ### Other tools {id=pptx-8a0d1c12dabb-048} - Chart makers - LucidChart - Pencil - Mind mapping tools - Coggle.it - OpenMind - Outliners - Workflowy - Checkvist ![Original slide 48 as rendered: a large dark purple puzzle piece with the three groups listed beside it, each with an icon: a line chart, a network of nodes and a hierarchy diagram.](assets/pages/page-48.png) ### Some visual elements can be generated by Excel {id=pptx-8a0d1c12dabb-049} ![Screenshot of Excel with a pie chart “Consumption pattern” (Books, Newspapers, Blogs, Videos), a “Media popularity” panel with rows of icons (65 Books, 87 Newspapers, 43 Blogs, 98 Videos) and a Settings pane for an icon-based graphic.](assets/media/img-5e98477cb91a88a7.png) ### Some charts can be generated by Excel {id=pptx-8a0d1c12dabb-050} ![Screenshot of Excel with a table of attendees by country and, beside it, a graphic “HIVE Attendees” with rows of person icons (United Kingdom 50, France 5, Germany 17, Belgium 23, Sweden 35) and a shaded map of Europe.](assets/media/img-7e907d60ab3dc682.png) ### More examples {id=pptx-8a0d1c12dabb-051} ![Infographic with three boxes about RapidMooc: Visible in the room (RapidMooc cabinet on wheels, lights and stands, green screen, microphones, remote clicker), Inside the RapidMooc box (camera, screen for video preview, blackmagic switcher, video computer processing videos, Apple TV) and Software (interface for video processing and simple editing, interface for controlling playback, teleprompter).](assets/media/img-ef421e5f2606d8b4.png) ![Process steps for making a recording: plug USB stick with PPT into computer, launch presentation, start/stop recording, optionally cut off start and end, copy finished recording to USB.](assets/media/img-7a953dc2d8e2d0dc.png) ### More examples {id=pptx-8a0d1c12dabb-052} ![Four panels about RapidMooc: What is RapidMooc (all-in-one platform for video creation, shows presenter on the background of presentation, picture, video or computer screen for a demo, one-touch solution with no technical expertise needed), What it would enable us to do (create more course videos, include videos in pitches, quickly create uptodate video guides, create more in-house staff training, stream more engaging webinars), Costs (system cost including installation and delivery: £22,000, a £1,600 discount if we use our own green screen and lights, cost of AV room improvements) and Savings, ROI and Risk (£5000 per course using video, ROI in 18 months, more videos produced, more uptodate videos produced, no ongoing commitment or SaaS, all software runs locally).](assets/media/img-b26d492b501eb3b4.png) ### More examples {id=pptx-8a0d1c12dabb-053} ![Eight boxes, each with an icon, listing kinds of video: videos of short lectures with the presenter showing things on a PowerPoint presentation; interviews, conversations and small panels; demonstrations of apps on an iPad, iPhone or Android phone (e.g. Canvas app, Guidebook); demonstrations of software on Mac or PC; walkthroughs of websites (e.g. Canvas, GOTO platform); introductions to facilities (person talking over a video in the background); trial lectures or presentations in preparation for live sessions; live video streams with dynamic backgrounds.](assets/media/img-6fef99e3a716a513.png) ### More examples {id=pptx-8a0d1c12dabb-054} ![Nine white boxes with orange outlines in a three-by-three grid: Introduction videos to every Canvas course; Pre-metting pitches for custom clients; Staff development, initiative roll outs; Staff induction videos; Welcome videos for MBAs; Interviews with guest speakers; Faculty pitches of elective courses; Speaker portfolios (video CVs) for staff and students; Student project video reports.](assets/media/img-964f75860235534e.png) ![The same nine boxes filled with colour, in the same grid order: orange, grey, yellow; blue, green, orange; grey, yellow, blue.](assets/media/img-655d1cc2bec0448d.png) The nine entries, in grid order: Introduction videos to every Canvas course; Pre-metting pitches for custom clients; Staff development, initiative roll outs; Staff induction videos; Welcome videos for MBAs; Interviews with guest speakers; Faculty pitches of elective courses; Speaker portfolios (video CVs) for staff and students; Student project video reports. ### More examples {id=pptx-8a0d1c12dabb-055} ![A timeline with the dates 1965 (Centre for Management Studies), 1990 (School of Management Studies), 1996 (Saïd Business School, first MBAs), 2002 (new facility at Park End) and 2012 (new wing for Executive Education).](assets/media/img-b1ac2827d6aef006.png) ![Two copies of a web page about the Park End Street building: three photographs captioned Spires, Amphitheatre, and Columns and Cloisters, above the text of the Park End Street Design and Egrove Park paragraphs given below. The left copy sets the text in one wide column; the right copy sets it in two narrow columns.](assets/media/img-797dbfa0c0e0ce00.png) **Park End Street Design.** Photographs: Spires; Amphitheatre; Columns and Cloisters. The state-of-art design of Park End Street is the **work of leading architects**, Jeremy Dixon and Edward Jones, also responsible for the Royal Opera House in London. While **modern in materials and approach**, the design **draws upon academic tradition**, with a classical outdoor amphitheatre, columns and cloisters, oak-panelled, horseshoe style lecture theatres, two large outdoor garden spaces, and a contemporary interpretation of the traditional Oxford dreaming spires. **Egrove Park.** Our Egrove Park campus is **set in beautiful parkland** and is used for Executive Education. **Built in 1967, in a modernist style**, the campus has a combination of teaching, conference, residential, and recreational spaces. ### And finally {id=pptx-8a0d1c12dabb-056} - Chart makers - LucidChart - Pencil - Mind mapping tools - Coggle.it - OpenMind - Outliners - Workflowy - Checkvist ![Original slide 56 as rendered: the three groups as white cards, each with a red or gold icon: a line chart, a network of nodes and a hierarchy diagram.](assets/pages/page-56.png) ## Thank you {id=pptx-8a0d1c12dabb-057} This presentation was created by Dominik Lukeš and it is made available under Creative Commons Attribution license ![Creative Commons Attribution licence badge.](assets/media/img-84294b65bbfc0cd6.png)