Rental Rental Party-派對租借平台專案

更新於 發佈於 閱讀時間約 7 分鐘

Hi, I'm Emma Liu.

目前居住於新北市林口區,曾經擔任過警政署消防隊員、儀器工程師、助理研究員以及蘋果供應鏈中光學鏡頭廠的Project Manager。近期參加了Tibame的UIUX設計師轉職班(2023/6~9月),與小組共同完成了以下專案---派對用具租賃平台(Web)。

開發流程:

>主題討論發想

>競品分析

>Persona建立

>User Journey Map建立

>使用者訪談

>SiteMap、ScreenFlow、UI設計規範、WireFrame、MockUp製作(Figma)

>Protopty建立(Figma)

>網站架設(含HTML、CSS、JavaScript、JQuery、Boostrap)

>易用性測試(5人)+SUS調查

>產品改良以利更符合十大易用性與八大黃金定律,改善使用者流暢度與便利性

>上線後Metrics方向訂定


About The Product

小組成員:

Emma

Peggy

Wei

Rex

Ruby

1.主題發想

切入點 1: 我們發現市面上的租賃平台,不夠簡便也相當沒有質感,整體流程也不太流暢。

切入點 2: 派對發起者經常因過程繁瑣,造成不便,甚至取消。

切入點 3: 想辦活動時有時會缺乏靈感,不知從何下手。

raw-image

2.研究方法

raw-image

・競品分析・Persona(假設)・Persona(真實數據)・偏好測試・訪談・偏好測試


3.競品分析

比較其他產品與欲開發平台功能差異,以我們產品為主出發研究競品。

raw-image

4.Persona & User Journey Map

以使用者類型建立Persona,利用競品分析並建立User Journey Map,找出使用者痛點並列入使用者訪談中重點提問,以受訪對象意見佐證觀點是否符合實際使用情境。

Persona(假設)

Persona(假設)

raw-image


5.使用者訪談

(1)受訪對象背景:

(a)年齡介於20~29歲之間,共6人

(b)近一年使用過電商平台租借物品至少1次

(c)平時有參與或舉辦派對習慣

(2)受訪者反饋:

raw-image


(3)受訪者反饋重點歸納:

首先於反饋中,我們發現大部分受訪者時常參加的派對規模落在10~30人之

間, 符合我們產品對於舉辦小型派對的預期人數

(a)真實與假設數據(Persona)

大致符合假設,唯獨真實數據方面反應租借與歸還的方便性是小組一開

始沒考慮到的方面。

raw-image


(b)主題套組的決定:

由於我們原先發想主題式派對套組的租借,所以訪談中對於「最有興趣

舉辦的派對」進行訪談調查,發現最多人提及 聖誕派對 萬聖派對 。

其餘選項票數平手,在考慮到提高平台被使用頻率下,我們決定另一個

主題採納 生日派對 為最後一個套組。

(c)派對資金分配意願:

我們發現受訪者平均願意花費超過 69.7% 以上的金額比例於擺設+設

,符合我們產品服務方向。

(d)套組產品設定:

在主題套組中除了契合主題的主要物品外,還有會一些共同產品,我們

將藉助受訪者意見設計共同產品,包含入主題中。(如:音響、投影設

備、行動冰箱等)。

(e)受訪者競品操作與重點開發部分:

・ 有84%受訪者偏好簡潔乾淨的網站呈現,我們產品視覺方面會以這

個方向進行設計與排版。

・ 改善付款方式不夠多元 的缺點

・ 有套組租借需求,但競品中沒有提供此項服務。

・ 有展延訂單需求,但競品中沒有提供此項服務。

以上將會是我們重點開發部分


6.產品開發

(1)SiteMap

網站主要功能排定

raw-image

每一頁面呈現資訊排定

raw-image

(2)ScreenFlow-Login示意

raw-image


(3)UI設計規範

raw-image


(4)WireFrame

raw-image

WireFrame_Figma連結


(5)MockUp

raw-image

MockUp_Figma連結


(6)Protopty建立

raw-image

(7)網站架設(HTML、CSS、Javascript、JQuery、Boostrap)

由本機端現場展示


7.易用性測試與SUS量表

(1)測試流程與假資料

一邊賦予受測者任務一邊記錄操作過程,結束後再請受測者填寫系統易用性量表。

raw-image

(2)系統易用性量表(SUS)

raw-image

(3)以SUS量表計算受測者分數

raw-image

產品整體分數落於B層級。

raw-image


8.產品優化Metrics

raw-image

產品優化任務連結




About My Work

1.小組成員對我的評價:團隊中的協調者

由於在Tibame的UI/UX轉職班只有短短3個月時間,其中除了團體專案外還包括個人專題,所以時間上是相當緊迫的。

意識到這一點後,我很快地主動接觸、認識小組成員們,並在一次次WorkShop的合作中觀察並理解每位小組成員的處事風格,思考邏輯以及面對問題的切入角度。

