viewpoint 數位服務的趨勢觀點

The Pointview of Digital Trend

網站設計如何運用 AI ?

網站設計如何運用 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 整理術:為什麼需要想像怦然心動的家?

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

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

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

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

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

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

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

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

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

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

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

新手窗口02|好網站如同好餐廳!網路生態有哪些角色?

新手窗口02|好網站如同好餐廳!網路生態有哪些角色?

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

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

新手窗口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|製作網站需要那些職人?

新手窗口04|製作網站需要那些職人?

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

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

一篇就看懂的專案管理法:集 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 / 切任務 弄清楚流程和環節之後,接著就是最重要的是「切任務」。你必須把剛剛的那些環節羅列出來,切成一張張的「任務卡」。通常我們會使用便條紙,一張便條紙是一個任務。 […]