《UX 三刀流》UX Redisign Cases 研讀報告

更新於 2024/08/19閱讀時間約 3 分鐘

※此為UX 三刀流 2024 春季班 期中報告

學生名:Lynn/Rio

raw-image
閱讀篇章:
 UI/UX Case Study — IKEA Application Redesign 
作者:Rezza Ananda Yoanko

來自瑞典的IKEA,他們的傢俱產品豐富且有著實用簡潔的設計,然而 IKEA官方APP 卻不如他們的傢俱產品一樣實用簡潔。

範圍

IKEA官方APP 中商品的可發現性( discoverability ) 
讓使用者能更容易依據需求搜尋商品

重新設計流程

依照關鍵字、類別找尋 → 篩選 → 加入購物單 → 讓購物單選單易找尋

設計思考過程

1. 同理(Empathize)

(1) 實際試用過APP後發現可能的問題,並創造易用性測試場景。
(2) 查找Google Play商店裡對IKEA官方APP的評價:
 ex. 使用者表示很難在IKEA官方APP正確地搜尋到他們想要找的商品
(3) 整理出使用者在APP上搜尋商品的行為、面臨的痛點、使用後的感受
(4) 設定一個範圍進行使用者深度訪談(關鍵資訊:用戶資料、行為)
(5) 以指定任務進行易用性測試
(6) 測試結果發現,要完成一項任務居然要花上平均將近一至一分半的時間,甚至還有任務失敗的例子(因為找不到購物清單的選單位置)

2. 定義(Define)

(1)依據使用者訪談與易用性測試後創建人物誌以及顧客旅程地圖
(2)列舉出IKEA官方APP的問題和當下可改善的方案:
 A. 輸入關鍵字尋找商品不容易(找不到搜尋列) → 搜尋列放在顯眼處
 B. 商品分類資訊不完整且無法搜尋 → 分類項輔以圖片並使其也可搜尋
 C. 用滑軌方式調整價格範圍很不容易 → 改為勾選式
 D. 搜尋結果缺乏詳細商品資訊 → 加使用者希望擁有的詳細資訊
 E.商品資訊的圖片、文字過大 → 調整大小與頁面排版
 F. 難以找尋的購物清單 → 更改購物清單的位置
(3)以「優先權矩陣」分類問題的輕重緩急,歸納改善方向
(4)列出可行的見解

3. 構思(Ideate)

(1)使用者流程 (2)資訊架構 (3)Wireframe (4)設計系統 (5)Mock up設計

4. 原型(Prototype)

作者提供的連結原型

5. 測試(Test)

重新設計後再次進行易用性測試
測試結果相較於原本APP,使用者完成任務花費的時間減少且並無失敗


結果
使用者使用重新設計的介面後,獲得較好的使用者體驗。
使用者在原版本APP內的痛點都有得到解決,APP明顯變得更易於使用。

個人心得

因為我很喜歡IKEA鯊魚,也很喜歡IKEA,所以就選了這一篇。
心得一言以蔽之:百聞不如一見 
春季班到現在一直覺得:UX這門學問,光學習理論是不夠的。 
老師提供的這些Redisign實例以及群組大家工作上真實案例,都非常值得配著課程內容反覆思考。
這些會使我在真正開始UX工作後,不會感到迷失方向或是變成一個想只靠理論就說服他人,令人討厭的UX狂。

題外話

看完了這篇Redisign Case後我也點開了我的IKEA官方APP。 
我不清楚最後 IKEA 官方是否真的採納了Rezza同學的這份研究, 
但使用後發現Rezza同學所提到的幾個改善點確實出現在現在版本的IKEA官方APP:
1. 搜尋欄擺在了最容易被看見的首頁最上方
2. 產品分類不僅有圖片輔助找尋,且分類項目也變得較清楚
(從太過繁雜的單品分類變成以空間為單位做為分類)
3. 願望清單跟購物清單的獨立按鈕在導覽列





