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: 想辦活動時有時會缺乏靈感,不知從何下手。

vocus|新世代的創作平台

2.研究方法

vocus|新世代的創作平台

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


3.競品分析

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

vocus|新世代的創作平台

4.Persona & User Journey Map

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

Persona(假設)

Persona(假設)

vocus|新世代的創作平台


5.使用者訪談

(1)受訪對象背景:

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

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

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

(2)受訪者反饋:

vocus|新世代的創作平台


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

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

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

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

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

始沒考慮到的方面。

vocus|新世代的創作平台


(b)主題套組的決定:

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

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

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

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

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

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

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

(d)套組產品設定:

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

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

備、行動冰箱等)。

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

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

個方向進行設計與排版。

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

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

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

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


6.產品開發

(1)SiteMap

網站主要功能排定

vocus|新世代的創作平台

每一頁面呈現資訊排定

vocus|新世代的創作平台

(2)ScreenFlow-Login示意

vocus|新世代的創作平台


(3)UI設計規範

vocus|新世代的創作平台


(4)WireFrame

vocus|新世代的創作平台

WireFrame_Figma連結


(5)MockUp

vocus|新世代的創作平台

MockUp_Figma連結


(6)Protopty建立

vocus|新世代的創作平台

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

由本機端現場展示


7.易用性測試與SUS量表

(1)測試流程與假資料

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台


8.產品優化Metrics

vocus|新世代的創作平台

產品優化任務連結




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

vocus|新世代的創作平台

(3)Contact Us

vocus|新世代的創作平台


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

vocus|新世代的創作平台



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

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

vocus|新世代的創作平台

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

找到此項功能

vocus|新世代的創作平台

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

vocus|新世代的創作平台

其他改善成果連結









留言
avatar-img
分享區
0會員
3內容數
參與專案彙整
你可能也想看
Thumbnail
在敏捷開發過程中,每兩週都會有一場回顧會議(retro),PO、UX、RD、QA 會針對該 Sprint 進行檢討和反思,這篇想記錄以產品經理(PO)的角度常被提到的檢討點,一方面是幫助自己成長,另一面是更濃縮自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產品策略、產品規劃有興
Thumbnail
在敏捷開發過程中,每兩週都會有一場回顧會議(retro),PO、UX、RD、QA 會針對該 Sprint 進行檢討和反思,這篇想記錄以產品經理(PO)的角度常被提到的檢討點,一方面是幫助自己成長,另一面是更濃縮自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產品策略、產品規劃有興
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
會議室租借系統是現代商業環境中一個重要的解決方案,利用其功能和優點可以提高管理和預訂會議室的效率以及使用者體驗。這些功能包括預訂和管理會議室、自動通知和提醒、設備和資源管理、統計和報表功能等,這些都有助於提高會議的效果和效率。
Thumbnail
會議室租借系統是現代商業環境中一個重要的解決方案,利用其功能和優點可以提高管理和預訂會議室的效率以及使用者體驗。這些功能包括預訂和管理會議室、自動通知和提醒、設備和資源管理、統計和報表功能等,這些都有助於提高會議的效果和效率。
Thumbnail
本文將探討辦公室管理系統如何有效處理交誼廳借用及管理事宜,包括建立線上預約系統、設定借用規則政策、自動化審批流程、提供使用指南和規範,以及數據分析報告。透過辦公室管理系統,企業能夠實現交誼廳借用的高效、透明和合規管理,提高員工滿意度和工作效率。
Thumbnail
本文將探討辦公室管理系統如何有效處理交誼廳借用及管理事宜,包括建立線上預約系統、設定借用規則政策、自動化審批流程、提供使用指南和規範,以及數據分析報告。透過辦公室管理系統,企業能夠實現交誼廳借用的高效、透明和合規管理,提高員工滿意度和工作效率。
Thumbnail
穎將自己的日常計畫,運用 PAI系統 轉為專案形式,加上不同目的的客製化篩選、排序、圖示等資料庫可視化的呈現 ,讓課程、學習都能夠清晰明瞭。穎的使用指南寫得清楚直觀,也把自己最重要的專案寫在指南內,是可以把眾多專案展現清楚的系統。
Thumbnail
穎將自己的日常計畫,運用 PAI系統 轉為專案形式,加上不同目的的客製化篩選、排序、圖示等資料庫可視化的呈現 ,讓課程、學習都能夠清晰明瞭。穎的使用指南寫得清楚直觀,也把自己最重要的專案寫在指南內,是可以把眾多專案展現清楚的系統。
Thumbnail
為活動安排適合的工作分組,不僅可以幫助活動流暢,往更遠一點看,能幫助大家提升其專業分工上能力,例如一開始只能當一位接待員,但經驗累積後,主管就可以放手給其承擔各大領導角色。這樣的思維可能顛覆傳統職場上對下關係,但對一個組織長遠發展跟經驗傳承是好的。本文以一場200人研討會規格,試著列出所需人力分組。
Thumbnail
為活動安排適合的工作分組,不僅可以幫助活動流暢,往更遠一點看,能幫助大家提升其專業分工上能力,例如一開始只能當一位接待員,但經驗累積後,主管就可以放手給其承擔各大領導角色。這樣的思維可能顛覆傳統職場上對下關係,但對一個組織長遠發展跟經驗傳承是好的。本文以一場200人研討會規格,試著列出所需人力分組。
Thumbnail
擔任產品經理常常反思自己哪邊可以更好,以及要加強哪些產品思維或技能,和工程師、設計師互動時有沒有可以改善的地方,制訂策略和規劃時有沒有遺漏什麼環節,因此這篇想記錄近期的產品反思。
Thumbnail
擔任產品經理常常反思自己哪邊可以更好,以及要加強哪些產品思維或技能,和工程師、設計師互動時有沒有可以改善的地方,制訂策略和規劃時有沒有遺漏什麼環節,因此這篇想記錄近期的產品反思。
Thumbnail
每個月底都會將分享於粉絲專頁的不定期【接班備忘錄】整理分享,這些隨筆有的是靈光一閃,但沒有時間發展成一篇文章;有的是在工作日常的當頭棒喝,當然也會有接班過程中的無奈苦笑、自娛娛人。這些隨筆,都希望能有時間好好發展想法與脈絡,但在那之前就用這種方式與大家分享。歡迎追蹤接班G.G.了的粉絲專頁 解決方
Thumbnail
每個月底都會將分享於粉絲專頁的不定期【接班備忘錄】整理分享,這些隨筆有的是靈光一閃,但沒有時間發展成一篇文章;有的是在工作日常的當頭棒喝,當然也會有接班過程中的無奈苦笑、自娛娛人。這些隨筆,都希望能有時間好好發展想法與脈絡,但在那之前就用這種方式與大家分享。歡迎追蹤接班G.G.了的粉絲專頁 解決方
Thumbnail
近期正試著拓展產品思維,開始透過 FAANG 的 Product strategy Interview 來自我練習,這篇先從「如何提升 Cakeresume 使用人數?」開始,藉由自問自答、題目拆解、產品發想、市場策略等面向來挖深自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產
Thumbnail
近期正試著拓展產品思維,開始透過 FAANG 的 Product strategy Interview 來自我練習,這篇先從「如何提升 Cakeresume 使用人數?」開始,藉由自問自答、題目拆解、產品發想、市場策略等面向來挖深自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News