<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Demo｜林鼎淵 Dean Lin</title>
    <link>https://deanlin.net/tags/demo/</link>
    <image><url>https://deanlin.net/images/author_hu_aa256fc934e9a932.jpg</url><title>Demo｜林鼎淵 Dean Lin</title><link>https://deanlin.net/tags/demo/</link><width>144</width><height>144</height></image>
    <description>林鼎淵（Dean Lin）的部落格：生成式 AI 企業內訓講師、外商資安公司軟體專家、7 本書作者。400 多篇文章用白話分享生成式 AI 實戰、Claude Code 與 Vibe Coding 教學、團隊合作與職場成長。</description>
    <generator>Hugo</generator>
    <language>zh-tw</language>
    <copyright>© 2020–2026 林鼎淵 Dean Lin</copyright>
    <lastBuildDate>Fri, 19 Apr 2024 20:29:27 +0800</lastBuildDate>
    <atom:link href="https://deanlin.net/tags/demo/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>社死現場！產品在 Demo 給數百人看的時候壞掉</title>
      <link>https://deanlin.net/blog/202404/demo-failure-story/</link>
      <pubDate>Fri, 19 Apr 2024 20:29:27 +0800</pubDate>
      <guid>https://deanlin.net/blog/202404/demo-failure-story/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>職涯成長</category>
      <description>原本我以為，在演講前夕簡報壞掉已經夠倒霉了。 但沒想到，我居然會在 AI 工作坊現場 Demo 產品時，遇到突發性故障。 當下有幾百個人等著看我接下來的操作步驟，那場面說多尷尬就有多尷尬。 但我不怕失敗，只怕自己沒有從失敗中學到教訓。</description>
      <media:content url="https://deanlin.net/blog/202404/demo-failure-story/images/demo-failure-story-og_hu_85e6d8e68d586281.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p>原本我以為，<a href="https://deanlin.net/blog/202404/presentation-disaster-prevention/">在演講前夕簡報壞掉</a>已經夠倒霉了。</p>
<p>但沒想到，我居然會在 AI 工作坊現場 Demo 產品時，遇到突發性故障。</p>
<p><img src="https://deanlin.net/blog/202404/demo-failure-story/images/demo-failure-story-01.webp" width="1148" height="635" alt="社死現場！產品在 Demo 給數百人看的時候壞掉（圖 1）" fetchpriority="high" decoding="async"></p>
<p>當下有幾百個人等著看我接下來的操作步驟，那場面說多尷尬就有多尷尬。</p>
<p>我不怕失敗，只怕自己沒有從失敗中學到教訓。</p>
<p>這篇文章整理了在這個案例中，我做對了什麼，以及我做錯了什麼。</p>
<hr>
<h2 id="我做對了什麼">我做對了什麼？<a class="h-anchor" href="#%e6%88%91%e5%81%9a%e5%b0%8d%e4%ba%86%e4%bb%80%e9%ba%bc" aria-label="這個段落的連結"></a></h2>
<p>我自認為是一個非常細心的講師，在我準備的講義中：</p>
<ol>
<li>有課程所有需要使用到的一切素材（ex: 圖片、影片、文字、音頻…）</li>
<li>所有操作步驟的詳細截圖</li>
<li>重要的技巧除了 Demo 外，還會在講義中註明</li>
</ol>
<p>我追求的是，讓學員只要複製貼上講義的內容，就能體驗 AI 工具的強大。</p>
<p>而且在講課前，我會自己再全部測試一遍，確保萬無一失。</p>
<hr>
<h2 id="我做錯了什麼">我做錯了什麼？<a class="h-anchor" href="#%e6%88%91%e5%81%9a%e9%8c%af%e4%ba%86%e4%bb%80%e9%ba%bc" aria-label="這個段落的連結"></a></h2>
<p>但人生沒有劇本，無論準備的多完善都可能遇到突發狀況。</p>
<p>這次問題出在課程素材的挑選上，我沒考慮到：</p>
<ol>
<li>當數百人同時操作時，產品是否能承受這個人數壓力</li>
<li>新創公司推出的產品也許很棒，但可能不是那麼穩定</li>
</ol>
<p>像這次我在 Demo 產品時，因為有數百名學員同步操作，導致系統無法承受壓力而壞掉。</p>
<hr>
<h2 id="未來我會怎麼做">未來我會怎麼做？<a class="h-anchor" href="#%e6%9c%aa%e4%be%86%e6%88%91%e6%9c%83%e6%80%8e%e9%ba%bc%e5%81%9a" aria-label="這個段落的連結"></a></h2>
<p>雖然在 Demo 時壞掉很尷尬，但幸好我的講義有把所有步驟詳細記錄。</p>
<p>儘管無法現場 Demo，但至少讓學員在課後操作時有一個參考依據。</p>
<p>而下面是我要改善的部分：</p>
<ol>
<li>減少用新創公司推出的產品來當教材</li>
<li>若真的要使用新創公司的產品，以自己 Demo 展示為主</li>
<li>安排教材時須考量學員人數，有些產品在數百人同時操作下會壞掉</li>
</ol>
<p>如果這次失敗的經驗能給大家帶來一些警惕，那就值得了。</p>
<a class="linkcard" href="https://deanlin.net/series/my-story/">
  <span class="lc-body">
    <span class="lc-title">那些我走過的路與故事</span>
    <span class="lc-desc">2022 年寫下的自傳系列：從高職、大學、軍旅到第一份工作，記錄一個工程師一路走來的選擇與轉折。</span>
    <span class="lc-site"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 6l6 6-6 6"/></svg>林鼎淵 Dean Lin</span>
  </span>
</a>

]]></content:encoded>
    </item>
    <item>
      <title>超實用！AI 繪圖的 5 個應用場景（DALL·E 3、Midjourney）</title>
      <link>https://deanlin.net/blog/202312/ai-image-use-cases/</link>
      <pubDate>Tue, 26 Dec 2023 13:07:15 +0800</pubDate>
      <guid>https://deanlin.net/blog/202312/ai-image-use-cases/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>AI 實戰</category>
      <description>今年過節時，筆者收到的賀圖有 60% 都是 AI 繪製的 🤖 所以開始統整 AI 繪圖常見的應用面向「產品概念圖、創意梗圖、諧音梗圖、文件配圖、節日賀圖」與 Prompt 技巧。 這篇文章會用 DALL·E 3 及 Midjourney 產出，讓大家感受兩者的差差異。</description>
      <media:content url="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-og_hu_d798b72345865cf3.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p>今年過節時，筆者收到的賀圖有 60% 都是 AI 繪製的 🤖</p>
<p>因為感受到 AI 繪圖逐漸普及，所以我開始統整 AI 繪圖常見的應用面向「產品概念圖、創意梗圖、諧音梗圖、文件配圖、節日賀圖」，以及下指令 (Prompt) 的技巧。</p>
<p>這篇文章中，每個面向都會用 DALL·E 3（左）及 Midjourney（右）產出，讓大家感受兩者的差異，並在文末分享自己的感受。</p>
<p><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-01.webp" width="1093" height="615" alt="超實用！AI 繪圖的 5 個應用場景（DALL·E 3、Midjourney）（圖 1）" fetchpriority="high" decoding="async"></p>
<h2 id="產品概念圖-">產品概念圖 🎨<a class="h-anchor" href="#%e7%94%a2%e5%93%81%e6%a6%82%e5%bf%b5%e5%9c%96-" aria-label="這個段落的連結"></a></h2>
<p>如果要自己從 0 開始繪製草圖很花時間，但如果透過 AI 先產生概念圖，然後讓客戶選擇自己喜歡的風格，就能大幅降低溝通上的成本，並減少重工次數。</p>
<p>我覺得這是大多數產業可以應用的面向，下面分享幾個案例。</p>
<h3 id="網頁概念圖-">網頁概念圖 💻<a class="h-anchor" href="#%e7%b6%b2%e9%a0%81%e6%a6%82%e5%bf%b5%e5%9c%96-" aria-label="這個段落的連結"></a></h3>
<p>說明網站的主題（fitness）、風格（energetic）、配色（green color）。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-02.webp" width="1024" height="1024" alt="網頁概念圖 💻（圖 2）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-03.webp" width="1024" height="1024" alt="網頁概念圖 💻（圖 3）" loading="lazy" decoding="async">
</figure>