關於我


avatar-img
0會員
48內容數
產品設計|UX設計|設計思考 學習歷程,還有一些產品觀察跟讀書報告。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
本文探討2024年UI/UX設計趨勢,包括深色模式和色彩適應性、微互動和動畫、3D元素與虛擬現實整合,以及以用戶為中心的數據驅動設計、無障礙設計和情感設計的新方法。
Thumbnail
這是一個簡單的工作流,可以對輸入的圖片進行3D重建
Thumbnail
在這個以用戶為中心的時代,了解UX設計的本質對於設計師和組織來說是至關重要的。本指南將提供一系列有助於創造無縫且易於存取的用戶體驗的實用技巧、洞見和資源。
Thumbnail
在當今這個以用戶為中心的網頁設計及App設計時代,分析用戶流程已成為提升產品用戶體驗的不可或缺的工具。一個流暢、直觀的用戶流程可以顯著提高用戶滿意度並提升任務完成率。以下是一個簡單的四步驟框架,幫助設計師和產品經理分析並改進用戶流程。
Thumbnail
UI(使用者介面)設計對於用戶體驗至關重要。一個好的UI設計可以讓用戶輕鬆地與應用互動,而糟糕的設計則可能導致用戶感到困惑甚至沮喪。本文將探討五個UI 設計在App開發中常見的錯誤,並提供相應的解決策略。
Thumbnail
第 13 天:在專精的領域中,有沒有一個架構是可以分享給初學者學習的?以UI/UX設計師為例,如果你是一個完全門外的求職者,想要入門這行,今天分享一些簡略方法。
Thumbnail
在當今逐漸以用戶經驗(UX)為核心的商業環境中,理解並實施有效的UX設計變得至關重要。用戶人格畫像是工具之一,它幫助企業提升UX成熟度並建立更有效的設計實踐,這不僅可能增加收入還能在組織中產生積極的連鎖效應。本文將探討用戶人格畫像的定義、UX成熟度的各個層級,並解釋這些概念如何幫助組織進行轉型。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
本文探討2024年UI/UX設計趨勢,包括深色模式和色彩適應性、微互動和動畫、3D元素與虛擬現實整合,以及以用戶為中心的數據驅動設計、無障礙設計和情感設計的新方法。
Thumbnail
這是一個簡單的工作流,可以對輸入的圖片進行3D重建
Thumbnail
在這個以用戶為中心的時代,了解UX設計的本質對於設計師和組織來說是至關重要的。本指南將提供一系列有助於創造無縫且易於存取的用戶體驗的實用技巧、洞見和資源。
Thumbnail
在當今這個以用戶為中心的網頁設計及App設計時代,分析用戶流程已成為提升產品用戶體驗的不可或缺的工具。一個流暢、直觀的用戶流程可以顯著提高用戶滿意度並提升任務完成率。以下是一個簡單的四步驟框架,幫助設計師和產品經理分析並改進用戶流程。
Thumbnail
UI(使用者介面)設計對於用戶體驗至關重要。一個好的UI設計可以讓用戶輕鬆地與應用互動,而糟糕的設計則可能導致用戶感到困惑甚至沮喪。本文將探討五個UI 設計在App開發中常見的錯誤,並提供相應的解決策略。
Thumbnail
第 13 天:在專精的領域中,有沒有一個架構是可以分享給初學者學習的?以UI/UX設計師為例,如果你是一個完全門外的求職者,想要入門這行,今天分享一些簡略方法。
Thumbnail
在當今逐漸以用戶經驗(UX)為核心的商業環境中,理解並實施有效的UX設計變得至關重要。用戶人格畫像是工具之一,它幫助企業提升UX成熟度並建立更有效的設計實踐,這不僅可能增加收入還能在組織中產生積極的連鎖效應。本文將探討用戶人格畫像的定義、UX成熟度的各個層級,並解釋這些概念如何幫助組織進行轉型。