數位服務的趨勢觀點 – 野薑設計 GingerDesign

網站設計如何運用 AI ?

最近我們開始使用 AI 優化網站製作流程。有幾個簡短心得，與大家分享： ➤ AI 還無法做出預判，PM 同學不用太擔心因為我們網站專案中，常常要接客戶殺球，或是為了避免被殺球，需要做很多預測和預判，這是我覺得目前 AI 難以處理一塊。關鍵不在是回答，而是如何預判，想到未來好幾步，設身處地的，為客人著想，我想這一點也是人類和 AI 有很大不同之處。 ➤ AI 無法產出連續風格如果有需要維持一致風格，MJ AI 有點難處理呢！畢竟維持一致，和 AI 發散的特質違背。所以要產生連續風格，仍需要有插畫師做後續修整。 ➤ AI 容易給客戶有過高期待之前插畫流程是，先對齊元素 → 草稿 → 上色精稿。客戶感受是逐漸變好。但現在 AI 一口氣產出豐富的圖卡，容易給客戶有過高期待，是不利於專案推進的，客戶想法未能在草稿收斂，很容易出現翻盤現象。 ➤ 難以取得照片 AI 可以幫忙有些照片很難取得，例如熱帶雨林下的生物，圖庫也找不到，這時候用 AI 就很棒囉！ ➤ 修圖變得更容易 Photoshop 出的 AI 是走精準方向，和前面 MJ 發散的不同，用他修圖的效果很好。也感受到每年繳 Adobe 費用的價值了。客戶給的素材是直長方形照片，可以用背景生成，產生橫型照片。客戶想要修圖，也可以用 AI 來修圖。 ➤ AI 需要有搭配具象化圖像思考能力製作網站過程，我們很常收到一大段抽象專業文案，需要想出配圖是什麼。這樣工作，最有價值之處，不在於找到合適素材，而是淬煉出文案精神，找出合適圖搭配。具象化能力，能在大腦中呈現圖的樣毛，即是設計師天生具備的。無論是用圖庫，還是 AI ，都需要搭配設計師具象化能力，才能做出適合圖卡。 ➤ 臉書 Blog 能擁有多元風格圖卡臉書和 Blog 通常會配一張封面圖卡，這些圖卡不會委託插畫師，而多是尋找素材完成，也蠻花時間的。現在使用 AI 產生圖卡，能讓 Blog 整體看起來更豐富多元，這篇貼文的圖卡，即是用 AI 來完成的喔！ ➤ Chatgpt 是個禮貌距離感的客服 chatgpt 很適合當客服，應該說他就是客服，屬於有距離感，優雅禮貌的客服。如果要寫道歉信，或是催款信，很適合用 chatgpt 來幫忙喔！可以想像成，一位執事管家，優雅禮貌的，請客戶付款。文案類，則不一定適合 chatgpt ，我們使用文案情境有，高大上類型文案、拉近情 […]

公開透明的數位溝通思維

之前有提到「公開透明」，可以有效降低溝通成本。不論是公部門還是商業戶，都有大量溝通發生在組織內，而這些是隱性成本，很難被計算。在去年我們嘗試用公開透明概念，去降低這方面溝通成本。他的原理是這樣的，兩人之間傳達訊息畫成一道線。五人之間，透過兩兩連線方式，會需要 10 次，才能將訊息傳達任務完成。但如果，我們在五人之間放入一個公開板，有更新都放在這板上，那會降低到 5 次！人數越多，看板發揮效益越高！一般來說，一個完整的內容知識性官網，會需要設計師、工程師、PM、客戶們。絕對超過 5 人。在蓋網站過程，如同蓋一棟房子，會有很多面向 & 細節要對齊。之前我們作法是，透過 PM 在這些角色之間穿梭。但常常會發生漏接球的狀況。去年改成公開板的形式，所有人都可以登入，第一線的看客戶回饋，降低漏接和 PM 解讀錯誤的狀況。也能預作準備。客戶也很驚訝，這麼複雜的專案，我們沒有漏接球。但事實上是，我們根本沒有傳球，因為大家都看同一個訊息來源。不論是客戶方還是工作方，這是非常有效降低溝通成本方式，與大家分享～

