打開藝 Fun 券的 App,操作起來卻卡卡的?以 UI/UX 設計師角度來看,這 3 個地方其實可以做得更好!
最近政府的振興方案有好多種,你都登記了嗎?我使用藝 Fun 券 App 登記時有一些小小的心得。因此這篇文章站在 UI/UX 設計師的角度和大家分享這個臨時性、功能單純的 App,有哪些地方可以讓體驗更好?
Step1. 註冊藝 Fun 券:我的帳號消失了!?
其實在開放登記的前一天,就可以提前下載藝 Fun 券 App了。7/19 打開 App,填寫完註冊資料按下「註冊」按鈕後,畫面出現提示藝 Fun 券登記時間為 7/20(這個畫面沒有截到圖)。
到了隔天打開 App 準備登入時,卻發現系統提示:「查無此帳號」。
眉頭一皺,所以我說那個帳號呢?於是我抱著懷疑的態度再重新註冊了一次後,便成功登入了。看起來在 7/20 之前註冊的帳號都不算數,必須在當天註冊並且登記。
嗯?重新註冊不就好了嗎?
提前註冊的資料並沒有留存紀錄,根據《10大易用性原則》的「防錯原則」,是否應該在使用者填寫資料時就阻止這個行為呢?或許可以在註冊介面就提示,而不是將可填寫的欄位與可按的按鈕擺在使用者眼前。
★ 防錯原則:在用戶犯錯之前,阻止他。
Step2. 登記藝 Fun 券:這是要填還是不要填?
成功註冊後會被導至一個滿是欄位的頁面,除了手機號碼以外其他的欄位都備註著「非必填」。第一次看到的感想是……原來只要手機號碼就可以登記了嗎?再看到標註著「非必填」的居住地區欄位,居然有系統預設值(嗯……看來大家都住中正區)。既然都不用填,按下送出後馬上被系統提示了。
滿滿疑惑的心情直到看見表單下方的註解才恍然大悟:
要登記藝 Fun 券:請填好填滿。
不登記藝 Fun 券:不用填,再逛逛。
填就對了,有差嗎?
頁面上並沒有標題,接續在註冊後的頁面再加上滿滿「非必填」的備註,讓人以為是不重要的會員資料頁,好像可以跳過。整頁的目的都寫在表單最下面的註解內,而註解也滿容易被忽略的。
登記完後會出現申請成功的頁面,看到「馬上登入」我又滿滿的困惑了,嗯?所以我剛剛註冊後沒有直接登入?
Step3. 終於登記完了,來「逛逛」有什麼功能吧
惱人的彈窗提示
點進店家地圖後顯示是否開啟定位服務,我個人習慣是沒必要不開啟,因此這裡我點選「先逛逛」。沒想到再次點選到店家地圖後,又彈出了定位提示(無限 Loop)。
店家地址?居住地區?
點進基本資料後會發現當初登記時填寫的資料,「居住地區」居然變成了「店家地址」。根據《10大易用性原則》的「一致性原則」,無論是樣式設計或是文案標籤都盡量保持一致性,避免使用者產生疑慮,以為是不一樣的功能或資料。
★ 一致性原則:不管是功能、情境或操作,讓你的介面保持一致。
無所不在的客服功能
在第一次打開 App 時,就能看到不論是登入或註冊頁,或是登入後的基本資料頁,在欄位的上方都有大大的兩個客服按鈕,而這些按鈕都有一樣的功能:電話、文字客服。
先不論客服按鈕的順位擺在如此明顯的地方,或許是想更快地協助使用者完成登記(可是瑞凡,按了之後都會讓使用者跳離 App…)。以層級方面來看,點擊後有一樣功能的按鈕,為什麼要分別放在切換分頁(登入註冊)底下,而不是直接置於獨立的一層呢?
重新思考主要目標
透過新聞、社群媒體製作的振興券領取抽籤懶人包,我想大多數的人都是得知登記藝 Fun 券需要透過 App,才來下載的。
也就是說,大多數的人是為了「登記」而來。
在 App 裡時常看到「先逛逛」,裡面除了店家地圖外,我想不到有什麼可以逛了 XD
或許有人想先知道哪些地方可以使用,再決定要不要抽獎。但我想大多數的人還是屬於先抽再說,加上藝 Fun 券的用途可以說是很日常廣泛(電影、書店、展演……等),應該比較沒有人擔心沒地方用的問題。
因此若想讓使用者再猶豫一下,或許可以將文案稍作修改,比如改為「等等再登記」。表單的部分也不需要備註「非必填」,甚至在註冊後就詢問使用者意願,只讓想馬上登記的人進到表單頁面即可,也不會如此讓人困惑。
本文轉載自《Lena — 從金融自學轉職成功的UI設計師 》