Face IDs App
人臉辨識l B2B
移動應用程式 l UIUX Design l iOS & Android
綜述
GV-Face 是一款高效且易於使用的移動應用程式,讓使用者可以輕鬆利用 GEO 人臉辨識產品建立臉部辨識碼、接收推播通知、查看即時辨識事件並查詢事件紀錄。
我的角色
作為 UI/UX 設計師,我為 GV-Face 手機應用程式進行開發新功能和迭代,讓操作流程更為直覺操作。 透過與工程師緊密合作,我們仔細地討論調整,確保提供直觀且用戶友好的體驗。 該應用程式於 2020 年推出,自推出以來,用戶參與度顯著增加( B2B端我的職務無法得知觸及率和用戶數據,只能從業務或Pretest中獲得一些回饋)。
我做什麼事項
-
將待討論的項目整理起來,比如運用可用性測試,給內部不同單位的人來測試判斷哪種操作形式較為直覺。
-
一開始討論階段是採用原型設計來迭代和驗證設計概念,確定流程、功能與目標符合才進行高保真化。
-
與 RD確認他們認為習慣使用的格式,提供詳細的設計交付物,包含使用者流程、線框圖、高保真互動原型、詳盡的規格文件以及完整的設計註釋,以利與開發團隊有效率地合作。
01
需求
客戶要求提供一款能夠輕鬆操作以臉部識別的應用程式,連動搭配公司的攝影機。
02
使用者研究
相關人員
警衛人員 l 物業方 l 住戶
- 痛點 -
-
在專案需求剛開出來時,因為接到需求的接收端沒有清楚的了解狀況,只提出模糊的提案,難以清楚地理解設計需求。
-
功能的定義不明確。哪些關鍵功能是被視為必不可少的?哪些是輔助?
-
在 B2B產業端,UIUX和工程師大都處在開發階段,難以直接與使用者有交流。這項案子,是由業務端向PM告知需求,而我們只能從業務端收集片斷消息。
03
定義
藉由競爭產品分析和人物圖等方法,我們確定了主要功能
進而提出解決方案。
運用軟體
-
由產品經理聯繫客戶進行訪談和聯繫目標和潛在用戶以獲得反饋。
-
從同事(職務FAE)那裡收集過往類似產品會遇到的常見狀況。
-
進行目標分析、桌面研究、卡片排序等研究工作。
- 解決方案 -
04
User Flow
- 目標 -
規劃使用者流程來確定是否能流暢操作
-
確認是否合乎需求目標並調整。
-
規劃使用者流程。(重複執行步驟一和步驟二)
- 解決方案 -
運用軟體
05
Wireframe
- 目標 -
建立軟體操作線匡稿
-
設計低保真的流程圖,簡易的色塊、線匡,主要是用來檢視流程是否合乎目標,不讓大家被顏色影響這階段該著重的重點。(參考角色扮演和 UI 流程)
-
使用原型進行可用性測試。
- 解決方案 -
運用軟體
Usability Test
- 目標 -
易用性測試
-
做 Lo-Fi prototype 給不同部門來操作
-
與成員們反覆討論流程操作和功能,隨後統整完再一次性調整。這階段便會來回確認。
- 解決方案 -
運用軟體
- 復盤 -
藉由易用性測試,實現了更流暢的溝通,並減少了時間成本(未來的)。
(測試討論過程若能越精確,開發起來大家的心理就越好!哈哈)
Prototyping
- 目標 -
最終確認操作流程環節(以精稿圖)
-
步驟1:將低保真界面,規劃設計成高保真界面,隨後再以高保真模型結合流程的樣子與開發合作夥伴討論細節,以做出最終確認。
-
步驟2:創建原型模型並在測試設備上(所稱的Prototyping,可動態模擬操作)進行檢查。
-
步驟3:確認!確認!確認!
- 解決方案 -
將流程圖(精稿)列印出來,並與合作夥伴進行雙重紙上檢查是否有邏輯問題。
運用軟體
- 覆盤 -
嚴格來說算是有兩段式確認流程的機會,一個是簡易線匡,最後是精稿圖,不過我們的開發團隊較偏好直接用精稿圖來討論,認為討論起來更直覺,但我自己是認為這樣容易忽略細節。總之每次討論若能清楚把需求對準目標,大家就可以少點誤區,這樣便能節省些時間。
然後,我們可以投入更多心力在規劃下一次的功能迭代等。
06
交付
提供高保真模型圖、切圖和設計備註文件給開發工程團隊。
運用軟體