居家空間的 UX 整理術：為什麼需要想像怦然心動的家？

其實，整理居家環境進而貼近自己的理想生活，這樣的概念和網站設計、產品開發時，經常使用的「使用者體驗設計」概念十分相近；透過規劃居家生活動線、理想的生活情境、家人或同居者的需要，其實就是在設計良好的居家生活體驗。

疫情之下的遠端工作小指南

疫情之下，為了居家防疫，近日人們漸漸轉為遠端工作。其實在網路軟體業，這種遠端工作（work from home）的方法已經行之有年，許多專案管理、工作方法都是基於此而設計的。

網路世代當然要用電子發票

在成立野薑設計工作室一個月後，就發現一個很麻煩的事情「發票」。在跑完一輪破關之後，決定來分享這個過程，縮短大家通往電子發票之路的路徑。

新手窗口01｜網站可以做什麼？都有 FB／LINE@／IG／Twitter／Youtube 還需要網站嗎？

提到網站，大家免不了困惑，都有 FB 為什麼還要網站？這困惑很正常，因為 FB 粉專主要是取代網站的最新消息，和佈告欄的功能。過往的最新消息，是張貼在店門口，店家更新消息，營運時間、新品上市，就張貼一張佈告在玻璃窗上。

新手窗口02｜好網站如同好餐廳！網路生態有哪些角色？

我們常常用餐廳來比喻網站，幫助客戶想像網站的各種環節。經營一個網站其實就像經營一家餐廳一樣，有很多可相互對應的部分。在餐廳中，任務依照性質分配給相應的空間與職務，在網站中也以類似的概念區分著團隊接到的各種任務。餐廳的前場與後場常常會講到的「前端」、「後端」，其實就可以用餐廳的前場、後場來幫助理解。餐廳的後場，可能會處理進貨、切菜、分類、加熱，等多項工作 ; 網站的話，可以將資料想成「食材」，會送進後端進行處理，加總、比較、查找、鉤稽等各種處理。準備好的菜，會送進前場，前場通常會美美的，良好的用餐體驗，可以讓顧客感受到錢花得有價值！網站也是如此，處理好的資料，會送進前端，這一塊重視設計、體驗。美好的設計可以有效地拉升信任感，就如同走進乾淨明亮的餐廳，也會覺得送上來食物，也是比較能安心入口的吧！正式的營運執照才可以執業餐廳還不止這些！要申請經營一家餐廳，需要先和政府申請執照，通過大小檢測才能獲准。網站雖然不用向政府打交道，但也是有不少執照要申請，像 SSL憑證，一個證明你的網站安全的憑證。如果沒有網站憑證，Google 就會阻止其他人連到您的網站。選購餐廳的地址網站的地址，就是我們說的網域，他會展示在畫面這個位置。可以想成餐廳的地址，ex: 台北市科技大樓 OO 號餐廳數位世界也需要付房租餐廳也需要一個空間，付房租。在網路中，這個租金費用稱作「主機費」。過往是開一台電腦，讓用戶連線過來讀取檔案。現在我們會向 AWS、GCP 這類大型主機商租賃一個空間，存放資料和程式碼，類似餐廳租一個空間，放桌椅廚具，提供服務給客人。職人服務最後，是餐廳最重要的員工、廚師。這些在網路上會用程式碼和真人的網路管理員來表現。一間餐廳，會有廚師、服務員、掌櫃。在網站上，會將其任務化為程式碼。掌櫃的功能已經相當成熟，現在常使用的金流結帳服務，就是餐廳內掌櫃的角色。在面對人的部分，我們仍會搭配真人做線上客服，讓流程更加彈性。所以講到這邊，工程執行面向，可以分為：餐廳前場 → 網站前端餐廳後場 → 網站後端餐廳執照 → 網站憑證餐廳的地址 → 網域餐廳的空間 → 主機空間餐廳的員工 → 程式碼、網路管理員網站幾乎等於線上店面的比喻，讓您更快理解網站能做得事情 […]

新手窗口03｜toB toC 網站有什麼不同

