UIUX Redesign「現在玩台北」app 🍃

無意間在FB滑到「UXTW 台灣使用者經驗設計協會」的一則貼文,使用者體驗設計實戰營的報名開始,抓住了我的眼球,裡面扎實的課程資源、頂尖的課程講師,甚至還有厲害的業界各領域的大佬們會作為這次的飛行導師,提供給我們問問題課後輔導的機會,實際走入UIUX的世界,去一窺面紗下多樣面貌,藉由這次真槍實戰的過程,去累積相關的技能樹,能參與其中真的是非常開心。

雖然僅僅只是開始 組員都很好笑也都很擅於在龐大的資訊量中揉揉捏捏揉出且找到有價值的洞察 💭
快樂的從0到1 快樂的在每次紮實燒腦抽絲剝繭的討論之中提高了不少對於最終的任務完成會是怎樣的期待感 快樂的彼此攻防想法然後當機shut down 📌

UIUX Redesign台北市觀傳局「現在玩台北」app 開始!🔥

  • 心得

第一堂課走進教室,真的很興奮,好奇即將一起度過11週密集地獄的未知組員是什麼樣的人類,但還沒來得及自我介紹,就直接推入主題,拿起便利貼開始討論滿足 (目標族群)在 (特定情境) 下的 (需求) 還要選定一個最有興趣的方向,作為之後繼續往下發展的主題,一整天都在探索使用者需求,釐清議題方向及劃定問題範圍 ,並產出具體題目讓我們知道是為誰而努力,也設計了訪綱,規劃了受訪者招募輪廓,挑選符合TA的條件,如火如荼的進行後續的流程設計🍃

  • 收穫

藉由使用者訪談這堂課,學習到了如何去設計一場輕鬆好聊的訪談,如何輕鬆自在的跟訪談者互動,如何抓住關鍵痛點持續追問下去,能在實際訪談前作最好準備。

找到合適的受訪對象,也是我們團隊在初步啟動時,面臨的第一個挑戰,如何篩選好的TA,符合我們的專案需求,在有限的時間與資源內快速聚焦想法,從一開始的專案題目設定,訪綱撰寫到後來的受訪者表單設計,設定我們的受訪者目標條件,去過濾及篩選可以受訪的潛在對象,這中間也學到了如何快速精準的瞄準目標對象,從他們身上蒐集到我們想要的經驗與意見

使用者訪談⮕讓這個世界的使用者體驗更好而努力是有影響,我們可以視「受訪者的特徵去調整訪問方式」抽象問題的理解 → 可以換句話說或是舉個例子。

「經驗事實到背後原因的雙向資料收集」經驗事實 具體實例 vs 背後原因及思考邏輯。可以從受訪的過程中知道為什麼使用者會用這個方式去解決它,這個解法背後的考量是什麼?為什麼會選這個app而不是用其他?這都是透過使用者訪談可以得到的洞察!

  • 心得

上課前其實很早就知道這個講師是誰 偶像等級的PM大神,沒事都會看看他寫的文章,了解一下PM要具備的軟硬實力有哪些,業界工作的實際場景PM在團隊扮演什麼角色,組上的大姐大也對PM有著濃厚的興趣,跟業師的online咪挺來自LINE的PM,邏輯好清晰、講話也很有條理,提供很多有用意見,我直接無腦被圈粉٩(˃̶͈̀௰˂̶͈́)و

最大的靈魂衝撞應該就是開始很真實的一直去反問自已:想要解決什麼痛點 要如何解決這個問題 體現的價值是什麼 然後適時的反過頭來去想 為什麼這個要解決這個問題 我怎麼知道解決這個問題是對的~ 有夠哲學 陷入邏輯死結 但真的蠻有趣的🏃‍♀

  • 收穫

市場研究是support我為啥選擇這個TA。挑戰: 要如何在透過你的soft skill展現的過程去讓你的stakeholder 可以去體現你的產品價值 把一些事情做好後又如好把對的價值給到對的人身上

在與產品規劃的飛行導師Online Meeting Time中他跟我們分享,把spec寫得好是很容易被取代的 因為你只是把我跟你說的寫出來而已,想要解決這個痛點要去思考說要如何解決這個問題,要如何體現價值,反過頭來去想為什麼這個要解決這個問題?我怎麼知道解決這個問題是對的?協助去檢視有沒有遺漏幫忙一起確認這些事情,Line的產品經理跟我們分享了很多,也提供給我們很多實質的建議,也很精準的回覆我們詢問的相關問題!