專案開始不久,我便發現除了我與另一名成員外,其他人主動發言、加入討論的頻率十分低靡,如此一來專題方向會被節奏快且不吝發言的我們拉著走。

但這個專案是小組共同製作,必須每個人的意見都進來討論,做出來的成品才會對每個人都有價值。

所以我逐漸在每次的會議上改變討論方式,開始將問題丟出去給比較安靜的組員,表示想聽聽他們的意見。而在這之後我也有了驚人的發現,這些組員們並非沒有想法,而是他們更習慣深思熟慮後再發表意見,而他們提供的意見與想法時常傑出得使我感到震驚與佩服。

此後我延續這樣的討論模式,小組討論的熱度逐漸有了成效,效率也十分出色,我想也是我們團體專案能順利且漂亮完成的主因之一。

期間我會主動追蹤專案進度,注意課程斷點發表的日期,並主動號召小組成員排定課外時間約訪談、測試、討論、分配網頁製作、以及租借教室等事宜。

很高興這個專案最後以全班3個小組中最高的完成度劃下句點,十分感謝我們這個小組每一位成員的努力。我們都是網頁程式的菜雞,在進入課程前HTML、CSS、JavaScript都是完全陌生的東西,更別提JQuery與Boostrap,在幾堂程式課後便進入實際架設網站環節,是小組痛苦指數最高的時期。

但憑藉著大家的耐心、智慧、自學與解決問題的能力,與最重要的,對小組專案的責任心,我們終於完成了網站架設。

經由這次協作經驗,我認為自己更適合Product Manager一職勝過UI/UX設計師。求職方向也會以此為目標,進一步瞭解更多資訊。


2.網頁架設

負責Index、Product List、Contact Us、網頁彈窗與過場動畫部分

(1)首頁/Index

index.gif

index.gif

(2)Product List

raw-image

(3)Contact Us

raw-image


(4)彈窗、過場動畫範例

raw-image



3.易用性測試後功能改良:

(1)新增智慧客服,24小時回覆客戶,簡單的問題得以立即得到解決

raw-image

(2)將訂單展延按鈕改換至較易發現的位置,以利有需求的客戶能在第一時間

找到此項功能

raw-image

(3)加寬契約欄位,增加閱讀書適度

raw-image

其他改善成果連結









