Sutori 免費製作最好看說故事圖表,老師與行銷都零程式碼上手


假設要跟老闆、客戶、顧客介紹產品的功能特色、研發過程,產品開發者或行銷人員要怎麼表現好看又有趣的產品故事呢?

又例如老師要跟學生說一個歷史故事、一個學術流派、一個研究結果,有沒有更生動的方法,可以把各種時間、事件、解說,用好看又有趣的圖表呈現出來呢?

如果懂得寫網頁程式碼,或許可以在網頁上做出一個漂亮的年表、時間軸,甚至還可以加入一些互動功能,但若是「完全不懂程式碼」的老師與行銷,要怎麼辦?這時候,你就可以試試看今天要推薦的「 Sutori 」這個免費的線上工具。

下面我們先來直接看看,我用「 Sutori 」製作的「電腦玩物的故事圖表」,可以呈現哪些效果,你可以點擊「電腦玩物故事圖表」連結來線上查看其互動。







  • 這篇文章的前因後果:

「前因」:之前我在電腦玩物介紹了一些可以製作年表、時間軸的線上工具,像是「免費開源時間軸製作 TimelineJS 視覺化歷史免程式碼」、「歷史老師必備 Tiki-Toki 免費製作美麗 3D 時間軸年表」。不過今天要推薦的「 Sutori 」雖然像是時間軸,但本質上是一個「說故事」的「圖表工具」,這從其與「 Story 」的諧音便可以看出。

「後果」:如果你是老師,那麼我推薦你閱讀更多教學工具:「3 個免費特殊教學工具,給老師的數位教學資源推薦」。如果你是行銷,那麼電腦玩物中也有整理專門的工具:「社群小編與部落格站長的圖片行銷必備10大免費工具 」。




「 Sutori 」可以說什麼故事?


Sutori非常簡單好上手,完全不需要懂任何程式碼或複雜技術,只要像是「設計一份 Google 線上問卷」那樣,插入與拖曳需要的題型,那麼你的「故事圖表」、「故事時間軸」就能輕鬆產生。

而剩下的,就是我們如何利用「 Sutori 」發揮創意,幫自己的產品,或是要教學的主題,創造一個有趣的故事。

你可以到「 Sutori 的社群」中,參考別人製作好並且公開的圖表,在這裡你可以看到許多人利用「 Sutori 」來創造:

  • 製作各種歷史年表
  • 製作羅馬的一日作息
  • 製作各國早餐介紹
  • 介紹世界七大奇蹟
  • 製作「回答問題」的互動教學流程
  • 製作一本書的大綱
  • 介紹一個城市





「 Sutori 」的功能介紹:


「 Sutori 」是一款完全免費的線上工具,只需用 Google 或 Facebook 完成註冊即可。

而且「 Sutori 」製作出來的時間軸網頁,可以適用各種裝置螢幕,手機上也能順暢瀏覽。




首先,「 Sutori 」將每一個時間軸圖表稱之為「 Story 」,我們可以在上面創造許多個故事。




在故事中,我們可以自訂主畫面,進行開場白描述。




在時間軸線上,可以隨意地插入各種卡片,「 Sutori 」內建了:

  • 文字
  • 圖片
  • 影片
  • 錄音
  • 選擇題
  • 問答題
  • 註解
  • 標題

各種的卡片,讓時間軸上可以用不同的方式說故事。




例如「 Quiz 」的問答題模式,可以創造出把正確答案拖曳到題目中的「互動」效果。




製作完成自己的故事時間軸後,還可以利用右上方的「 Collaborate 」邀請其他人一起協同合作。

或是利用「 Share 」分享自己的故事圖表網頁,甚至還能把故事時間軸列印成 PDF 。


  • 如果你是搜尋而來,說不定你想找的,還想學的是:




要說故事,無論是「產品故事」還是「歷史故事」,我們可以寫一篇文章,可以製作簡報,如果要更有創意一點,要更好看一點,要更多互動一點,那麼今天介紹的這個「 Sutori 」線上工具,或許是「圖表說故事」的最佳選擇,而且他還完全免費,效果驚豔,推薦給需要的朋友。

*感謝您閱讀電腦玩物 Esor 的文章,電腦玩物專注人性化的高效率工作方法,您可以追蹤「電腦玩物 Facebook」,或是參考 Esor 的改進工作效率相關「課程」、「書籍」,更歡迎把電腦玩物加入你的 RSS 訂閱清單。

(轉貼本文時禁止修改,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang(異塵行者),及附上原文連結:Sutori 免費製作最好看說故事圖表,老師與行銷都零程式碼上手

留言

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

Google 表單自動關閉回覆教學:時間人數到達就過期

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

少記筆記,減少整理,高效輸出:6 原則打造任務驅動型第二大腦

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱

ChatGPT Canvas 全新 AI 寫作、程式碼編輯工具,不再只能對話!