需要先定義一下解決的問題是什麼,可能是為某個商業目標而決定的,要知道背後的商業模式是什麼?最想要解決的點是什麼?那個可能就是北極星指標跟我們的MVP模型 ,在產品設計上需要去描述說合理的推薦是基於什麼樣的方式產生出來,其中最讓我驚艷的一點就是,我們可能會找錯TA或者這個需求根本不存在(假議題),需要不斷去重複確認我們到底想要解決的問題是什麼!

「人是不知道你不知道的事情」,需求到底有沒有存在,看資源跟時間還有錢,飛行導師也跟我們分享在擔任PM的一些經驗分享及如果想往PM這個職涯選擇可以怎麼精進自己

  1. Hard skill 寫文件、數據分析、畫wireframe ,大部分學校課程可以提供的 
  2. Soft skill 溝通、講故事 (人格特質有關)很大的部分去處理人的事情包含老闆、對口、需求方 

你會需要一直保持好奇心去問為什麼,產品是永遠不會有迭代完的一天。可能面臨的挑戰: 要如何在透過展現你的soft skill過程中,去讓你的stakeholder可以體現你的產品價值,把一些事情做好後又如好把對的價值給到對的人身上,這些都是需要不斷累積相關專案經驗的🔪

  • 心得

『設計只是其中的一小部分,畫介面是設計裡面最簡單的一部分啦~ 畫出來的介面怎樣才能成立-> 這才是最困難的一部分,你需要跟很多人合作RD啊、行銷啊、PM啊、老闆啊,你要知道user怎樣去使用介面來得到他們的資訊,看到這些資訊他們會採取什麼樣的行為,而我們要怎麼去捕捉這些行為,這些才是配合商業目的最困難的地方。』怎樣去代表我們設計的價值,告訴我們其他夥伴這些價值是什麼!腦袋一直飄出這些話,畢竟很想成為figma大師,弄出wireframe的日子裡,每天都周遊在miro figma FigJam裡 眼睛真的要壞掉了:)💩

