文章已取消收藏!
找文章

我只是想登記!UI/UX 設計師怎麼看藝Fun券App?

2020.08.18
Lena — 從金融自學轉職成功的UI設計師
我只是想登記!UI/UX 設計師怎麼看藝Fun券App?
圖片來源|文化部

打開藝 Fun 券的 App,操作起來卻卡卡的?以 UI/UX 設計師角度來看,這 3 個地方其實可以做得更好!

最近政府的振興方案有好多種,你都登記了嗎?我使用藝 Fun 券 App 登記時有一些小小的心得。因此這篇文章站在 UI/UX 設計師的角度和大家分享這個臨時性、功能單純的 App,有哪些地方可以讓體驗更好?

1_vIFCKidFQ391sYa6jvSA-A
圖片來源:

Step1. 註冊藝 Fun 券:我的帳號消失了!?

其實在開放登記的前一天,就可以提前下載藝 Fun 券 App了。7/19 打開 App,填寫完註冊資料按下「註冊」按鈕後,畫面出現提示藝 Fun 券登記時間為 7/20(這個畫面沒有截到圖)。

到了隔天打開 App 準備登入時,卻發現系統提示:「查無此帳號」。

眉頭一皺,所以我說那個帳號呢?於是我抱著懷疑的態度再重新註冊了一次後,便成功登入了。看起來在 7/20 之前註冊的帳號都不算數,必須在當天註冊並且登記。

嗯?重新註冊不就好了嗎?

提前註冊的資料並沒有留存紀錄,根據《10大易用性原則》的「防錯原則」,是否應該在使用者填寫資料時就阻止這個行為呢?或許可以在註冊介面就提示,而不是將可填寫的欄位與可按的按鈕擺在使用者眼前。

1_jpg51kmuM__BC7FfbUThYg.png
(修改版)或許可以在尚未開放時,不讓使用者註冊。
圖片來源:

★ 防錯原則:在用戶犯錯之前,阻止他。

Step2. 登記藝 Fun 券:這是要填還是不要填?

成功註冊後會被導至一個滿是欄位的頁面,除了手機號碼以外其他的欄位都備註著「非必填」。第一次看到的感想是……原來只要手機號碼就可以登記了嗎?再看到標註著「非必填」的居住地區欄位,居然有系統預設值(嗯……看來大家都住中正區)。既然都不用填,按下送出後馬上被系統提示了。

1_-3uiBccYArxFqlaMsRQ9iw.png
是你說非必填的啊 QQ。
圖片來源:

滿滿疑惑的心情直到看見表單下方的註解才恍然大悟:

要登記藝 Fun 券:請填好填滿。
不登記藝 Fun 券:不用填,再逛逛。

1_d7yQG0qMTJmfqvWy50Vzbw.png
乍看以為只需要填寫手機號碼。
圖片來源:

填就對了,有差嗎?

頁面上並沒有標題,接續在註冊後的頁面再加上滿滿「非必填」的備註,讓人以為是不重要的會員資料頁,好像可以跳過。整頁的目的都寫在表單最下面的註解內,而註解也滿容易被忽略的。

登記完後會出現申請成功的頁面,看到「馬上登入」我又滿滿的困惑了,嗯?所以我剛剛註冊後沒有直接登入?

1_1bLBEHzO7ncX6hkOL4shKw.png
馬上登入?所以我剛剛是……?
圖片來源:

Step3. 終於登記完了,來「逛逛」有什麼功能吧

惱人的彈窗提示

點進店家地圖後顯示是否開啟定位服務,我個人習慣是沒必要不開啟,因此這裡我點選「先逛逛」。沒想到再次點選到店家地圖後,又彈出了定位提示(無限 Loop)。

店家地址?居住地區?

點進基本資料後會發現當初登記時填寫的資料,「居住地區」居然變成了「店家地址」。根據《10大易用性原則》的「一致性原則」,無論是樣式設計或是文案標籤都盡量保持一致性,避免使用者產生疑慮,以為是不一樣的功能或資料。

1_0F899B1CiLDV5xnaTniBnA.png
原本填寫的居住地區變成了店家地址。
圖片來源:

★ 一致性原則:不管是功能、情境或操作,讓你的介面保持一致。

無所不在的客服功能

在第一次打開 App 時,就能看到不論是登入或註冊頁,或是登入後的基本資料頁,在欄位的上方都有大大的兩個客服按鈕,而這些按鈕都有一樣的功能:電話、文字客服。

先不論客服按鈕的順位擺在如此明顯的地方,或許是想更快地協助使用者完成登記(可是瑞凡,按了之後都會讓使用者跳離 App…)。以層級方面來看,點擊後有一樣功能的按鈕,為什麼要分別放在切換分頁(登入註冊)底下,而不是直接置於獨立的一層呢?

1_2RvKiMRYMCHem-hl9Xrt4w.png
到處都是客服。
圖片來源:

重新思考主要目標

透過新聞、社群媒體製作的振興券領取抽籤懶人包,我想大多數的人都是得知登記藝 Fun 券需要透過 App,才來下載的。

也就是說,大多數的人是為了「登記」而來。

在 App 裡時常看到「先逛逛」,裡面除了店家地圖外,我想不到有什麼可以逛了 XD

或許有人想先知道哪些地方可以使用,再決定要不要抽獎。但我想大多數的人還是屬於先抽再說,加上藝 Fun 券的用途可以說是很日常廣泛(電影、書店、展演……等),應該比較沒有人擔心沒地方用的問題。

因此若想讓使用者再猶豫一下,或許可以將文案稍作修改,比如改為「等等再登記」。表單的部分也不需要備註「非必填」,甚至在註冊後就詢問使用者意願,只讓想馬上登記的人進到表單頁面即可,也不會如此讓人困惑。

本文轉載自《Lena — 從金融自學轉職成功的UI設計師 》

作者介紹
Lena
Lena

從金融自學轉職成功的UI設計師

喜歡這篇文章嗎?分享或收藏起來!
延伸閱讀 related vector

登入未來商務會員

開啟專屬自己的主題內容,

每日推播重點文章

我還不是會員, 註冊去!
找文章 找解方