網站作為線上的店面，自然就會因為事業體不同，簡單分類成 toB、toC 的網站。這一篇就來說明 toB、toC 網站的差異。銷售轉換點不同 toB 網站的目的，大多是作為「自動收集潛在客戶名單系統」，toB 的銷售轉換，並不會發生在線上。因為 toB 的訂單單價高，可能會是一般人薪水 4-5 倍。再加上企業彼此之間更看重價值，不只有錢錢，還有後續維護，誠信等等價值。這些價值，會由業務來傳達。因此 toB 網站，比較像是業務助理，負責展示公司服務，並且收集潛在客戶名單。 toC 網站，販售單價低量大，可能是一般人薪水 1/10 左右，要捕捉的是衝動消費。發生轉換是在線上，因此金流系統，可以想像成是收款櫃檯。如果有大量的人湧入網站，就如同有大量的人潮湧入一家店，架構動線不好，網站很容易掛掉。決策週期不同 toB 的決策週期長，會需要培養長期的信任，因此網站更像是培養信任的自動模組，提供專業知識的文章、電子報、PDF 白皮書等方式。EDM 不一定要持續轟炸發送，主要目的在於藉由知識分享，培養信任。 toC 的決策週期短，大家往往會衝動消費後，有想要剁手的心情，正說明 toC 網站目的是捕捉衝動消費。價位，可刷卡的信用卡，支付方式，購物車折扣，運費，是客戶比較會在意的點。EDM 會以提供折扣卷，喚回老客戶為主。決策點不同 toB 除了決策週期長，參與決策者也多，一般來說，要針對不同決策者，提供不同類型的文章。例如窗口可能會對技術文章感興趣，中階主管會對如何下決策和財務評估感興趣，高階主管則對未來展望感興趣。舉例來說，野薑的新手窗口系列，就是提供技術文章給窗口夥伴參考。後續野薑還有設計決策者系列，提供讓窗口轉交給中階主管。偶爾我們也會提到，網站是所有管道流量的最終站——作為線上店面、線上微服務的概念，這類型文章，就是提供給高階主管參考。 toC 的網站仍注重當下是否能讓用戶產生轉換，因此金流架接，用戶追蹤轉換率，都是 toC 網站在意的。另外，toC 也在意朋友，朋友會是相關決策人，比如說，將某一商品貼到對話群組，詢問大家的建議或是要不要跟團。網站目的在於誘發想買的情緒和捕捉衝動。網站管理團隊的角色 toB 的網站，比較像是自動化的業務助理。客戶在做決策會有疑慮的點，可以寫成文章，解決客戶的疑慮，並透過一層層過濾方式，找出最有可能成交的客戶。 toC 的網站，可以 […]

新手窗口04｜製作網站需要那些職人？

一個網站會需要那些職人協力製作呢？日劇《我要準時下班》女主角結衣在網站製作公司上班，每天致力於準時下班，並且鼓勵同事不要加班。野薑團隊一看這畫面——ㄝ！超熟悉的呀，根本就是我們的日常。劇中也清楚描述製作網站會需要的職人，本篇就來為大家介紹這些細節。顧問規劃師顧問規劃師，通常是已經經歷過大小專案，對技術也略知一二，知道技術可以發揮的效果和限制。第一線與客戶洽談，可能會遇到，客戶想像放飛的狀況，略知技術的規劃師，可以辨認哪些要帶回去與工程師討論，哪些可以直接承諾客戶。千萬不能和客戶討論地快樂，但實際上，完全做不出來。諮詢師也需要經過商業禮儀和業務訓練，負責接洽客戶，及作為客戶的顧問，能用淺顯易懂的方式，將複雜技術轉化說明，讓客戶可以理解，製作提案和理解客戶是顧問規劃師最主要的工作。除此之外，也需要整理客戶需求，並略想可能執行方案 & 技術，與製作團隊討論。面對製作團隊時，要學會傳達客戶需求。即使過往有類似的經驗，也要清楚知道，新技術說不定會有更好解法，因此不要下過多指導棋，而需與工程團隊討論，這是顧問規劃師的日常。設計師 UIUX 設計師，好的設計會解決問題，建立信任，也會帶來幸福感。設計師是清楚設計威力的角色。UIUX 設計師，常常與工程師一起工作，知道工程的限制，定義畫面，讓工作變得具體。如同規劃一家店面，UIUX 設計師也要設想，用戶是如何走進網站，如何順利的達成目標，目標困難的路上，是否有機會可以讓客戶心情好一點，繼續完成任務。資深的 UIUX 設計師理解 SEO ，除了考量用戶意外，也會進一步考量爬蟲、工程師。設計出用戶友善、爬蟲友善、工程師開心的介面。在日漸競爭的領域中，好的設計帶來信任，而信任帶來成交機會；美學則帶來幸福感，讓客人願意再度回來。在當今的商業中，設計的價值因此逐漸抬升。前端工程師工程師！沒有他們就無法將網站實現。前端工程師，通常負責網站的互動，用戶體驗，將美美的畫面刻出來。一些讓人會心一笑的互動，都需要前端工程師來製作。後端工程師出菜後，會交付給前端工程師。可以想像前端的程式碼，如同高級餐廳的服務生，優雅的提供各種服務給用戶，如何做出流暢又優雅的介面，就需要前端工程師和設計師協力合作。後端工程師後端工程師，和前端不同，大多是處理資料庫、架構、邏輯的部分。如果要有一個會員系統，就需要後端工程師，寫一個資料庫 […]