</div>

<h3 id="香水創意攝影-">香水創意攝影 📸<a class="h-anchor" href="#%e9%a6%99%e6%b0%b4%e5%89%b5%e6%84%8f%e6%94%9d%e5%bd%b1-" aria-label="這個段落的連結"></a></h3>
<p>加上奢華（luxury）、廣告（ads）這類關鍵字能讓畫面更好的呈現。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-04.webp" width="1024" height="1024" alt="香水創意攝影 📸（圖 4）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-05.webp" width="1024" height="1024" alt="香水創意攝影 📸（圖 5）" loading="lazy" decoding="async">
</figure>


</div>

<h3 id="室內裝潢-">室內裝潢 🏠<a class="h-anchor" href="#%e5%ae%a4%e5%85%a7%e8%a3%9d%e6%bd%a2-" aria-label="這個段落的連結"></a></h3>
<p>陳述要呈現的場景（Hotel），並搭配設計風格與設計師（Kelly Hoppen）</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-06.webp" width="1024" height="1024" alt="室內裝潢 🏠（圖 6）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-07.webp" width="1024" height="1024" alt="室內裝潢 🏠（圖 7）" loading="lazy" decoding="async">
</figure>


</div>

<h3 id="美食商業攝影-">美食商業攝影 🍲<a class="h-anchor" href="#%e7%be%8e%e9%a3%9f%e5%95%86%e6%a5%ad%e6%94%9d%e5%bd%b1-" aria-label="這個段落的連結"></a></h3>
<p>搭配美味（deliciously）、細節（detailed）、拍攝技法（50mm lens with cinematic lighting）等關鍵字，可以讓食物呈現得更真實與好吃。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-08.webp" width="1024" height="1024" alt="美食商業攝影 🍲（圖 8）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-09.webp" width="1024" height="1024" alt="美食商業攝影 🍲（圖 9）" loading="lazy" decoding="async">
</figure>


</div>

<hr>
<h2 id="創意梗圖-">創意梗圖 😂<a class="h-anchor" href="#%e5%89%b5%e6%84%8f%e6%a2%97%e5%9c%96-" aria-label="這個段落的連結"></a></h2>
<p>在過去，如果沒有美術的基礎，就算腦中有想法也無法輸出。</p>
<p>但得益於 AI，只要我們有能力描繪出腦海中的畫面，就能產生一個又一個創意梗圖 😆</p>
<h3 id="尼安德特人自拍-">尼安德特人自拍 🤳<a class="h-anchor" href="#%e5%b0%bc%e5%ae%89%e5%be%b7%e7%89%b9%e4%ba%ba%e8%87%aa%e6%8b%8d-" aria-label="這個段落的連結"></a></h3>
<p>這是一種科技錯位的表現，我搭配自拍（selfie）這個關鍵字。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-10.webp" width="1024" height="1024" alt="尼安德特人自拍 🤳（圖 10）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-11.webp" width="1024" height="1024" alt="尼安德特人自拍 🤳（圖 11）" loading="lazy" decoding="async">
</figure>


</div>

<h3 id="趙子龍單騎救主-">趙子龍單騎救主 🐱<a class="h-anchor" href="#%e8%b6%99%e5%ad%90%e9%be%8d%e5%96%ae%e9%a8%8e%e6%95%91%e4%b8%bb-" aria-label="這個段落的連結"></a></h3>
<p>你也可以重新抒寫歷史，讓長板坡上救回來的是貓主子。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-12.webp" width="1024" height="1024" alt="趙子龍單騎救主 🐱（圖 12）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-13.webp" width="1024" height="1024" alt="趙子龍單騎救主 🐱（圖 13）" loading="lazy" decoding="async">
</figure>


</div>

<hr>
<h2 id="諧音梗圖-">諧音梗圖 🎵<a class="h-anchor" href="#%e8%ab%a7%e9%9f%b3%e6%a2%97%e5%9c%96-" aria-label="這個段落的連結"></a></h2>
<p>這跟創意梗圖類似，不過更重視文字與圖片的連結性，並且與地區文化相關聯 🌐</p>
<h3 id="戰鬥雞-">戰鬥雞 🐔<a class="h-anchor" href="#%e6%88%b0%e9%ac%a5%e9%9b%9e-" aria-label="這個段落的連結"></a></h3>
<p>讓動物擬人化也是一種創意的面向，這邊我主要是描述雞身上會配戴的裝備（盔甲、武器），以及情境（戰場）。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-14.webp" width="1024" height="1024" alt="戰鬥雞 🐔（圖 14）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-15.webp" width="1024" height="1024" alt="戰鬥雞 🐔（圖 15）" loading="lazy" decoding="async">
</figure>


</div>

<h3 id="烤骨隊-">烤骨隊 🍖<a class="h-anchor" href="#%e7%83%a4%e9%aa%a8%e9%9a%8a-" aria-label="這個段落的連結"></a></h3>
<p>要特別注意血腥恐怖的詞彙容易審查不過關，所以我這邊是改用玩具（toys）的方式來繞過去。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-16.webp" width="1024" height="1024" alt="烤骨隊 🍖（圖 16）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-17.webp" width="1024" height="1024" alt="烤骨隊 🍖（圖 17）" loading="lazy" decoding="async">
</figure>


</div>

<hr>
<h2 id="文件配圖-">文件配圖 📄<a class="h-anchor" href="#%e6%96%87%e4%bb%b6%e9%85%8d%e5%9c%96-" aria-label="這個段落的連結"></a></h2>
<p>如果文件、簡報只有滿滿的文字，我相信沒有幾個人可以堅持看下去。</p>
<p>過去我們需要去網路上找素材搭配，但現在直接請 AI 生成對應的素材就好了。</p>
<h3 id="堆積如山的資料-">堆積如山的資料 🗂️<a class="h-anchor" href="#%e5%a0%86%e7%a9%8d%e5%a6%82%e5%b1%b1%e7%9a%84%e8%b3%87%e6%96%99-" aria-label="這個段落的連結"></a></h3>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-18.webp" width="1024" height="1024" alt="堆積如山的資料 🗂️（圖 18）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-19.webp" width="1024" height="1024" alt="堆積如山的資料 🗂️（圖 19）" loading="lazy" decoding="async">
</figure>


</div>

<h3 id="上班族被工作淹沒-">上班族被工作淹沒 💼<a class="h-anchor" href="#%e4%b8%8a%e7%8f%ad%e6%97%8f%e8%a2%ab%e5%b7%a5%e4%bd%9c%e6%b7%b9%e6%b2%92-" aria-label="這個段落的連結"></a></h3>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-20.webp" width="1024" height="1024" alt="上班族被工作淹沒 💼（圖 20）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-21.webp" width="1024" height="1024" alt="上班族被工作淹沒 💼（圖 21）" loading="lazy" decoding="async">
</figure>


</div>

<hr>
<h2 id="節日賀圖">節日賀圖<a class="h-anchor" href="#%e7%af%80%e6%97%a5%e8%b3%80%e5%9c%96" aria-label="這個段落的連結"></a></h2>
<p>我想這應該是最常見的應用，你可以為每個節日生成專屬的 AI 賀卡 💌</p>
<h3 id="農曆春節-">農曆春節 🐉<a class="h-anchor" href="#%e8%be%b2%e6%9b%86%e6%98%a5%e7%af%80-" aria-label="這個段落的連結"></a></h3>
<p>這邊透過指定顏色（red）的光（luminescent）搭配黑色背景（black background）來勾勒出圖像主題（dragon）。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-22.webp" width="1024" height="1024" alt="農曆春節 🐉（圖 22）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-23.webp" width="1024" height="1024" alt="農曆春節 🐉（圖 23）" loading="lazy" decoding="async">
</figure>


