來到第五天，我先針對昨日分享會，近一步迭代了 UserStoryMapping 的概念，設立了三種指標，分別為：

1. 網頁的易閱性：作品集網頁的基本盤，易閱性將綜合學術理論觀點，好比重視資訊直白好懂的”透明（Transparency）”，又或者重視使用者背景知識的”簡學（Learnability）”
2. 設計巧思—情感與創意：此項度琢磨於使用者閱讀網站時的感官體驗，屬於設計細節或體驗設計的呈現，好比動態設計、資訊排版、身歷其境等等。
3. 設計師的影響力：此項度會評估此作品集的設計師，對於社會、團隊、公司、產品所造成的影響，會從他所經手的專案、成就、社群經營等策略呈現。
   而更動後的版本，也將於此處擺置
   
   UserStoryMapping(20230919.Design by F.S.).pdf

競品分析 — 首頁篇

因為此專案主打落地或設計方案的探討，個人並不想花太多時間在 Research 打轉。今日會應用 UserStoryMapping 去做先前競品的解讀與詮釋，這樣的好處之一是文檔統一，好處之二是以使用者視角去審閱競品，能稍稍避免設計師的知識詛咒。

其中，以兩個競品做開發上的借鏡與分析，有一個競品是 Day3 介紹的 johny vino。而另外一位則是偏向 mid-level 的 jarvis-wang，而後者做競品分析之統整如下：

Design for Humans | Jarvis Wang | Product Designer (jarvis-wang.com)

1. 網頁的易閱性：JarvisWang應用平面設計的技法，將常見資訊框架做比例上的調和，頁面使用純白與純黑，在圖文或字體上也有著墨。網頁整體的美學（Aesthetics）與簡學（Learnability）會是這網站的亮點。而下拉首頁後即便不懂英文，也能從圖片很直觀理解他所處理的項目，個人認為在作品列表的展示上擁有極為高度的透明度（Transparency）。當然網站本身具備響應性，這也提供非常多的閱讀舒適感。
2. 設計巧思—情感與創意：毛玻璃的應用提升整體黑白網頁的質感、字體安排的巧思打破我們對於工作經歷列表的閱讀體驗。此外，黑色頁面搭配每滑動一大頁而跑出的單項作品敘述，也強化整體的沈浸與故事感。斗大字體只應用在設計信念與個人名字，也更加凸顯了個人設計特色
3. 設計師的影響力：它的第一項作品 Canva Video Suite開宗明義告訴我們他所處理的使用者量級，這是極度誘人的敘述文案。整體設計影響力的展現可能需要進一步觀看內部頁面才知道狀態。

而 johny vino 也以 UserStoryMapping 的框架做分析，這邊不特別展開，有興趣的人員可以觀看大白板檔案。
UserStoryMapping(Ver.0919)