REDESIGN-弘爺漢堡APP
從2018年開始，弘爺漢堡開始推出1.0行動訂餐服務，
讓消費者能夠行動裝置進行網路訂餐、付款、會員管理等相關業務。
隨著消費者對數位產品的知識認知成長，弘爺漢堡APP的使用效率卻不及其他同業，常常被給與於低星評價，被消費者認為是不好用的訂餐系統、不友善的操作流程。
Service
redesign , ui/ux , app design
Year
2022
期望目標 Target
本次重新設計是期望能夠透過研究與分析，替弘爺漢堡的使用客戶們改善使用者體驗，並重新建立符合商業需求的行動訂餐數位產品。
調整介面風格與重新定義響應式尺寸，並透過透過競品分析與使用者反饋解決的使用需求與痛點，並探討發現可能潛在的操作盲區。
希望能夠加速改善訂單效率，清楚呈現業務細節與資訊，並節省客戶的時間。
前期用戶研究 User Research
透過參考1-3評價的用戶回饋與研調相關競品分析的結果，統整出潛在問題。並利用介面調整出符合用戶需求的產品。
使用者旅程地圖與人物誌 User journey map Map &Persona
問題定義 Pain points
1. 介面流程不夠直覺，功能不符合使用需求
功能選項步驟複雜，在使用上常常覺得很卡，選取項目時，列表切換頁面流程不夠流暢，有許多彈跳視窗，在點餐時的切換上需要花費許多時間點選。
2. 流程功能不夠流暢，缺乏引導性
結帳流程混亂，不知道現在進行到哪個步驟跟已選取狀態
若發生點錯產品時，也不能夠時效性的緩衝編輯。
3. 資訊內容雜亂，缺乏圖片與項目說明
產品並未提供圖片註解，且未提供內容物描述欄位
4. 未針對常用裝置做出最佳響應式尺寸，視覺有優化空間
使用375px寬度的裝置(iphonex)時會有壓縮的情況出現，在視覺體驗上整體色調偏灰暗，並由於資訊內容及流程過多，很容易產生使用者視覺疲勞與降低使用耐心。
設計元件與功能架構 UI Kit & Functional Map
.png)
解決方案 Solution
1. 登入窗口、會員管理更新
重新編列順序及架構、將主要功能依照層級排列顯示
加入全新功能支援項目並優化整體操作流程。
2. 購物流程優化
依據使用者習慣操作，分別拆解步驟執行購物流程
並新增延遲送出與訂單追蹤功能，以便查詢修正。
3. 商品訊息整理
在菜單陳列展示中，加入照片與敘述文字輔佐，
並配置系列選單元件，保持整體一致性。
4. 視覺更新調整
符合響應式設計，並配合原品牌調性延伸，
重新調整元件視覺彩度與配色。
焦點回顧 Before&After