</div>

<h3 id="中秋節-">中秋節 🌕<a class="h-anchor" href="#%e4%b8%ad%e7%a7%8b%e7%af%80-" aria-label="這個段落的連結"></a></h3>
<p>在人物上，你可以指定性別年齡（26 歲台灣女性）、服裝（和服）、姿勢（拿月餅）。這邊我有再搭配背景（中式建築欄杆、左上一輪明月）來呈現中秋節的感覺。</p>
<p>另外用 photoreality、真實光線，4K 畫面這類關鍵詞，可以增加擬真度。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-24.webp" width="1024" height="1024" alt="中秋節 🌕（圖 24）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-25.webp" width="1024" height="1024" alt="中秋節 🌕（圖 25）" loading="lazy" decoding="async">
</figure>


</div>

<hr>
<h2 id="結語">結語<a class="h-anchor" href="#%e7%b5%90%e8%aa%9e" aria-label="這個段落的連結"></a></h2>
<p>從圖片的細緻度、真實感來評斷，我個人覺得 Midjourney 的平均表現比較好；但論操作的容易度，DALL·E 3 大勝 ✨</p>
<p>不過 AI 繪圖有很高的隨機性 🎲，大家看到別人很棒的繪圖成果，很多都是從幾十甚至上百次結果中精挑細選出來的。</p>
<p>好的 Prompt 與大量嘗試能產出更好的結果，這篇文章僅是拋磚引玉，舉出幾個常見的應用分享給大家，也歡迎留言分享自己的應用場景，我相信透過彼此的交流能激發更多的想法 🔄</p>
<a class="linkcard" href="https://deanlin.net/categories/ai/">
  <span class="lc-body">
    <span class="lc-title">AI 實戰</span>
    <span class="lc-desc">實測生成式 AI 工具、Vibe Coding 與自動化流程的第一手心得，把 AI 變成每天都用得上的即戰力。</span>
    <span class="lc-site"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 6l6 6-6 6"/></svg>林鼎淵 Dean Lin</span>
  </span>
</a>

<p><strong>想將 AI 導入自己的職場與生活嗎？歡迎<a href="https://www.books.com.tw/products/0011004216">購買筆者出版的新書</a></strong>，幫助您<strong>在 AI 的浪潮中站穩腳步，並在未來的職場競爭中佔據優勢！</strong></p>
<figure class="figure"><img src="https://deanlin.net/blog/202312/ai-image-use-cases/images/ai-image-use-cases-26.webp" width="1400" height="319" alt="林鼎淵著作《ChatGPT 與 AI 繪圖效率大師（新增 Copilot、Gamma、Runway、Suno）》" loading="lazy" decoding="async">
  <figcaption><a href="https://www.books.com.tw/products/0011004216">https://www.books.com.tw/products/0011004216</a></figcaption>
</figure>

]]></content:encoded>
    </item>
    <item>
      <title>[職場]不放過每個細節，完成一場 0 失誤的專案 Demo！</title>
      <link>https://deanlin.net/blog/202110/fullstack-career-notes-day-27/</link>
      <pubDate>Tue, 12 Oct 2021 08:20:07 +0800</pubDate>
      <guid>https://deanlin.net/blog/202110/fullstack-career-notes-day-27/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>職涯成長</category>
      <description>每份專案都是團隊盡心竭力的成果，而 Demo 就是向長官及其他部門展示團隊實力的重要時刻！</description>
      <media:content url="https://deanlin.net/blog/202110/fullstack-career-notes-day-27/images/cover_hu_ff80f4214fd4881b.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p>每份專案都是團隊盡心竭力的成果，而 Demo 就是<mark>向長官及其他部門展示團隊實力的重要時刻！</mark></p>