avatar-img
0會員
3內容數
參與專案彙整
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
分享區 的其他內容
1.StakeHolder訪談 模擬與企業方主管與員工的對談,藉此尋找出企業方「想解決的問題」解方。或是經由訪談發現並提出企業方「真正痛點」為何,在與企業方共同討論可能的解方。 2.偏好設定測試 快速找出業主所期望的產品風格、樣式等,以利之後的開發製作流程,減少溝通成本。 3.蝦
1.StakeHolder訪談 模擬與企業方主管與員工的對談,藉此尋找出企業方「想解決的問題」解方。或是經由訪談發現並提出企業方「真正痛點」為何,在與企業方共同討論可能的解方。 2.偏好設定測試 快速找出業主所期望的產品風格、樣式等,以利之後的開發製作流程,減少溝通成本。 3.蝦
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
舉辦實體活動,就像是一場連結眾人的魔幻旅程。 身為 UX 圈的人,搞好活動體驗我認為是一定要的,也因此,以下我會紀錄我如何運用多種工具(Gamma、SurveyCake、Google 試算表、ChatGPT、簡訊與電子報工具),來完成這場電影包場活動。 ▍⓪ 前言:關於我踏入電影包場一途
Thumbnail
今天來學習的是王彥博 老師的《用戶旅程體驗設計工作坊》。​​ 講到用戶旅程體驗設計,聽起來非常繞口(確實要解釋非常花時間),但從我自己的理解,就是一個顧客因為需求而購買服務的過程,可以稱之​。 銷售者要讓產品持續不斷銷售,這個過程非常重要。 ​大部分消費都是持續發生,而非單次,因此不同需求
Thumbnail
為活動安排適合的工作分組,不僅可以幫助活動流暢,往更遠一點看,能幫助大家提升其專業分工上能力,例如一開始只能當一位接待員,但經驗累積後,主管就可以放手給其承擔各大領導角色。這樣的思維可能顛覆傳統職場上對下關係,但對一個組織長遠發展跟經驗傳承是好的。本文以一場200人研討會規格,試著列出所需人力分組。
Thumbnail
在敏捷開發過程中,每兩週都會有一場回顧會議(retro),PO、UX、RD、QA 會針對該 Sprint 進行檢討和反思,這篇想記錄以產品經理(PO)的角度常被提到的檢討點,一方面是幫助自己成長,另一面是更濃縮自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產品策略、產品規劃有興
Thumbnail
近期正試著拓展產品思維,開始透過 FAANG 的 Product strategy Interview 來自我練習,這篇先從「如何提升 Cakeresume 使用人數?」開始,藉由自問自答、題目拆解、產品發想、市場策略等面向來挖深自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產
Thumbnail
穎將自己的日常計畫,運用 PAI系統 轉為專案形式,加上不同目的的客製化篩選、排序、圖示等資料庫可視化的呈現 ,讓課程、學習都能夠清晰明瞭。穎的使用指南寫得清楚直觀,也把自己最重要的專案寫在指南內,是可以把眾多專案展現清楚的系統。
Thumbnail
會議室租借系統是現代商業環境中一個重要的解決方案,利用其功能和優點可以提高管理和預訂會議室的效率以及使用者體驗。這些功能包括預訂和管理會議室、自動通知和提醒、設備和資源管理、統計和報表功能等,這些都有助於提高會議的效果和效率。
Thumbnail
創創早餐會,每週一次的線上聚會,由 EiMBA 校友會發起,藉由創業家們交流經驗,開啟更多的機會。此次分享者為途你的創辦人謝上衡,談談機車租賃產業的現況,以及途你怎麼透過數位化與透明化,優化消費者的租車體驗。
Thumbnail
🚀前言: 彩蛋在最後,記得看到最後!!! 上週參加了在台北舉辦的 Gamma User Meetup,真的像是打開了一扇通往簡報藝術的新世界。 在這場活動中,講者和使用者分享了 Gamma 在不同領域的應用,而我個人覺得最讓人印象深刻的 3 個領域分別是「產品/專案成果展示」、「教育應用」以及
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
舉辦實體活動,就像是一場連結眾人的魔幻旅程。 身為 UX 圈的人,搞好活動體驗我認為是一定要的,也因此,以下我會紀錄我如何運用多種工具(Gamma、SurveyCake、Google 試算表、ChatGPT、簡訊與電子報工具),來完成這場電影包場活動。 ▍⓪ 前言:關於我踏入電影包場一途
Thumbnail
今天來學習的是王彥博 老師的《用戶旅程體驗設計工作坊》。​​ 講到用戶旅程體驗設計,聽起來非常繞口(確實要解釋非常花時間),但從我自己的理解,就是一個顧客因為需求而購買服務的過程,可以稱之​。 銷售者要讓產品持續不斷銷售,這個過程非常重要。 ​大部分消費都是持續發生,而非單次,因此不同需求
Thumbnail
為活動安排適合的工作分組,不僅可以幫助活動流暢,往更遠一點看,能幫助大家提升其專業分工上能力,例如一開始只能當一位接待員,但經驗累積後,主管就可以放手給其承擔各大領導角色。這樣的思維可能顛覆傳統職場上對下關係,但對一個組織長遠發展跟經驗傳承是好的。本文以一場200人研討會規格,試著列出所需人力分組。
Thumbnail
在敏捷開發過程中,每兩週都會有一場回顧會議(retro),PO、UX、RD、QA 會針對該 Sprint 進行檢討和反思,這篇想記錄以產品經理(PO)的角度常被提到的檢討點,一方面是幫助自己成長,另一面是更濃縮自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產品策略、產品規劃有興
Thumbnail
近期正試著拓展產品思維,開始透過 FAANG 的 Product strategy Interview 來自我練習,這篇先從「如何提升 Cakeresume 使用人數?」開始,藉由自問自答、題目拆解、產品發想、市場策略等面向來挖深自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產
Thumbnail
穎將自己的日常計畫,運用 PAI系統 轉為專案形式,加上不同目的的客製化篩選、排序、圖示等資料庫可視化的呈現 ,讓課程、學習都能夠清晰明瞭。穎的使用指南寫得清楚直觀,也把自己最重要的專案寫在指南內,是可以把眾多專案展現清楚的系統。
Thumbnail
會議室租借系統是現代商業環境中一個重要的解決方案,利用其功能和優點可以提高管理和預訂會議室的效率以及使用者體驗。這些功能包括預訂和管理會議室、自動通知和提醒、設備和資源管理、統計和報表功能等,這些都有助於提高會議的效果和效率。
Thumbnail
創創早餐會,每週一次的線上聚會,由 EiMBA 校友會發起,藉由創業家們交流經驗,開啟更多的機會。此次分享者為途你的創辦人謝上衡,談談機車租賃產業的現況,以及途你怎麼透過數位化與透明化,優化消費者的租車體驗。
Thumbnail
🚀前言: 彩蛋在最後,記得看到最後!!! 上週參加了在台北舉辦的 Gamma User Meetup,真的像是打開了一扇通往簡報藝術的新世界。 在這場活動中,講者和使用者分享了 Gamma 在不同領域的應用,而我個人覺得最讓人印象深刻的 3 個領域分別是「產品/專案成果展示」、「教育應用」以及