Design Exercise 案例分享｜展現你的邏輯思維
因為最近參加了一些UX/UI Designer的工作面試，發現有些公司在面試之前，會透過Design exercise 的方式初步了解應徵者的設計能力，並決定其是否能夠參與後續的面試階段。因此如何在短時間內完成作業要求，同時展現自我能力，是進行此作業很重要的一部分。這篇想分享一個我收到的例子，還有我針對這個作業的執行過程。
題目內容：
針對銀行的行動裝置介面進行改善，過程中需找出使用者的痛點或是流程上的問題，並提出設計解方。目標可針對任一銀行的App中的任一功能（如轉帳、貨幣兌換、交易明細查詢等），且如果有研究方法和步驟為佳。
其實剛收到作業內容的時候，有一種「蛤？規定就這樣子嗎？範圍也太大了吧！」的感覺，畢竟沒有限定任何特定的產品和功能，一開始其實有點不知道該如何下手，但好處是有較多的發展空間，所以我決定從自己的經驗出發，開始尋找可行的切入點。
目標聚焦（Target Product & Feature）
- 產品選擇
因為投遞的公司過去曾和許多銀行合作，也發展出許多銀行APP產品，我個人走比較保（膽）守（小）的路線，在產品選擇的過程中就先把他們的產品剔除了。另外因為我自己使用的經驗也剛好比較單一，對於郵局較為熟悉，使用過程也發現它的系統較為複雜，所以便決定以郵局的APP「e動郵局」為我主要的改善產品。
2. 功能選擇
至於功能選擇方面，我則參考了公司網站上過去曾發表的使用者研究洞察：
使用者在行動上最常操作的功能是「查看收支」與「轉帳」，並且較傾向在行動上對熟悉的帳戶查轉交易，如何把使用者最在意的常用的功能設計得更簡捷，是提升體驗服務的關鍵之一。
而由於「轉帳」牽涉到的是一個比較完整且目標明確的操作流程，可以發展的空間也因此較多，最終便選擇「e動郵局」的轉帳功能為我的設計主題。
問題分析（Problem analysis）
在問題分析部分，首先對於產品和功能既有的設計進行了解，透過workflow拆解操作流程，以及使用者在過程中所接觸到的頁面。
而在問題挖掘的部分，因為時間的關係，沒有辦法真的找使用者進行訪談、測試（但根據作業描述，可能還是實際找使用者訪談會比較好😭），我只能採取擇中的方法，藉由Heurestic evaluation（啟發式評估）進行分析，也就是檢視各個介面，觀察其是否符合公認的易用性原則。
這部分我採用的是Nilson’s 10 Usability Heuristics進行評估，這些原則包括：（參考：https://www.nngroup.com/articles/ten-usability-heuristics/）
- Visibility of System Status
- Match between system and the real world
- User Control and Freedom
- Consistency and Standards
- Error Prevention
- Recognition Rather than Recall
- Flexibility and Efficiency of Use
- Aesthetic and minimalist design
- Help users recognize, diagnose, and recover from errors
- Help and documentation
最後找出以下兩大問題：
問題一：
功能頁面區分複雜、層級過多
轉帳交易下有四個功能項目，其中「立即轉帳」又有四個項目，使用者難以找到、記得功能的位置，且每當點選錯誤時，便必須不斷以「返回」的方式回到前頁。
問題二：
欄位多樣複雜、輸入功能無區分
欄位資訊和輸入格皆以同樣的方式呈現，像是輸入格的功能有些是選單式如轉帳類型、登摺方式，有些則是文字輸入如轉入帳號、轉帳金額和備註文字等，但其樣式皆相同無區分。
設計發想｜Lo-fi
在設計發想上，主要是根據以上發現的兩大問題發想設計解方，這樣直接的連結可以讓整體設計流程看起來更有邏輯性，也能避免自己在設計的過程中有遺漏的部分。這階段的成果主要用簡單的Wireframe來呈現。
成果呈現｜Hi-fi
從Lo-fi轉到Hi-fi的部分，我認為是更多強調視覺或互動的呈現，也是讓公司看見自己視覺上的設計能力，如果應徵的公司是把UI Design和Visual Design的工作整合在一個職位上時，這階段的呈現可能就又更加重要。
因為在設計問題中提到了 #問題二：欄位複雜、功能區分不明的狀況，這階段特別強調透過不同的顏色、分線等去區隔不同的功能，此外也調整了lo-fi階段中輸入格、按鈕等大小及間距不夠的問題等。
結果
這次Design exercise的成果讓我成功進入到下一階段的面試，雖然因為時間的關係是比較粗糙的設計，也還有很多不足的地方，但也算成功完成一個快速設計的挑戰。
後來的面試過程，也得到了一些很好的回饋和提醒，譬如說雖然因為時間的限制沒辦法做到使用者研究，但在思考的過程中，也應該從使用者在意的點出發（例如對於轉帳功能，使用者最在意的部分可能是什麼？），而非僅著重在介面易用性的部分，才能讓整個設計更完整。
Tips
最後整理幾個我個人認為在進行Design exercise時，需要特別著重的部分：
- 釐清設計目標：每個Design exercise規定的目標、範圍和成果展現方式都有所差異，在著手開始之前，先列出的作業規定、限制和產出要求，並在過程中反覆檢視，不僅能避免自己遺漏細節，也能讓自己的成果更聚焦。
- 加強階段間的連結：我覺得Desgin exercise的重點在於展現自己在設計流程中的邏輯性，也就是透過什麼方式來找出問題、針對這些問題的解方分別是什麼、過程中有哪些考量或調整的部分等，面試官會想知道設計階段彼此間的連結，如果在研究階段有指出問題，卻沒有在後續提出相對應的設計解方（或是目前沒有解決的原因），就比較容易被質疑喔。
- 自問自答：在發想設計的過程中，要記得不斷問自己「為什麼」，像是「為什麼這些功能要放在同的區域？」「為什麼按鈕要放在這個位置？」「為什麼使用這個顏色？」等等，這也是後續面試官很喜歡問的問題，如果自己在執行的時候就有先釐清好，之後在應答的時候也比較不會亂了手腳喔！
以上就是我的案例分享，喜歡的話一起來拍個手吧！如果你單純喜歡這篇文章，請幫我拍手1-10下。
如果你喜歡UX/UI經驗分享的主題，請幫我拍手10-30下。
如果你喜歡我的文章，希望看到更多其他的分享內容，請幫我拍30-50下！之後可以再分享一下我的面試經歷，有什麼想法和問題也歡迎一起討論唷:)