最後產出的mockup其實還蠻滿意的 從設計概念出發,到設計假設 資訊架構 打掉重來 收斂核心痛點 繼續完成介面設計,本以為好像進度還行,畢竟已經在無數個日夜裡構思要怎麼呈現介面,才發現弄出可以做測試的prototype也是一門學問 …… 截一堆圖寄信問業師 然後認真的打量頁面轉換的效果,一些視覺動畫的呈現 真的很精實(攤

  • 收穫

這互動設計的課程中,需要承接上一堂課我們設定的產品策略、指標跟了解到目前的產品現況,互動設計的講師也跟我們分享了很多設計上的原則,也簡單地帶領我們摸索figma上的一些元件跟功能,學習如何製作原型去驗證我們的設計方案,因為我們有些組員也是第一次碰到figma所以初期有點手忙腳亂,但到後期也慢慢掌握到這套工作的精髓可以應用在後續的原型製作上。

在跟飛行導師的Meeting階段,也得到了很多反饋針對我們這組的wireframe設計上,如:

  1. 建議收斂概念,著重構想一個功能優化就好,並建議思考一個用戶最痛的痛點解決即可
  2. 可以把心力著重在構想「行程安排」,以解決用戶最痛痛點規劃流程與功能
  3. 注意要考慮用戶上手成本

很多的設計小細節都是我們之前不太留意到的,像是在APP登入頁面上,就有很多需要考量的點,像是第三方登入多個的時候怎麼處理?獲取簡訊驗證碼倒數要怎麼設計?思考登入是否為必需,這些都是需要考量到,有點被當頭棒喝的感覺,因為要考量的點遠遠超出我的預期……

關鍵字搜尋和搜尋 focus 這兩頁的觸發時機?搜索 bar 右邊的 filter icon 點擊後會是什麼畫面?收藏景點上方的 tag 與右上角漢堡按鈕代表意思?行程內新增景點按鈕會不會太下面?和一鍵規劃的重要度?是否可手動安排?行程時間是怎麼被安排的?

以上的重重問題,都使我們不斷去思考我們到底想要解決的問題是什麼,這個button點完之後要呈現什麼頁面,一點一滴的琢磨跟優化,呈現富有視覺美感跟頁面邏輯跳轉合理的APP是需要不段迭代跟調整的!

  • 心得

礙於prototype 難產,整個測試驗證的時限又只有兩週,還有最終簡報需要設計,河河實在有點焦頭爛額,但有了前期使用者訪談的經驗,這次在與受測者應對互動上,覺得輕鬆自在許多,畢竟要跟陌生人訪談從他身上挖出有用的洞察,尬聊的功力可不能太低階xdddd 好像我本來就蠻愛拉賽的 算是自帶buff?

實際跑過質性訪談,真的可以看到很多設計盲區,漏掉很多重要的情境跟操作上的體驗,去掌握他們為什麼會做這個選擇 每個事實背後的邏輯 有個什麼對應嗎
為什麼會用這個方式去解決它 這個解法背後的考量是什麼 為什麼會選這個app而不是用其他 一坨拉庫 翻覆問自己 (ง’̀-‘́)ง

  • 收穫

Prototype著重於表達設計構想,而非著重於完美樣貌(Recap:MVP概念)需要邀請「目標用戶」來對原型進行測試。易用性測試最常用的測試方式,使用者在操作產品的時候,會遇到哪些困難,最關鍵:你設計的產品,能否幫助用戶達成目標 

易用性測試 -> 有效率地幫助你達到目標 、迅速且準確

業師也跟我們分享,訪談note :Why 是推動設計優化的靈感,設定情境是很重要的跟注意力意圖有關的(做一下情境設定 ,需要多注意每個頁面之間的邏輯關係、原型操作更順暢、不要讓受訪者疑惑、不要解說設計理念,把話題帶往測試任務本身內容感到好奇的點,並繼續往下一個測試任務前進。所給的回饋 可能就不是產品本身的內容,測試幫他包裝一個產品體驗帶領你體驗下一個產品功能。

還有要記得的是,需要把原型hot spot 關掉,藉此去觀察用戶的行為,了解他的困惑點且盡量不要都找之前的需求訪談受訪者,資訊量可能沒辦法幫忙驗證設計構想,也與我們分享經驗法則會把產品經理、設計師排除在受訪對象內,曾經使用過競品的經驗,也會影響易用性測驗的結果,
設計迭代的循環中很難運用量化的結果,且在易用性測試的時候,可以紀錄使用者有哪些成功哪些失敗、使用者運用多少時間來完成這項情境並進行滿意度調查,使用者有多大機率會把這個服務推薦給其他人

因為隊上組員之前就有相關的易用性測驗的經驗,所以在招募受訪者,受訪者條件篩選表單設計、訪綱設計上都非常快速的產出,在訪談過程中也很順利的收集到我們想要的洞察及設計機會點,如何重新調整我們的原型,產出更符合使用者需求的產品!

在經過整整兩個月密集的上課、實作、開會的循環,最後各個組別都會進行成果發表,把兩個月來的努力跟成果展現給大家看,主辦單位也有邀請評審給我們建議跟評價!其實走到後面對我來說彷彿剛開始而已,透進UIUX的圈子,實際動手畫流程圖、設計訪綱、找尋產品策略、設計機會點,這一連串的知識理論實作並進的過程,著實讓我對自己更有自信了些!

要懂一些商業東西,使用者體驗:我們做的這一系列研究進而把一群TA服務的非常好來實現一個商業目標,可能去出去業界工作就會發現UX團隊在公司是處於一個很特別的定位,很特別的機會可以去接觸公司各種不同的function。

研究有很多種方式,訪談只是其中一種,假如我們要認真去理解一種現象,尤其是使用者,產品跟服務中間的關係,可以用的研究手段非常多(質化、量化)

by 評審大大給的實質建議

評審老師在最後在我們各組成果發表後給我們了一段建議,聽了真的超有感觸,很多機會點都是以使用者為中心去出發去考量✨

為什麼要有Persona -> 就是可以拿出來跟整個團隊討論我們是為誰而努力。體驗就是包山包海,搞不定資料來源就不算好的體驗 ,最能幫助使用者的人就是其他使用者。

如果痛點都是一樣的話,這是蠻棒的可以聚焦並且打下力。實際上去體驗探勘,中間遇到的每一個挫折是很好的洞察與設計機會,也是使用者研究很重要的。

真的太多東西要整理消化了,好想要一個4090顯卡來支援一下我時不時就會中斷的思考電波,UIUX 產品設計師真的蠻有趣的,很多事情好像現在才剛開始,大大的世界又可以繼續率真地感受下去了 🔥🔥


(今天要聽 XMASwu – Sorry But♫)

發表留言