<p>但如果在 Demo 時發生意外，不但會影響發表的成效，<mark>嚴重點甚至會影響到整個團隊的考績與年終</mark>。</p>
<p>為了避免憾事發生，筆者將在這篇文章講解專案 Demo 時的種種細節與技巧，並分享過往遇到的問題及解決方案，希望大家日後在 Demo 時都可以展現專案最好的一面。</p>
<h2 id="大綱">大綱<a class="h-anchor" href="#%e5%a4%a7%e7%b6%b1" aria-label="這個段落的連結"></a></h2>
<ol>
<li><strong>保證現場 Demo 穩定度，不打沒把握的仗</strong>
<ul>
<li>1.1 Demo 前要盡可能的測試</li>
<li>1.2 同事間的預演</li>
<li>1.3 只用一台電腦做 Demo</li>
<li>1.4 穿著得體、統一</li>
</ul>
</li>
<li><strong>邀請「對」的人，不是「多」的人</strong></li>
<li><strong>選擇合適的會議室</strong>
<ul>
<li>3.1 會議室的座位只能多不能少</li>
<li>3.2 將觀看 Demo 的最佳座位安排給 Key man</li>
<li>3.3 測試現場投影機，並確認網路環境</li>
<li>3.4 讓每個要上台 Demo 的人在講台試講一小段</li>
<li>3.5 預定會議室</li>
</ul>
</li>
<li><strong>在 Demo 過程中要注意的事項</strong>
<ul>
<li>4.1 記得關閉會干擾 Demo 的軟體、網頁</li>
<li>4.2 現場燈光控制</li>
<li>4.3 讓每段 Demo 的時間都在掌控之內</li>
<li>4.4 記得帶筆記本上台</li>
<li>4.5 安排中場休息時間</li>
</ul>
</li>
<li><strong>遠端 Demo 前要確認的清單</strong>
<ul>
<li>5.1 確認雙方的畫面與聲音穩定性</li>
<li>5.2 確認自己的網速是否足夠</li>
</ul>
</li>
</ol>
<hr>
<h2 class="h-nomark" id="1-保證現場-demo-穩定度不打沒把握的仗">1. 保證現場 Demo 穩定度，不打沒把握的仗<a class="h-anchor" href="#1-%e4%bf%9d%e8%ad%89%e7%8f%be%e5%a0%b4-demo-%e7%a9%a9%e5%ae%9a%e5%ba%a6%e4%b8%8d%e6%89%93%e6%b2%92%e6%8a%8a%e6%8f%a1%e7%9a%84%e4%bb%97" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>穩定比表現的突出更重要。</p>
</blockquote>
<h3 class="h-nomark" id="11-demo-前要盡可能的測試">1.1 Demo 前要盡可能的測試<a class="h-anchor" href="#11-demo-%e5%89%8d%e8%a6%81%e7%9b%a1%e5%8f%af%e8%83%bd%e7%9a%84%e6%b8%ac%e8%a9%a6" aria-label="這個段落的連結"></a></h3>
<p>如果在 Demo 現場專案出包，你講的內容再好都無力回天了。</p>
<ul>
<li><strong>尋找可能存在的錯誤</strong><br>就算專案已經通過測試部門的審核，我還是強烈建議<mark>正式 Demo 前要窮盡各種可能來測試專案</mark>；萬一你真的發現錯誤，就算無法及時修正，至少可以避免 Demo 時操作到這個部分。</li>
<li><strong>只 Demo 絕對不會出錯的內容</strong><br><mark>重點：全部都要按造 SOP，絕對不要即興發揮！</mark><br>功能越多的專案，在 Demo 時就越要謹慎；如果你每次操作的路線都不一樣，<mark>萬一你在 Demo 現場把 Bug 測出來就真的完蛋了</mark>。<br>不要認為自己沒有這麼衰，筆者已經親眼見證過好幾次地獄倒霉鬼的誕生了；所以建議：「<mark>乖乖的按照 SOP 來做 Demo，並且至少跑 3 輪，確認專案在這個流程絕對不會發生意外。</mark>」</li>
</ul>
<hr>
<h3 class="h-nomark" id="12-同事間的預演">1.2 同事間的預演<a class="h-anchor" href="#12-%e5%90%8c%e4%ba%8b%e9%96%93%e7%9a%84%e9%a0%90%e6%bc%94" aria-label="這個段落的連結"></a></h3>
<p>有時專案 Demo 會讓同事輪流上台演示自己負責的 Feature；這邊說一下<mark>預演的重要性</mark>：</p>
<ul>
<li>
<p><strong>預估每個人 Demo 所需的時間</strong><br>Demo 都是有時間限制的，如果某個人 Demo 的時間太長，會壓縮到其他人的時間。</p>
<blockquote>
<p>在大約了解每個人 Demo 需要的時間後，也比較好制定議程。</p>
</blockquote>
</li>
<li>
<p><strong>知道彼此會講的內容</strong><br>預演能讓其他同事知道你 Demo 時要講的內容，如果當天不幸發生了什麼變故還能協助支援。</p>
</li>
<li>
<p><strong>微調內容</strong><br>基本上第一次預演會發現很多問題（ex：口條不流暢、內容不連貫&hellip;），需要彼此互相提醒才能在當天有好的表現。</p>
</li>
</ul>
<hr>
<h3 class="h-nomark" id="13-只用一台電腦做-demo">1.3 只用一台電腦做 Demo<a class="h-anchor" href="#13-%e5%8f%aa%e7%94%a8%e4%b8%80%e5%8f%b0%e9%9b%bb%e8%85%a6%e5%81%9a-demo" aria-label="這個段落的連結"></a></h3>
<p><mark>如果需要輪流上台請將資料都存到一台電腦上面</mark>，下面列舉在 Demo 過程中換電腦的缺點：</p>
<ul>
<li><strong>壓縮 Demo 的時間長度</strong><br>換一次電腦在快也要 30 秒，如果有 5 個人要上台就浪費了 2 分 30 秒。</li>
<li><strong>打斷會議流暢程度</strong><br>每換一次電腦，投影幕畫面就會跳掉一次，這容易導致台下觀眾思緒抽離。</li>
<li><strong>未知的風險</strong><br>換電腦可能導致投影幕有色偏、斷訊、閃爍的問題，雖然這不是專案本身的問題；但也容易遭到台下觀眾質疑團隊的專業能力。</li>
</ul>
<hr>
<h3 class="h-nomark" id="14-穿著得體統一">1.4 穿著得體、統一<a class="h-anchor" href="#14-%e7%a9%bf%e8%91%97%e5%be%97%e9%ab%94%e7%b5%b1%e4%b8%80" aria-label="這個段落的連結"></a></h3>
<ul>
<li>
<p><strong>第一印象很重要</strong><br>建議男生襯衫西褲、女生職業套裝；千萬不要因為邋遢的打扮讓自己的專業被扣分。</p>
</li>
<li>
<p><strong>穿著盡量統一</strong><br>如果每個人上台的穿著差異太大，可能<mark>導致觀眾把焦點轉移到人，而非在 Demo 的專案</mark>；所以這塊請事先溝通，最常見的是黑白搭配。</p>
</li>
<li>
<p><strong>不要有異味</strong><br>有些人的汗腺較為發達，在夏天及緊張的環境更容易出汗；筆者建議隨身攜帶香水，讓觀眾在舒服的狀態下參與專案 Demo。</p>
<blockquote>
<p>在空氣不流通的會議室，這個問題更加明顯。</p>
</blockquote>
</li>
</ul>
<hr>
<h2 class="h-nomark" id="2-邀請對的人不是多的人">2. 邀請「對」的人，不是「多」的人<a class="h-anchor" href="#2-%e9%82%80%e8%ab%8b%e5%b0%8d%e7%9a%84%e4%ba%ba%e4%b8%8d%e6%98%af%e5%a4%9a%e7%9a%84%e4%ba%ba" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>事半功倍 VS 事倍功半</p>
</blockquote>
<ul>
<li><strong>重要的長官一定要出席</strong><br><mark>Demo 的日期以 Key man 能參與的時間為主</mark>，如果最關鍵的 Key man 無法出席，你這次的 Demo 可以說有一半以上的意義都沒有了；因為就算有代理人出席，他也只能做到轉述，而轉述的效果就跟你分享電影情節給朋友的感覺差不多。</li>
<li><strong>不要邀請一堆無關的閒雜人等</strong><br>有些會議為了要做排場給長官看，就邀請了一堆跟專案無關的人參與；這樣的做法除了會引起他人的反感外，甚至<mark>會造成台下一堆人在滑手機、做自己的事</mark>。</li>
</ul>
<hr>
<h2 class="h-nomark" id="3-選擇合適的會議室">3. 選擇合適的會議室<a class="h-anchor" href="#3-%e9%81%b8%e6%93%87%e5%90%88%e9%81%a9%e7%9a%84%e6%9c%83%e8%ad%b0%e5%ae%a4" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>如果可以絕對要提前場勘，不然很容易死得不明不白。</p>
</blockquote>
<h3 class="h-nomark" id="31-會議室的座位只能多不能少">3.1 會議室的座位只能多不能少<a class="h-anchor" href="#31-%e6%9c%83%e8%ad%b0%e5%ae%a4%e7%9a%84%e5%ba%a7%e4%bd%8d%e5%8f%aa%e8%83%bd%e5%a4%9a%e4%b8%8d%e8%83%bd%e5%b0%91" aria-label="這個段落的連結"></a></h3>
<ul>
<li><strong>確認參與會議的實際人數</strong><br>確認 Key man 可以參與的日期與時間後，再邀請與專案相關的人員一起參與會議；<mark>切記會議通知並不是發出去就沒事了，在會議開始的前 2 天，你要再次確認實際參與人數</mark>。</li>
<li><strong>到現場確認有效座位</strong><br>有些會議室的結構比較特殊，<mark>部分的位置是看不到講台的</mark>，這塊在場勘的時候要特別注意。</li>
<li><strong>保留 20% 的座位</strong><br>除了收到會議通知的人會來參加外，有時會有不在你邀請名單的長官或是同事出席；因此建議預留 20% 的空位給臨時參與的人。</li>
</ul>
<hr>
<h3 class="h-nomark" id="32-將觀看-demo-的最佳座位安排給-key-man">3.2 將觀看 Demo 的最佳座位安排給 Key man<a class="h-anchor" href="#32-%e5%b0%87%e8%a7%80%e7%9c%8b-demo-%e7%9a%84%e6%9c%80%e4%bd%b3%e5%ba%a7%e4%bd%8d%e5%ae%89%e6%8e%92%e7%b5%a6-key-man" aria-label="這個段落的連結"></a></h3>
<ul>
<li>
<p><strong>了解哪些座位擁有黃金視角</strong><br>因為大部分的會議室都是平面的，基本上只有前幾排可以看得清楚投影幕與 Demo 成員；你需要在<mark>場勘時就掌握會議室的座位圖，並了解哪些座位擁有黃金視角</mark>。</p>
</li>
<li>
<p><strong>在入口處有專人引導</strong><br>為了保證 Key man 是坐在觀看 Demo 的黃金視角，筆者會建議安排<mark>專人負責引導 Key man 到座位上</mark>。</p>
<blockquote>
<p>也可以放座位名牌避免同仁誤坐。</p>
</blockquote>
</li>
</ul>
<hr>
<h3 class="h-nomark" id="33-測試現場投影機並確認網路環境">3.3 測試現場投影機，並確認網路環境<a class="h-anchor" href="#33-%e6%b8%ac%e8%a9%a6%e7%8f%be%e5%a0%b4%e6%8a%95%e5%bd%b1%e6%a9%9f%e4%b8%a6%e7%a2%ba%e8%aa%8d%e7%b6%b2%e8%b7%af%e7%92%b0%e5%a2%83" aria-label="這個段落的連結"></a></h3>
<ul>
<li><strong>測試投影機注意事項</strong>
<ul>
<li><mark>一定要用當天 Demo 的電腦測試</mark>，確認是否可以順利投影，以及投影的畫面是否有模糊、字體太小、色偏…等問題。</li>
<li>同時記得<mark>確認投影機轉接頭</mark>是 HDMI 還是 RS232，現場是否有提供轉接頭還是要自己準備。</li>
</ul>
</li>
<li><strong>網路環境注意事項</strong>
<ul>
<li>
<p>是否<mark>有穩定的 Wi-Fi 或是網路線連接口</mark>，建議拿當天會用的電腦直接<code>測速</code>會比較安全。</p>
<blockquote>
<p>有些公司的網路只能連接內網，如果你 Demo 會用到外網也須特別注意。</p>
</blockquote>
</li>
<li>
<p>有些會議室的收訊不佳，建議也要<mark>測試自己手機熱點的網速</mark>是否穩定。</p>
</li>
</ul>
</li>
</ul>
<hr>
<h3 class="h-nomark" id="34-讓每個要上台-demo-的人在講台試講一小段">3.4 讓每個要上台 Demo 的人在講台試講一小段<a class="h-anchor" href="#34-%e8%ae%93%e6%af%8f%e5%80%8b%e8%a6%81%e4%b8%8a%e5%8f%b0-demo-%e7%9a%84%e4%ba%ba%e5%9c%a8%e8%ac%9b%e5%8f%b0%e8%a9%a6%e8%ac%9b%e4%b8%80%e5%b0%8f%e6%ae%b5" aria-label="這個段落的連結"></a></h3>
<ul>
<li><strong>確認聲音大小</strong><br>每個人說話的聲音大小不同，同一個場地有人需要麥克風有人不需要，所以可以藉由試講來確認。<br>另外<mark>如果場地較大，就算你的音量足夠也建議使用麥克風</mark>，因為很多場地有回音的問題。</li>
<li><strong>熟悉講台的視角與站位</strong><br>如果有機會，建議要先上去熟悉講台的視角，這個動作可以<mark>消除部分恐慌的情緒</mark>。<br>有些 Demo 會需要多人站在講台上，這部分一定要在現場走位過，<mark>不然很容易擋到投影幕以及要 Demo 的產品</mark>。</li>
</ul>
<hr>
<h3 class="h-nomark" id="35-預定會議室">3.5 預定會議室<a class="h-anchor" href="#35-%e9%a0%90%e5%ae%9a%e6%9c%83%e8%ad%b0%e5%ae%a4" aria-label="這個段落的連結"></a></h3>
<p>這邊筆者分享一些定會議室的注意事項：</p>
<ul>
<li><strong>一定要提早訂</strong><br>這種重要會議筆者一般會<mark>提前兩個禮拜預定會議室</mark>，因為公司通常沒有太多合適的大會議室。</li>
<li><strong>確認會議時間沒有與公司例會衝突</strong><br>如果你專案的 Demo 時間與公司例會衝突，有可能<mark>導致部分原本會來的長官缺席</mark>，所以記得把時間排開。</li>
<li><strong>保留緩衝時間</strong><br>除了 Demo 的時間外，<mark>前後都至少要留 1 小時</mark>來做緩衝。
<ul>
<li>如果會議室上一批人剛使用完，可能需要進行場復作業。</li>
<li>提早到可以再次確認與熟悉場地環境。</li>
<li>後面多留一小時，是因為通常專案 Demo 都會 Delay 一點；並且讓會後交流的時間更充裕。</li>
</ul>
</li>
</ul>
<hr>
<h2 class="h-nomark" id="4-在-demo-過程中要注意的事項">4. 在 Demo 過程中要注意的事項<a class="h-anchor" href="#4-%e5%9c%a8-demo-%e9%81%8e%e7%a8%8b%e4%b8%ad%e8%a6%81%e6%b3%a8%e6%84%8f%e7%9a%84%e4%ba%8b%e9%a0%85" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>這塊 PM 需要適時的去協助</p>
</blockquote>
<h3 class="h-nomark" id="41-記得關閉會干擾-demo-的軟體網頁">4.1 記得關閉會干擾 Demo 的軟體、網頁<a class="h-anchor" href="#41-%e8%a8%98%e5%be%97%e9%97%9c%e9%96%89%e6%9c%83%e5%b9%b2%e6%93%be-demo-%e7%9a%84%e8%bb%9f%e9%ab%94%e7%b6%b2%e9%a0%81" aria-label="這個段落的連結"></a></h3>
<p>如果在 Demo 過程中跳出奇怪的訊息是非常尷尬的，而且訊息不斷跳出的提示音也很吵；<mark>Demo 時千萬不要犯下如此低級的錯誤</mark>。</p>
<p>下面列出幾個常用的的軟體、網頁：</p>
<ul>
<li><strong>通訊軟體</strong><br>LINE、Messager、WeChat&hellip;<br>只要你的好朋友剛好在這個時間點傳送奇怪的訊息，你的個人隱私就會直接顯示在大螢幕上。</li>
<li><strong>郵件</strong><br>我發現很多人都會忘記關閉郵件，筆者之前就曾看過同事 Demo 到一半，螢幕右上角跳出信件通知，<mark>主旨是：「XXX 公司錄取通知」</mark>；當時台下還有總經理，畫面有多尷尬我就不說了。</li>
<li><strong>社群網頁</strong><br>Facebook、LinkedIn、Twitter&hellip;<br>千萬不要忘記關閉社群網頁，他們的提示音也是很吵的。</li>
</ul>
<hr>
<h3 class="h-nomark" id="42-現場燈光控制">4.2 現場燈光控制<a class="h-anchor" href="#42-%e7%8f%be%e5%a0%b4%e7%87%88%e5%85%89%e6%8e%a7%e5%88%b6" aria-label="這個段落的連結"></a></h3>
<p>在 Demo 過程中，你可以透過燈控引導觀眾的注意力，筆者大概分成 3 種：</p>
<ul>
<li><strong>只開講台燈（舞台燈）</strong><br>需要觀眾將<mark>注意力放在講者或是產品身上的時候</mark>，通常是講者剛上台做自我介紹，或是要展示產品的時候。</li>
<li><strong>只開最後一排的燈</strong><br>希望觀眾<mark>仔細聆聽簡報的時候</mark>，在這樣的燈光下，有需要做筆記的人還是可以記錄。<br>筆者不選擇將燈全關是因為：
<ul>
<li>有些人的眼睛在全暗的狀態下看發光物體會有不適感。</li>
<li>如果講者的表達能力不佳，在全暗的環境中台下會睡成一片。</li>
</ul>
</li>
<li><strong>全亮</strong><br>簡報結束<mark>與觀眾互動的環節</mark>，這樣講者與觀眾的互動比較友善。</li>
</ul>
<hr>
<h3 class="h-nomark" id="43-讓每段-demo-的時間都在掌控之內">4.3 讓每段 Demo 的時間都在掌控之內<a class="h-anchor" href="#43-%e8%ae%93%e6%af%8f%e6%ae%b5-demo-%e7%9a%84%e6%99%82%e9%96%93%e9%83%bd%e5%9c%a8%e6%8e%8c%e6%8e%a7%e4%b9%8b%e5%85%a7" aria-label="這個段落的連結"></a></h3>
<p>有些與會者會不停拋出問題或意見來打斷 Demo 的過程，如果沒有阻止，<mark>會導致 Demo 時間脫離掌控</mark>。</p>
<p>這邊筆者建議<mark>引導他們等 Demo 結束後再發問</mark>，比如：「不好意思，我這邊先完成專案的 Demo，讓大家對專案有一個整體的概念；也許接下來的操作就能解釋您心中的疑惑，如果沒有，在 Demo 結束後我再回答您的問題。」</p>
<hr>
<h3 class="h-nomark" id="44-記得帶筆記本上台">4.4 記得帶筆記本上台<a class="h-anchor" href="#44-%e8%a8%98%e5%be%97%e5%b8%b6%e7%ad%86%e8%a8%98%e6%9c%ac%e4%b8%8a%e5%8f%b0" aria-label="這個段落的連結"></a></h3>
<p>通常在 Demo 的過程都是<mark>使用鏡像螢幕</mark>，因此在遇到發問時，<mark>你不方便使用電腦來記錄問題</mark>。</p>
<p>如果你<mark>在講台上用手機來紀錄問題，畫面也不太好看</mark>；所以筆者建議帶一本筆記本上台，好處有：</p>
<ul>
<li>
<p><strong>快速筆記</strong><br>有些人一次會拋出 4、5 個問題，如果沒有筆記本輔助，容易有問題遺漏沒回答到。</p>
</li>
<li>
<p><strong>記錄需求</strong><br>Demo 結束後通常會得到很多反饋，如果沒有筆記本，光憑記憶是很難把這些全部記下來的。</p>
<blockquote>
<p>通常會安排一個同事來做會議記錄，雙重保險。</p>
</blockquote>
</li>
<li>
<p><strong>忘詞提示</strong><br>如果你對今天 Demo 的內容不夠熟悉，或是擔心自己緊張忘詞，你可以在上台前將重點記錄在筆記本上。</p>
</li>
</ul>
<hr>
<h3 class="h-nomark" id="45-安排中場休息時間">4.5 安排中場休息時間<a class="h-anchor" href="#45-%e5%ae%89%e6%8e%92%e4%b8%ad%e5%a0%b4%e4%bc%91%e6%81%af%e6%99%82%e9%96%93" aria-label="這個段落的連結"></a></h3>
<p><code>如果議程超過 1.5 小時，絕對要安排休息時間！</code></p>
<p>無論在精彩的 Demo，觀眾的注意力還是有限的；建議 40~50 分鐘就需要休息一下，先讓大家喝杯水，5~10 分鐘後繼續。</p>
<p>這樣可以<mark>讓觀眾整理大腦新接收到的資訊</mark>，而會議主辦方也能利用這個空檔討論下面的<mark>議程是否需要調整</mark>。</p>
<p>如果主辦方沒有安排休息時間，一口氣給他講 2 個小時；相信我，<mark>這絕對是一場失敗的專案 Demo</mark>，因為幾乎沒有人可以維持長時間的注意力，通常這麼做的後果就是觀眾後半段的記憶接近空白。</p>
<hr>
<h2 class="h-nomark" id="5-遠端-demo-前要確認的清單">5. 遠端 Demo 前要確認的清單<a class="h-anchor" href="#5-%e9%81%a0%e7%ab%af-demo-%e5%89%8d%e8%a6%81%e7%a2%ba%e8%aa%8d%e7%9a%84%e6%b8%85%e5%96%ae" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>如果要向國外的客戶 Demo，又或是因為疫情影響需要在家 Demo。</p>
</blockquote>
<h3 class="h-nomark" id="51-確認雙方的畫面與聲音穩定性">5.1 確認雙方的畫面與聲音穩定性<a class="h-anchor" href="#51-%e7%a2%ba%e8%aa%8d%e9%9b%99%e6%96%b9%e7%9a%84%e7%95%ab%e9%9d%a2%e8%88%87%e8%81%b2%e9%9f%b3%e7%a9%a9%e5%ae%9a%e6%80%a7" aria-label="這個段落的連結"></a></h3>
<p>因為是遠端，所以非常吃雙方的網路速度；有時畫面及聲音的延遲會造成溝通上的問題，筆者在正式 Demo 前會用以下方法維護會議品質。</p>
<ul>
<li><strong>主講者自我介紹</strong><br>讓每位主講者先簡單自我介紹，<mark>確認聲音的大小</mark>，避免有些人超大聲有些人超小聲。</li>
<li><strong>只有主講者開麥克風</strong><br>遠端開會時<mark>除了主講者外其他人都要靜音</mark>，不然很容易會有雜訊。</li>
<li><strong>建議購買麥克風，不要靠電腦收音</strong><br>如果有遠端 Demo 的需求，<mark>建議購買專業的麥克風收音</mark>，這樣可以大幅降低周遭環境音（ex：咖啡廳背景音樂、小孩哭鬧聲、鄰居吵架聲…）的干擾。</li>
</ul>
<hr>
<h3 class="h-nomark" id="52-確認自己的網速是否足夠">5.2 確認自己的網速是否足夠<a class="h-anchor" href="#52-%e7%a2%ba%e8%aa%8d%e8%87%aa%e5%b7%b1%e7%9a%84%e7%b6%b2%e9%80%9f%e6%98%af%e5%90%a6%e8%b6%b3%e5%a4%a0" aria-label="這個段落的連結"></a></h3>
<ul>
<li><strong>使用 Wi-Fi 時注意不要互搶流量</strong><br>在家中通常是連接 Wi-Fi，但如果很多人共用這個 Wi-Fi 可能會導致<mark>Demo 品質不穩定</mark>；如果可以，建議大家在 Demo 時請其他人暫停使用 Wi-Fi。</li>
<li><strong>確認自己的頻寬能否 Demo 需要高網速的頁面</strong><br>在載入圖片、影片資源時，會消耗很多的網路流量，這很可能<mark>造成你畫面卡頓甚至靜止</mark>，因此建議你先找朋友測試看看，以保證當天勤務萬全。</li>
</ul>
<hr>
<h3 id="筆者碎碎念">筆者碎碎念<a class="h-anchor" href="#%e7%ad%86%e8%80%85%e7%a2%8e%e7%a2%8e%e5%bf%b5" aria-label="這個段落的連結"></a></h3>
<p><mark>Demo 過程發生的意外，對台下的觀眾而言是一種必然，因為他們只會聽一次而已</mark>；請不要讓這些可以控管的風險毀掉團隊努力的成果，每次 Demo 前都按照這份清單檢核一次吧！</p>
<p>如果大家還有遇到什麼狀況想補充的，請在底下留言告訴我，你無私的分享可以減少 Demo 時悲劇的發生～</p>
<p>感謝大家的閱讀，如果喜歡我的文章可以<code>訂閱</code>接收通知；如果有幫助到你，按<code>Like</code>可以讓我更有寫文的動力，我們明天見～</p>
<h3 id="參考資源">參考資源<a class="h-anchor" href="#%e5%8f%83%e8%80%83%e8%b3%87%e6%ba%90" aria-label="這個段落的連結"></a></h3>
<ol>
<li><a href="https://medium.com/dean-lin/d202f73d485d">專案 Demo 前的準備、細節、技巧(筆者部落格)</a></li>
</ol>
<hr>
<hr>
<blockquote>
<p><img src="https://deanlin.net/blog/202110/fullstack-career-notes-day-27/images/fullstack-career-notes-day-27-01.webp" width="1024" height="233" alt="參考資源（圖 1）" fetchpriority="high" decoding="async"></p>
<p>在許多人的幫助下，本系列文章已成功出版，除了添加新的篇章，更完善了每個案例的應對進退；如果對現在的職涯感到迷茫，也許這本書能帶給你不一樣的觀點～</p>
<p><strong>天瓏書局：</strong> <a href="https://www.tenlong.com.tw/products/9786263334571">https://www.tenlong.com.tw/products/9786263334571</a></p>
</blockquote>
]]></content:encoded>
    </item>
    <item>
      <title>專案 Demo 前的準備、細節、技巧</title>
      <link>https://deanlin.net/blog/202012/project-demo-preparation-tips/</link>
      <pubDate>Thu, 17 Dec 2020 17:33:35 +0800</pubDate>
      <guid>https://deanlin.net/blog/202012/project-demo-preparation-tips/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>團隊合作</category>
      <description>你費盡千辛萬苦與夥伴完成了這份專案，明天就是展示你們成果的時刻！但如果你在 Demo 前忽略了這些細節不但會影響發表的成效，如果發生嚴重意外甚至會影響到你的考績與年終；為了確保每次 Demo 的水平，這篇文章會列出筆者過往 Demo 時遇到的問題及解決方案。</description>
      <media:content url="https://deanlin.net/blog/202012/project-demo-preparation-tips/images/project-demo-preparation-tips-og_hu_ab5835e30f0738e1.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p><img src="https://deanlin.net/blog/202012/project-demo-preparation-tips/images/project-demo-preparation-tips-01.webp" width="1400" height="788" alt="專案 Demo 前的準備、細節、技巧（圖 1）" fetchpriority="high" decoding="async"></p>
