作為 UX Designer 檢核自我成長的三大指標分享

ShuLei
Begonia Design 海棠設計
Jun 17, 2021

在海棠的第二年度,對於 UX designer 在團隊的定位及職務也有一定的了解。此篇文章主要介紹在專案公司擔任 UX designer 如何檢視自我的能力並提升價值,提供初在 UX 領域工作,或是想要更深入者有用的參考指標。

提升自身專業能力,從以下三個方向努力

在專案公司裡會經手大大小小的案子,有比較形象的活動網站,也有複雜的工具型平台。當專案進程時,我們必需評估專案類型、時程提供有效的工作方法。

以下是檢核自我成長的三大指標:

  • 解構與重整能力 (IA/Sitemap/User Story)
  • 規劃與展現能力 (Wireframe/Prototyping)
  • 設計驗證與測試能力 (Design Testing)

(一)解構與重整能力(IA/Sitemap/User Story)

在小型的專案中,資訊架構(IA) 相對簡單;在大型的專案裡,IA 是複雜且需要花時間梳理的。我們會透過開立 Sitemap 來呈現專案的整體架構。

對於我來說,Sitemap 定調了整個產品的開發方向,必需考量到是否符合產品目標以及用戶流程,主功能項目也會依據產品方向有所調整。以會員服務或行銷活動為主導的產品,在開發目的或使用需求不同的前提下,兩者的 Sitemap 就有層級與深淺的差異。

在開立 Sitemap 前,可以將所有需求打散,透過 User-Story 或是卡片分類法的方式,釐清哪些功能是使用者優先需要完成的,哪些功能具有高的關聯性。最終再將這些以分類後的卡片進行重組,透過樹狀結構表現其水平與垂直的關係。

「行銷活動」為主導的產品目的為加強品牌曝光及流量,除了會員外,更能促進新用戶的拓展,為了讓用戶能夠快速觸及品牌的相關內容,在架構的呈現通常較為扁平。

「會員服務」為主導的產品目的為提供已註冊用戶服務價值,有效提升會員的忠誠度,透過引導用戶找到所需要的服務類別及項目,並呈現完整的服務流程,在架構的呈現通常較為垂直。

(二)規劃與展現能力(Wireframe/Prototyping)

對於 UX Designer 而言,Wireframe 無疑是我們用於與專案成員或客戶取得規劃共識的工具,我們會藉此聚焦產品的佈局、邏輯、流程,更期待能直覺地展現 User Story (雖然通常無法,因此還是建議各位以文字簡單描述),透過這樣的方式具體化多方對於產品的想像與期待。

提供幾項 Wireframe 規劃的小提醒:

  1. 將各區塊的順序與階層透過視覺動線、版面強弱的安排,幫助用戶第一時間掌握畫面的目標與重點!
  2. 有限制性的使用色彩,讓用戶更能聚焦在整體版面,並運用顏色來表達提示(藍色)、錯誤(紅色)的意涵。
  3. 若有指定使用圖片或 icon 的需求,建議可以將希望呈現的目的註明在區塊內,幫助 UI Designer 聚焦需求。
  4. 水平式呈列頁面與元件狀態。例如:電商商品列表中的卡片可能會有:理想、已售完、已下架、促銷中等狀態樣式。
  5. 有效利用各層級標題與內文,可以協助專案成員直覺理解每個頁面的資訊層級與重要性。
  6. 主要流程建議可以製作 Prototype ,幫助專案成員理解、討論與測試。

除上述之外,有一些項目或許未能僅透過 Wireframe 表現,但可以嘗試在旁邊備註:

  1. 該頁面的目標用戶,例如:未訂閱/已訂閱會員。
  2. 該頁面的User Story包含需求/目的與期望達到的結果。
  3. 各功能區塊的欄位限制規則及交互說明。

相較於 Wireframe 上的表現形式 ,需要投入更多心力的應該是團隊成員的溝通,將專案成員與目標受眾的需求整合並具體化才是 Wireframe 規劃的重點 !

Wireframe 示意圖

(三)設計驗證與測試能力(Design Testing)

我們都需能隨時具有設計驗證的能力,驗證各專案成員的想法是否符合產品的需求,或是否能達到團隊期待的目的,最終我們才能透過測試結果,聚焦與排序待解決的問題,以進行後續產品的迭代優化。

如果你沒有設計驗證的經驗,可以嘗試從單一流程或畫面開始練習,採用 A/B Testing 的方式,將測試需求單一化,一次只測試一個問題,將待測試的區塊、內容提供2種版本,差異的幅度可以小至字級層級的改變,也可以大到資訊欄位的差異。

單以商品介紹的方式來說,頁面的目的是為了要強調商品的優惠或是商品的品牌形象,在價格數字的呈現方式、圖片區塊瀏覽的方式或商品標題文案的介紹方式,都會在測試的過程中取得測試者的感受回饋。

即使公司的專案範疇不包含設計驗證,也可以透過上述較簡易的形式尋找 3名受測者進行單一測式的反饋,相信你也會取得意想不到的收穫。

軟實力也是需要提升的指標!

(一)溝通能力

產品開發過程中,免不了的需要不斷與專案成員、客戶說明討論。透過文字、口頭到簡報的提案,都是溝通的一種方式。達到有效的溝通,不僅能減少後續發生問題所產生的成本,更能使產品往更好的方向前進。

對我來說,我是透過觀察資深同事在特定情境下如何闡述說明,大致瞭解對方在講述時的架構。自己在溝通前也會確立講述的順序及重點,並在闡述說明後去覆盤調整,最終找到適合自己的溝通方式。

切記,溝通不只是單向的說明,聆聽對方的意見也是相當重要的。

(攝於2020)

(二)創意能力

能夠結合研究結果與創意提供具有建設性的開發建議,或是在腦力激盪時,發揮創意,提供有趣的想法。

生活體驗我認為是能夠增強創意思考的能力,體驗自己從未嘗試過的事情,保持對於生活的熱情很重要。在執行不同類型的專案時,也能夠更有彈性。

在海棠 UX 部門,我們也鼓勵大家一起參與不同的生活體驗,例如:跑了馬拉松 13km、尾牙遊艇派對、手作蛋糕、種植一盆可愛的麻點百合等……

於公司種植的麻點百合

結語

從第一篇文章 心得分享:我在海棠設計的這些日子,到現在接近快兩年的日子,透過以上三大項目,針對專案及專業能力檢核自己可以持續進步的方向。除此之外,能夠堅持在這個產業持續耕耘,主要的信念感來自於對產品的熱情。也期許看完這篇文章的你,能從中有所收獲,感謝你的觀看!

--

--