捷運盃黑客松參賽心得|非業界的設計團隊如何打進決賽?(上)
捷運盃黑客松,今年是第三屆,相較前兩屆的創新主題,今年的題目聚焦在「台北捷運 Go App」的 UIUX Redesign,這也是我參賽的主因:累積具有可看性的作品集。今年的報名隊伍將近 180 組,入選決賽有 12 組,冠亞軍團隊似乎都有業界設計師,而我們團隊由四位 UIUX 初心者所組成,幸運拿下季軍,相信有很多也想轉職的朋友報名參賽或者動了參賽的念頭,我想藉由這篇參賽心得文,分享非業界設計師打進決賽的策略。
怕文章太長,分成上下篇,這一篇主要說明初賽準備時的一些策略和團隊溝通的小技巧。下篇會著重在易用性測試及簡報的準備。
簡述一下團隊組成:我是有五年工作經驗的接案設計師, UIUX 學習時間約兩年(然後還沒轉職XD),其他成員分別有八年工作經驗的平面設計師、工作一年多的新鮮人、大四學生,三位皆自學半年到八個月左右。
【本文段落】
🤓 初賽|前期分析 — 短時間如何找到改版方向
① 不要為了收集量化數據而做一份「貌似堪用的問卷」
② 放棄搜集無效的數據,從質化分析下手
③ 玩產品,把原始頁面做成視覺化 flow
------------------------------------------
🤓 初賽|提案策略 — 當做求職,你要如何拿到面試門票?
④ 從前一屆的決賽直播中考古
⑤ 把企劃書當成面試作品集
------------------------------------------
🥺 寫在最後|改動是常態,沒有一步到位的設計
🤓 初賽|前期分析 — 短時間如何找到改版方向
初賽的時程蠻緊湊的,我們只有 13 天可以完成提案企劃書,這 13 天內要進行研究、訪談、設計最後撰寫企劃,這麼短的時間內,任務的優先序就很重要了。
① 不要為了收集量化數據而做一份「貌似堪用的問卷」
我是最後加入團隊的人,我加入時組員們正在討論「問卷」,當時馬上阻止隊友們發放問卷,為什麼呢?因為,問卷絕對是初心者的一個大坑,我過去做第一份個人 Side project 時發現,與其設計一份沒有參考價值、偏誤過多的問卷,不如好好做質性研究。很多初學者會認為研究的起手式是問卷,殊不知問卷設計本身水就超級深。先思考,做問卷的目的是什麼?當時團隊連產品本身都還不了解,就急著做問卷,只是因為時間太趕覺得要趕快發放,其實背後的目的是很薄弱的,那自然也設計不出一份有效問卷。最後,也是因為時程非常趕,問卷理想的發放時間是七天,如果是要從問卷中得到改版方向,整個時程根本不夠。
關於問卷設計,可以參考 UX Stone 這篇貼文 。
② 放棄搜集無效的數據,從質化分析下手
當然,如果團隊中有人是很擅長問卷設計、有明確做問卷的目標,那用問卷做分析倒也無仿。只是我們團隊除了我以外,另外三位都是沒有太多專案經驗的新手,而我剛好上過 Soking 的訪談課,比起我踩過坑仍舊不懂的問卷設計,訪談可能更能帶領團隊做對事情。雖然訪談也很耗時,但深度訪談更能帶領團隊找到切入點,同時也能同理用戶,畢竟我們團隊中有除了一位以外,其他人都是為因為這個比賽才知道這個 app 的。
競品分析也非常有用,除了競品可以作為日後一些設計方案的參考以外,我們在分析的過程中,也打破一些對「台北捷運 Go」App 的刻板想像。針對一些操作易用性、資訊易讀性等等分別做了光譜、最後再做成十字象限,會歷經兩步的原因是,在十字象限上,我們總是很開玩笑的把北捷app放在最極端的位置🤣 為了在只有一條線的光譜中比較明確的擺放,我們把所有競品操作的頁面截圖擺放在一起,立見高下(總算能理性思考了)接著再取相對應的光譜化成十字分析,這時才發現北捷app很多操作體驗、功能資訊其實更勝一籌的(真的是驚人的發現)。
💬【討人厭的廣告vs.可以被自動忽略的廣告】
在競品分析時有個有趣的現象,其中一位還是學生的隊員,一開始討論頁面問題時,想把很多功能資訊拔除,尤其是商城、廣告,並分享一個他的常用競品,我在使用這個競品時,操作體驗總是被蓋板廣告中斷,這個廣告體驗對我來說是很差的,雖然北捷也有很多廣告,但他只是用煩人、密集的方式放在那裡,可能影響操作視覺但沒有真正打斷體驗。
其實其他競品也幾乎都有廣告,只是這些競品某些操作特別直覺、介面特別簡潔易懂,甚至用戶數最多的競品bus+也一堆煩人的廣告放在那,這說明了當用戶有了「對產品的愛(產品可以幫我解決我想解決的問題)」廣告是可以存在的、甚至再困擾、再怎麼中斷體驗都還是有人願意使用它。
③ 玩產品,把原始頁面做成視覺化 flow
這一步我覺得超級重要,尤其在雲端作業的時候,可以有效和隊友對焦在同一個頁面上。具體怎麼做呢?就是狂截圖,把每個步驟都截下來,並連成 Flow,這麼做也算是個輕量工作坊,又很好破冰(畢竟雲端組隊大家都不認識)這裡簡述帶領團隊討論的流程:
🐥 Step 1
每個人負責幾個功能截圖做頁面 Flow,這個步驟可以無腦做,其實很快就做完了
🐥 Step 2
接著大家再針對頁面貼便利貼,提出認為需要改善的點,便利貼會依認為的重要程度分成三種顏色,另外還有一個問題討論的顏色
🐥 Step3
各自在覺得覆議的便利貼上投票
會說好破冰的原因是,可以從大家寫的便利貼中,發現每個人對改良優先序的想法、觀點,同時看著原始頁面,大家也會笑著討論覺得真的很怪的地方 xD(抱歉ㄌ台北捷運)也蠻適合非同步線下進行。
後續在訪談、競品分析發現其他痛點,甚至進到 wireframe 階段時,我們都很常回到這個原始頁面做討論。
🤓 初賽|提案策略 — 當做求職,你要如何拿到面試門票?
把提案想成求職,我們要如何寫出讓評審眼睛為之一亮的企劃書呢?這裡就要找出「評審的痛點」了。這畢竟是一場有評審的比賽,除了用戶在意什麼以外,我們也要關注評審在意什麼。
④ 從前一屆的決賽直播中考古
前一屆的題目注重創新,但仍舊是蠻值得參考的,因為官方沒有提供評審名單,想知道你要提案的人是誰,決賽直播中主持人就幫你介紹好了!至少會有一兩位北捷的官方人員,但不會全部都是,大致知道一下就好。比較重要的是,評審們在簡報後會問什麼問題?他們在意哪些事?從考古中我們知道,評審們的提問主要圍繞在「對營運的影響或成效、開發成本、商業模式」等等。
⑤ 把企劃書當成面試作品集
我們在Deadline 提交日當天正式進入企劃書製作,前兩天先把預計放入企劃書中的重點頁面做成視覺稿,要把前 12 天的成果濃縮在 5 頁 A4 當中,需要力求精簡。企劃書撰寫除了文案力之外,更考驗脈絡邏輯的闡述,提供幾個重點:
🌖 月暈效應:足夠「設計感」的企劃書版面
這畢竟是「UIUX Redesign」的比賽,絕對要把企劃書做得美美的,讓評審團隊相信:沒錯,把設計交給這個團隊就對了。雖然官方給的是 word 檔格式,但提交的是 pdf 啊!word 並不是一個排版軟體,絕對無法排出一個美到絕頂的企劃書,各位設計師們,請拋棄死板的格式,好好的用對工具吧!
除了選對工具以外,更要注重頁面的視覺整合性,避免死板的文字說明,盡量將文字作成好閱讀的圖表,圖文搭配是吸引人往下閱讀的關鍵。同時,也可以用局部色塊區分段落。
💎 脈絡化的敘述
因為頁面有限,字字句句都要精準,減少贅字和廢話是必要的。重點是讓整份企劃書有脈絡,我們這組的提案著重在「提取重要功能、打造新的首頁形象及優化廣告體驗」,從前面的競品分析、整合的痛點到解法,彼此之間要相互呼應。個人認為,無論是企劃書或簡報,3 都是一個 magic number,將改版重點濃縮在說明三件事情就好。
我們前面一半的篇幅說明分析、痛點到解法(首頁改版),後面說明操作流程則帶到細部的功能操作,這裡很適合用「User Flow」及「頁面的 Flow」來說明,也不需要太多文字就能看懂。
寫在最後|改動是常態,沒有一步到位的設計
我是負責團隊專案管理和策略的 Leader,雖然時間很緊湊,但有些地方該改的就要改,要在緊湊的時程中提出較大幅度更動的決策,真的會讓人有點緊張 。
當我們從資訊架構重建到進到 wireframe 時,有點像一步步同理北捷兩難的過程。主要是發現有些功能被整合在一個頁面還是太多,但站在北捷立場考量,又無法果斷地拔除(因為我們不知道北捷為何放置那些功能、有什麼商業考量)導致繪製框架時很頭痛、怎麼擺放都感覺太複雜,因此我提出要調整資訊架構,當時我的組員有點落寞地說:「那我們是不是要重來?」我笑著說:「這就是設計思考的過程,回頭修改可能才是常態,畢竟我們沒有那麼厲害可以一次到位。」我倒是覺得這個過程才是最重要的 insight,畢竟我們用自己的 wireframe 驗證了這個架構不可行的地方了,而且,這也遠比設計稿都完成後,發現一切都不對來得好太多。
初賽準備的 13 天是密集工作的地獄(Btw 我是白天和晚上都投入時間ㄉ人,每天都開會到十二點,隔天早上九點繼續做,真的是地獄)。我們還有很多可以做得更好的地方,但對現階段的我們,能做到這個程度,已經很滿足了。希望這篇文章對未來也想參加黑客松的人能有一些幫助。
【 🥹 嘔心瀝血的寫作,需要你的誇誇 🥹 】
如果你覺得這篇文章還行,可以拍手 1–10 下
如果你覺得這篇文章有幫助到你,可以拍手 10–30 下
長按可以連續拍手,最多可以拍 50 下
謝謝你的鼓勵,好人一生平安,也歡迎回應交流!