KKday為旅遊產品,提供當地特色旅遊體驗。
目前產品的問題在於讓使用者透過Email登入為優先,免費註冊帳號為輔。 我們希望能夠提供讓使用者更便捷的登入方式,
則是透過第三方登入註冊。因此提高第三方登入的優先級,將以第三方登入註冊成功為首要目標。
旅遊產品
2022
Figma、Sketch、Zeplin
登入註冊優化,提高第三方登入註冊的點擊率及註冊成功比例,讓使用者能夠更快速的登入產品。
想要快速瀏覽產品及購買的用戶
產品設計師,透過定義需求及設計流程,負責項目功能流程規劃,設計完稿及工程交付。
產品經理及四位跨平台工程師
我們在平台做了數據的觀測,這次專案提升60%顯著提升了我們的目標,同時新功能也有相對的登入比例。
KKday為旅遊產品,提供當地特色旅遊體驗。
目前產品的問題在於讓使用者透過Email登入為優先,免費註冊帳號為輔。 我們希望能夠提供讓使用者更便捷的登入方式,
則是透過第三方登入註冊。因此提高第三方登入的優先級,將以第三方登入註冊成功為首要目標。
在舊有的登入流程,使用者可以透過Email登入產品,新的用戶則可免費註冊,第三方登入其次。我們將第三方登入註冊的權重拉高, 透過數據來比較優化後的第三方登入比例是否有提升,及新用戶註冊成功的比例提升。這為參與此項目優化的團隊目標,我們共通合作朝此目標前進。
設計目標KKday為多國語系產品,意味著我必須滿足各市場使用者需求的設計,包含跨平台(APP、Mobile Web、WEB)流程體驗及設計模式。 以下是我所遵循的設計原則:
1.一致性
保持產品一致性可以減少用戶學習時間,用戶能夠輕易的使用產品並對品牌加深印象,我需確保流程體驗是一致的。
2.通用性
通用設計模式可以增加複用性,建立一致的使用者體驗並可增加開發效率。第三方登入各有設計指南,我遵循第三方的設計指南,靈活彈性的使用在設計模式上,確保用戶登入時能一致的認知。
3.清楚易達
在介面上需要清楚的設計表達,希望提供給用戶的資訊,理解並且易於使用的。
4.可行性
確保包含了各平台的登入流程優化,及平台的設計原則,除了與專案經理共同討論,在前期階段請工程師參與項目,以理解技術上的可行性。
透過競品研究理解競品如何解決用戶登入問題,及競品資訊架構和操作流程,理解如何與專案目標相似的解決方案。
我必須思考為什麼競品要這麼做,而我們為什麼而做。
以專案需求,理解技術的可行性:可擴增的功能範圍及用戶痛點:快速而不干擾用戶的操作流程。
用戶可以透過第三方及Email登入產品,我們希望用戶能夠以第三方登入為優先,因此將Email登入做深化的部分。
新增上一次登入方式功能,第三方用戶可以快速登入,以加速用戶登入的時間。
為此優化登入流程做了兩次發想版本,並且蒐集團隊的設計回饋,以下為最終版本。
建構模組化設計以保有跨平台交互的一致性,並遵循第三方登入設計準則。
通用且具有原則的元件設計,以建立一致的產品體驗。
2022
Figma、Sketch、Zeplin
Marketplace為KKday產品的合作夥伴,我們為商家新增功能與內容,讓使用者能夠購買商家商品及即時與商家聯絡。
產品使用者及商家用戶
使用者經驗設計師,頁面規劃、設計完稿到工程交付,並與利益相關人展示其設計。
產品經理,設計師及工程團隊
商城商家為KKday產品的合作夥伴。我們在產品上提供給商家區塊,使用者在產品上除了KKday商品同時也可購買商家商品。 我們的目標在於將商家商品與KKday的商品做區隔,又必須保有品牌的一致性。我們希望提供給使用者更豐富的選項,並且有良好瀏覽體驗。
同類型產品競品研究
用戶可以在介面上看到商家資訊,並且理解商家夥伴與KKday商品的不同。
商家資訊的可見性
我們提供商家資訊顯示在商品頁,讓用戶在瀏覽商品時可看見商家資訊,並且可以即時與商家聯絡。 商家資訊是必須清楚可見的,引導用戶理解商家商品與KKday商品的不同。
清晰的對話資訊
我們提供商品卡內容在對話板,讓用戶可看到商品不需再次記憶商品內容,並且在對話當中知道與哪位商家聯絡。 優化對話框及輸入資訊的設計,讓對話更清晰可見,並保持品牌視覺的印象。
通知中心的可發現性
我們將通知中心給予分類,並顯示商家的頭像資訊,這樣用戶就可以分辨通知中心的訊息內容和來源。
建構視覺一致性的設計元素及互動狀態。
2021
Sketch、Zeplin、Invision
我們希望能夠讓使用者更快速找到他們想要的商品,在搜尋歷程及搜尋無結果時提供給使用者更精準的搜尋商品。
有目的的使用者及無目的瀏覽的使用者
使用者經驗設計師,與PM合作,設計完稿及工程交付
產品經理,工程團隊
產品搜尋包含搜尋及搜尋無結果兩專案,目的在於提供給使用者更精準及更豐富的商品內容。
目前搜尋問題在於使用者透過來回的搜尋路徑才能找到商品內容,我們因此簡化流程,讓使用者在首屏可以快速瀏覽切換找尋想要的商品。目前搜尋無結果的問題在於搜尋無結果時,沒有更多的選項入口讓使用者再次尋找,因此提供更多的選項去觸發使用者靈感,進而讓他們找到想要的商品內容。
搜尋首頁
使用者進入搜尋首頁看到推薦來尋找想要的商品,而若是正在當地旅遊的使用者,可以定位目前位置來找尋想要的當地旅遊體驗。圖文列表設計以圖吸引使用者瀏覽,並減少使用者滑動次數即可看到完整內容。
用戶搜尋中
使用者在輸入關鍵字時,包含關鍵字和城市搜尋,可以看到關鍵字的相關內容,以便使用者可以快速瀏覽商品內容,找到想要的商品體驗。透過清晰明確的設計,讓使用者能清楚找尋及快速瀏覽。
找尋更多靈感
使用者可以在搜尋無結果時,看到其他更多推薦商品區塊,以文案提示使用者並觸發靈感,以便使用者能夠快速找尋其他商品。 運用設計心理及模式排列區塊優先級,讓使用者更能記憶與瀏覽。
搜尋無結果
圖文大小排列增加頁面豐富性,利於使用者快速瀏覽;階層設計,強調探索附近區塊的重要性。