專案期間

2022

使用工具

Figma、Sketch、Zeplin

專案概述

登入註冊優化,提高第三方登入註冊的點擊率及註冊成功比例,讓使用者能夠更快速的登入產品。

目標用戶

想要快速瀏覽產品及購買的用戶

我的角色

產品設計師,透過定義需求及設計流程,負責項目功能流程規劃,設計完稿及工程交付。

合作團隊

產品經理及四位跨平台工程師

專案成果

我們在平台做了數據的觀測,這次專案提升60%顯著提升了我們的目標,同時新功能也有相對的登入比例。

背景與問題

KKday為旅遊產品,提供當地特色旅遊體驗。
目前產品的問題在於讓使用者透過Email登入為優先,免費註冊帳號為輔。 我們希望能夠提供讓使用者更便捷的登入方式,
則是透過第三方登入註冊。因此提高第三方登入的優先級,將以第三方登入註冊成功為首要目標。

專案目標

在舊有的登入流程,使用者可以透過Email登入產品,新的用戶則可免費註冊,第三方登入其次。我們將第三方登入註冊的權重拉高, 透過數據來比較優化後的第三方登入比例是否有提升,及新用戶註冊成功的比例提升。這為參與此項目優化的團隊目標,我們共通合作朝此目標前進。

設計目標

設計目標KKday為多國語系產品,意味著我必須滿足各市場使用者需求的設計,包含跨平台(APP、Mobile Web、WEB)流程體驗及設計模式。 以下是我所遵循的設計原則:
1.一致性
保持產品一致性可以減少用戶學習時間,用戶能夠輕易的使用產品並對品牌加深印象,我需確保流程體驗是一致的。
2.通用性
通用設計模式可以增加複用性,建立一致的使用者體驗並可增加開發效率。第三方登入各有設計指南,我遵循第三方的設計指南,靈活彈性的使用在設計模式上,確保用戶登入時能一致的認知。
3.清楚易達
在介面上需要清楚的設計表達,希望提供給用戶的資訊,理解並且易於使用的。
4.可行性
確保包含了各平台的登入流程優化,及平台的設計原則,除了與專案經理共同討論,在前期階段請工程師參與項目,以理解技術上的可行性。

競品研究與分析

透過競品研究理解競品如何解決用戶登入問題,及競品資訊架構和操作流程,理解如何與專案目標相似的解決方案。
我必須思考為什麼競品要這麼做,而我們為什麼而做。
以專案需求,理解技術的可行性:可擴增的功能範圍及用戶痛點:快速而不干擾用戶的操作流程。

User Flow

用戶可以透過第三方及Email登入產品,我們希望用戶能夠以第三方登入為優先,因此將Email登入做深化的部分。
新增上一次登入方式功能,第三方用戶可以快速登入,以加速用戶登入的時間。
為此優化登入流程做了兩次發想版本,並且蒐集團隊的設計回饋,以下為最終版本。

Module Design

建構模組化設計以保有跨平台交互的一致性,並遵循第三方登入設計準則。

Design System

通用且具有原則的元件設計,以建立一致的產品體驗。

專案期間

2022

使用工具

Figma、Sketch、Zeplin

專案概述

Marketplace為KKday產品的合作夥伴,我們為商家新增功能與內容,讓使用者能夠購買商家商品及即時與商家聯絡。

目標用戶

產品使用者及商家用戶

我的角色

使用者經驗設計師,頁面規劃、設計完稿到工程交付,並與利益相關人展示其設計。

合作團隊

產品經理,設計師及工程團隊

專案概述

商城商家為KKday產品的合作夥伴。我們在產品上提供給商家區塊,使用者在產品上除了KKday商品同時也可購買商家商品。 我們的目標在於將商家商品與KKday的商品做區隔,又必須保有品牌的一致性。我們希望提供給使用者更豐富的選項,並且有良好瀏覽體驗。

競品研究

同類型產品競品研究

Wireframe

用戶可以在介面上看到商家資訊,並且理解商家夥伴與KKday商品的不同。

商家資訊的可見性

讓用戶明白商家商品相異之處

我們提供商家資訊顯示在商品頁,讓用戶在瀏覽商品時可看見商家資訊,並且可以即時與商家聯絡。 商家資訊是必須清楚可見的,引導用戶理解商家商品與KKday商品的不同。

清晰的對話資訊

讓用戶不需再次記憶商品並且明白與誰對話

我們提供商品卡內容在對話板,讓用戶可看到商品不需再次記憶商品內容,並且在對話當中知道與哪位商家聯絡。 優化對話框及輸入資訊的設計,讓對話更清晰可見,並保持品牌視覺的印象。

通知中心的可發現性

讓用戶明白通知中心的訊息內容

我們將通知中心給予分類,並顯示商家的頭像資訊,這樣用戶就可以分辨通知中心的訊息內容和來源。

Design System

建構視覺一致性的設計元素及互動狀態。

專案期間

2021

使用工具

Sketch、Zeplin、Invision

專案概述

我們希望能夠讓使用者更快速找到他們想要的商品,在搜尋歷程及搜尋無結果時提供給使用者更精準的搜尋商品。

目標用戶

有目的的使用者及無目的瀏覽的使用者

我的角色

使用者經驗設計師,與PM合作,設計完稿及工程交付

合作團隊

產品經理,工程團隊

專案概述

產品搜尋包含搜尋及搜尋無結果兩專案,目的在於提供給使用者更精準及更豐富的商品內容。
目前搜尋問題在於使用者透過來回的搜尋路徑才能找到商品內容,我們因此簡化流程,讓使用者在首屏可以快速瀏覽切換找尋想要的商品。目前搜尋無結果的問題在於搜尋無結果時,沒有更多的選項入口讓使用者再次尋找,因此提供更多的選項去觸發使用者靈感,進而讓他們找到想要的商品內容。

搜尋首頁

讓用戶能夠在首屏快速瀏覽找到想要的商品

使用者進入搜尋首頁看到推薦來尋找想要的商品,而若是正在當地旅遊的使用者,可以定位目前位置來找尋想要的當地旅遊體驗。圖文列表設計以圖吸引使用者瀏覽,並減少使用者滑動次數即可看到完整內容。

用戶搜尋中

讓用戶在搜尋關鍵字時能輕易瀏覽內容

使用者在輸入關鍵字時,包含關鍵字和城市搜尋,可以看到關鍵字的相關內容,以便使用者可以快速瀏覽商品內容,找到想要的商品體驗。透過清晰明確的設計,讓使用者能清楚找尋及快速瀏覽。

找尋更多靈感

搜尋無結果Wireframe

使用者可以在搜尋無結果時,看到其他更多推薦商品區塊,以文案提示使用者並觸發靈感,以便使用者能夠快速找尋其他商品。 運用設計心理及模式排列區塊優先級,讓使用者更能記憶與瀏覽。

搜尋無結果

讓用戶能夠快速瀏覽找尋商品

圖文大小排列增加頁面豐富性,利於使用者快速瀏覽;階層設計,強調探索附近區塊的重要性。

下一個專案 ⇀