一篇就看懂的專案管理法：集 Scrum X kanban X OKR 的武功門派

網路軟體科技業這一行往往花許多心力調整內部團隊的工作流程，矽谷的各種專案管理和工作方法，據說對非本行的人而言，覺得十分著迷。近年流行的敏捷式開發（Scrum）、看板（Kanban）和OKR各有各的特色和優點，這些概念像是不同的武功招式，團隊往往在理解了這些核心概念後，會吸納改良，融合成一套適合自己的團隊方法。這些方法雖然因應網路軟體科技業而生，但其中的概念亦可以運用在像是書籍出版、論文計畫撰寫、人生長期規劃、健康管理等各種多元的情境，關鍵在掌握幾個重要的概念後，轉化成自己需要的實踐方式。本篇略過較為複雜的開發細節，將Scrum、kanban、OKR 中泛用性較高的概念融合提取出來，提供給不同行業的你活用這套方法的機會。有時候我們需要的，不是所有夢想都完美無瑕地完成，而是我們知道一切都在我們的掌控之中，並且朝向我們期望的方向前進，確定我們正在積累著對於前往目的地所需要的事物。簡單五個步驟來實作 Step 1 / 明確訂出時程與目標首先，你需要為你手上的這個計畫訂一個明確的目標。這聽起來像是個廢話，但是很多人的目標會訂得相當模糊，像是「希望今年可以出一本書」，這樣的句子比較像是「向老天爺許願」。目標需要訂得非常具體才行，像是「今年12/31以前，我要完成一本大約六萬字、圖片40張的書籍，並且完成編輯、出版、印製且發行的程序」或是「明年1/31我要完成碩士論文口考並且畢業」。這個目標越具體越好，透過具體地寫下目標，也是在確認自己「到底想完成什麼事情」。 Step 2 / 回推你的時程表，搞清楚流程這個第二步看起來也很常見，但很多人似乎就是會忘記這個環節。印刷書籍大約需要 2.5 至 3 週的時間，校對、美編等等所需的時間都可以大概地回推。如果一月底想要畢業，那麼十二月底必須完成口考，十一月必須完成論文的內容給指導老師看過。此外申請口考的行政程序、邀請口委等的時間也需要一併考慮進去。在步驟二，搞清楚整個計畫需要經過哪些環節，這些環節大概需要多少時間，是非常重要的。如果你發現你並不清楚這些環節，那麼恭喜你，這個步驟就是逼迫你去弄清楚的。了解這些過程對於掌控計畫至關重要。 Step 3 / 切任務弄清楚流程和環節之後，接著就是最重要的是「切任務」。你必須把剛剛的那些環節羅列出來，切成一張張的「任務卡」。通常我們會使用便條紙，一張便條紙是一個任務。 […]

viewpoint 數位服務的趨勢觀點