<p>你費盡千辛萬苦與夥伴完成了這份專案，明天就是展示你們成果的時刻！但如果你在 Demo 前忽略了這些細節不但會影響發表的成效，如果<strong>發生嚴重意外甚至會影響到你的考績與年終</strong>；為了確保每次 Demo 的水平，這篇文章會列出筆者過往 Demo 時遇到的問題及解決方案。</p>
<p>這篇文章會分成五個部分來說明每次 Demo 前需要注意的細節</p>
<h2 id="一保證現場-demo-效果不打沒把握的仗">一、保證現場 Demo 效果，不打沒把握的仗<a class="h-anchor" href="#%e4%b8%80%e4%bf%9d%e8%ad%89%e7%8f%be%e5%a0%b4-demo-%e6%95%88%e6%9e%9c%e4%b8%8d%e6%89%93%e6%b2%92%e6%8a%8a%e6%8f%a1%e7%9a%84%e4%bb%97" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>穩定比表現的突出更重要</p>
</blockquote>
<h3 id="-demo-前要盡可能的測試">Demo 前要盡可能的測試<a class="h-anchor" href="#-demo-%e5%89%8d%e8%a6%81%e7%9b%a1%e5%8f%af%e8%83%bd%e7%9a%84%e6%b8%ac%e8%a9%a6" aria-label="這個段落的連結"></a></h3>
<p>如果 Demo 現場產品出包你講的內容再好都無力回天了。</p>
<h3 id="-同事間的預演">同事間的預演<a class="h-anchor" href="#-%e5%90%8c%e4%ba%8b%e9%96%93%e7%9a%84%e9%a0%90%e6%bc%94" aria-label="這個段落的連結"></a></h3>
<p>自己組內要先演練過，互相提醒要調整的地方，這個動作能讓其他同事知道你 Demo 時要講的內容，如果很不幸當天發生了什麼變故還能出來擋一下。</p>
<h3 id="-只用一台電腦做-demo">只用一台電腦做 Demo<a class="h-anchor" href="#-%e5%8f%aa%e7%94%a8%e4%b8%80%e5%8f%b0%e9%9b%bb%e8%85%a6%e5%81%9a-demo" aria-label="這個段落的連結"></a></h3>
<p>如果需要輪流上台請將資料都存到一台電腦上面，因為 Demo 過程換電腦不但浪費時間並且會打亂會議的流暢程度，我甚至看過換電腦後有色偏、斷訊、閃爍的問題。</p>
<h3 id="-不要讓頹廢的外型把你的專業扣分">不要讓頹廢的外型把你的專業扣分<a class="h-anchor" href="#-%e4%b8%8d%e8%a6%81%e8%ae%93%e9%a0%b9%e5%bb%a2%e7%9a%84%e5%a4%96%e5%9e%8b%e6%8a%8a%e4%bd%a0%e7%9a%84%e5%b0%88%e6%a5%ad%e6%89%a3%e5%88%86" aria-label="這個段落的連結"></a></h3>
<p>第一印象很重要！上台請穿著得體，並且不要散發異味！</p>
<h2 id="二邀請對的人不是多的人">二、邀請“對”的人，不是”多“的人<a class="h-anchor" href="#%e4%ba%8c%e9%82%80%e8%ab%8b%e5%b0%8d%e7%9a%84%e4%ba%ba%e4%b8%8d%e6%98%af%e5%a4%9a%e7%9a%84%e4%ba%ba" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>事半功倍 VS 事倍功半</p>
</blockquote>
<h3 id="-重要的長官一定要出席">重要的長官一定要出席<a class="h-anchor" href="#-%e9%87%8d%e8%a6%81%e7%9a%84%e9%95%b7%e5%ae%98%e4%b8%80%e5%ae%9a%e8%a6%81%e5%87%ba%e5%b8%ad" aria-label="這個段落的連結"></a></h3>
<p>如果最關鍵的 Key man 如果無法出席，你這次的 Demo 可以說有一半以上的意義都沒有了；因為就算有代理人出席，他也只能做到轉述，實際效果就跟你分享電影情節給朋友差不多。</p>
<p>所以 Demo 的日期時間會以 Key man 能到現場的時間為主。</p>
<h3 id="-不要邀請一堆無關的閒雜人等">不要邀請一堆無關的閒雜人等<a class="h-anchor" href="#-%e4%b8%8d%e8%a6%81%e9%82%80%e8%ab%8b%e4%b8%80%e5%a0%86%e7%84%a1%e9%97%9c%e7%9a%84%e9%96%92%e9%9b%9c%e4%ba%ba%e7%ad%89" aria-label="這個段落的連結"></a></h3>
<p>很多會議為了要做排場給長官看就邀請了一堆跟專案無關的人參與會議，這樣的做法只會造成台下一堆人在滑手機</p>
<h2 id="三選擇合適的會議室">三、選擇合適的會議室<a class="h-anchor" href="#%e4%b8%89%e9%81%b8%e6%93%87%e5%90%88%e9%81%a9%e7%9a%84%e6%9c%83%e8%ad%b0%e5%ae%a4" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>如果可以絕對要提前場勘，不然很容易死得不明不白</p>
</blockquote>
<h3 id="-會議室的座位只能多不能少">會議室的座位只能多不能少<a class="h-anchor" href="#-%e6%9c%83%e8%ad%b0%e5%ae%a4%e7%9a%84%e5%ba%a7%e4%bd%8d%e5%8f%aa%e8%83%bd%e5%a4%9a%e4%b8%8d%e8%83%bd%e5%b0%91" aria-label="這個段落的連結"></a></h3>
<p>要確保座位數量足夠，建議預留20%的空位給臨時參與的人</p>
<h3 id="-確認會議室適合觀看-demo-的座位">確認會議室適合觀看 Demo 的座位<a class="h-anchor" href="#-%e7%a2%ba%e8%aa%8d%e6%9c%83%e8%ad%b0%e5%ae%a4%e9%81%a9%e5%90%88%e8%a7%80%e7%9c%8b-demo-%e7%9a%84%e5%ba%a7%e4%bd%8d" aria-label="這個段落的連結"></a></h3>
<p>因為大部分的會議室都是平面的，所以一定會有一些角落的位置不適合觀看，所以你要確保會議的 Key man 坐在觀看 Demo 的最佳角度（建議有人負責引導長官座位或是有座位名牌）</p>
<h3 id="-測試現場投影機並確認規格">測試現場投影機並確認規格<a class="h-anchor" href="#-%e6%b8%ac%e8%a9%a6%e7%8f%be%e5%a0%b4%e6%8a%95%e5%bd%b1%e6%a9%9f%e4%b8%a6%e7%a2%ba%e8%aa%8d%e8%a6%8f%e6%a0%bc" aria-label="這個段落的連結"></a></h3>
<p>一定要用當天 Demo 的電腦測試看看是否可以順利投影，以及投影上去是否有模糊、字體大小、色偏…等問題。</p>
<p>同時記得確認投影機轉接頭是 HDMI 還是 RS232，現場是否有提供轉接頭還是要自己準備。</p>
<h3 id="-每個要上台-demo-的人在講台試講一小段">每個要上台 Demo 的人在講台試講一小段<a class="h-anchor" href="#-%e6%af%8f%e5%80%8b%e8%a6%81%e4%b8%8a%e5%8f%b0-demo-%e7%9a%84%e4%ba%ba%e5%9c%a8%e8%ac%9b%e5%8f%b0%e8%a9%a6%e8%ac%9b%e4%b8%80%e5%b0%8f%e6%ae%b5" aria-label="這個段落的連結"></a></h3>
<p>因為每個人的說話聲音大小不同，同一個場地有人需要麥克風有人不需要，所以可以藉由這個試講來確認，同時也能讓上台的人熟悉講台以及知道自己要站的位置。</p>
<h3 id="-預定會議室">預定會議室<a class="h-anchor" href="#-%e9%a0%90%e5%ae%9a%e6%9c%83%e8%ad%b0%e5%ae%a4" aria-label="這個段落的連結"></a></h3>
<p>除了提早訂會議外，同時要注意：</p>
<ol>
<li>除了 Demo 的時間外，前後都至少要留 1 小時緩衝（再次確認場地環境、會後交流）</li>
<li>這個會議室是否有上一批人使用過，是否需要預留時間進行場復</li>
</ol>
<h3 id="-確認網路環境">確認網路環境<a class="h-anchor" href="#-%e7%a2%ba%e8%aa%8d%e7%b6%b2%e8%b7%af%e7%92%b0%e5%a2%83" aria-label="這個段落的連結"></a></h3>
<ol>
<li>是否有穩定的 wifi 或是網路線連接口，建議拿當天會用的電腦直接測速會比較安全（有些公司的網路只能連接內網，這塊也需要注意）</li>
<li>使用自己的手機熱點網速是否穩定</li>
</ol>
<h2 id="四在-demo-過程中要注意的事項">四、在 Demo 過程中要注意的事項<a class="h-anchor" href="#%e5%9b%9b%e5%9c%a8-demo-%e9%81%8e%e7%a8%8b%e4%b8%ad%e8%a6%81%e6%b3%a8%e6%84%8f%e7%9a%84%e4%ba%8b%e9%a0%85" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>這塊 PM 需要適時的去協助</p>
</blockquote>
<h3 id="-記得關閉社群軟體及網頁">記得關閉社群軟體及網頁<a class="h-anchor" href="#-%e8%a8%98%e5%be%97%e9%97%9c%e9%96%89%e7%a4%be%e7%be%a4%e8%bb%9f%e9%ab%94%e5%8f%8a%e7%b6%b2%e9%a0%81" aria-label="這個段落的連結"></a></h3>
<p>如果在 Demo 過程中跳出奇怪的訊息是非常尷尬的，而且訊息跳出來的聲音也很吵。</p>
<h3 id="-現場燈光控制">現場燈光控制<a class="h-anchor" href="#-%e7%8f%be%e5%a0%b4%e7%87%88%e5%85%89%e6%8e%a7%e5%88%b6" aria-label="這個段落的連結"></a></h3>
<p>在 Demo 過程你要知道會議室燈光怎麼調整是讓觀眾最舒服的，因為全暗的環境會眼睛不太舒服(ex:只關閉前面幾排)</p>
<p>同時在問答階段及切換講者的階段建議燈光是全開的，這樣講者與觀眾的互動比較友善。</p>
<h3 id="-讓每個-demo-人員的時間都在掌控之內">讓每個 Demo 人員的時間都在掌控之內<a class="h-anchor" href="#-%e8%ae%93%e6%af%8f%e5%80%8b-demo-%e4%ba%ba%e5%93%a1%e7%9a%84%e6%99%82%e9%96%93%e9%83%bd%e5%9c%a8%e6%8e%8c%e6%8e%a7%e4%b9%8b%e5%85%a7" aria-label="這個段落的連結"></a></h3>
<p>有些與會者會不停打斷 Demo 的過程，不停拋出問題（通常會這樣做都是高級長官）導致會議時辰脫離掌控，這時你就需要視情況做回應，或是引導他們在 Demo 結束後再發問（其實他們的發問很多時候只是 Demo 還沒講到那個部分而已）。</p>
<h3 id="-記得帶筆記本上台">記得帶筆記本上台<a class="h-anchor" href="#-%e8%a8%98%e5%be%97%e5%b8%b6%e7%ad%86%e8%a8%98%e6%9c%ac%e4%b8%8a%e5%8f%b0" aria-label="這個段落的連結"></a></h3>
<p>通常在 Demo 過程中都是使用鏡像螢幕，如果中間遇到發問你不可能使用電腦來記錄問題，如果你拿出手機來紀錄有時會引起老一輩的不悅；這時筆記本就是一個非常好的工具。</p>
<h2 id="五遠端-demo-前要做的確認清單">五、遠端 Demo 前要做的確認清單<a class="h-anchor" href="#%e4%ba%94%e9%81%a0%e7%ab%af-demo-%e5%89%8d%e8%a6%81%e5%81%9a%e7%9a%84%e7%a2%ba%e8%aa%8d%e6%b8%85%e5%96%ae" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>如果要向國外的客戶做 Demo，又或是因為疫情影響需要在家 Demo</p>
</blockquote>
<h3 id="-確認雙方畫面穩定性和對話即時性">確認雙方畫面穩定性和對話即時性<a class="h-anchor" href="#-%e7%a2%ba%e8%aa%8d%e9%9b%99%e6%96%b9%e7%95%ab%e9%9d%a2%e7%a9%a9%e5%ae%9a%e6%80%a7%e5%92%8c%e5%b0%8d%e8%a9%b1%e5%8d%b3%e6%99%82%e6%80%a7" aria-label="這個段落的連結"></a></h3>
<p>因為是遠端所以非常吃雙方的網路速度，有時會有畫面及聲音的延遲造成溝通上的問題，甚至會因為其中一方的訊號比較差導致畫質下降。</p>
<h3 id="-確認雙方的音量大小以及雜訊">確認雙方的音量大小以及雜訊<a class="h-anchor" href="#-%e7%a2%ba%e8%aa%8d%e9%9b%99%e6%96%b9%e7%9a%84%e9%9f%b3%e9%87%8f%e5%a4%a7%e5%b0%8f%e4%bb%a5%e5%8f%8a%e9%9b%9c%e8%a8%8a" aria-label="這個段落的連結"></a></h3>
<ol>
<li>先讓每位主講者先簡單自我介紹確認的聲音大小，避免有些人超大聲有些人超小聲。</li>
<li><strong>遠端開會時除了主講者外其他人都要靜音</strong>，不然很容易會有雜訊</li>
<li>建議購買專用的麥克風收音，這樣可以大幅降低周遭環境音（ex：咖啡廳背景音樂、小孩哭鬧聲、鄰居吵架聲…）</li>
</ol>
<h3 id="-使用-wifi-熱點時注意不要流量互搶">使用 wifi 熱點時注意不要流量互搶<a class="h-anchor" href="#-%e4%bd%bf%e7%94%a8-wifi-%e7%86%b1%e9%bb%9e%e6%99%82%e6%b3%a8%e6%84%8f%e4%b8%8d%e8%a6%81%e6%b5%81%e9%87%8f%e4%ba%92%e6%90%b6" aria-label="這個段落的連結"></a></h3>
<p>在家中通常是連接 wifi ，但如果很多人共用這個 wifi 可能會導致視訊品質不佳。</p>
<h3 id="-demo-需要高流量的網站">Demo 需要高流量的網站<a class="h-anchor" href="#-demo-%e9%9c%80%e8%a6%81%e9%ab%98%e6%b5%81%e9%87%8f%e7%9a%84%e7%b6%b2%e7%ab%99" aria-label="這個段落的連結"></a></h3>
<p>部分網站在操作時會消耗掉大量的流量，這很有可能造成你畫面的卡頓，建議你可以先找朋友測試看看，以保證當天勤務萬全。</p>
<hr>
<blockquote class="pullquote"><p>Demo 過程發生的意外對台下的觀眾而言是一種必然，因為他們只會聽一次而已；請不要讓這些可以控管的風險把你所努力的成果給毀掉，每次 Demo 前都按照這份清單檢核一次吧！</p>
</blockquote>
<hr>
<p>如果大家還有遇到什麼狀況想補充的請在底下留言要告訴我，你無私的分享可以減少 Demo 發生悲劇～</p>
]]></content:encoded>
    </item>
  </channel>
</rss>
