實踐分析|SAKURA櫻花報修表單頁面UI/UE/UX用戶體驗淺析

最近抽油煙機壞了,本著環(huán)保意識,打算報修來著。打開官網后簡單的填寫操作,其后數次跳出的“表單填寫有誤,請檢查!”,我也真的不知道我哪里填錯啦……綜合情況分析,并寫下關于交互設計的想法,略表拙見。
寫的時候上去翻了翻櫻花的官網,發(fā)現報修頁面的交互設計已經更改了。

點擊進去的維修登記長這樣:

微信截圖_20190430134214.png

填寫后報錯的提醒頁面長這樣:

微信截圖_20190430134245.png

然后我在這個頁面重復操作三次以上,都并未成功。

就此情況,我就按照標紅的位置特別修改:

微信截圖_20190701161203.png

包括固定電話,我填了公司的固定電話(現在有多少家用固定電話啊,家里根本沒人接),找不到問題,它又標紅了,我只能一把可能的問題都進行了嘗試。
但它還是報錯了,經過幾次后,我終于發(fā)現了問題。最后填報成功了。


微信截圖_20190701161839.png

問題總結:

1.“請選擇故障現象”這句小字左對齊,導致容易忽略,且并未對齊故障現象的填寫框。導致用戶容易忽略。我潛意識以為是“表單填寫有錯誤”的再次提醒。
2.填寫了移動電話,沒有填寫固定電話的情況下,報錯后還是會在下框提醒“至少填寫一種聯(lián)系方式”。結合問題1,會給用戶錯覺,是不是固話也是必填項。ps,雖然未記得截圖,但確實是這種情況。我是填完固話還是不行,才去找是不是有忽略的問題。
3.故障現象并沒有*標紅必填項。

新的報修頁面交互設計:

1.把表單分成了三部分,(選擇產品,地址及聯(lián)系方式,預約上門安裝時間),彈出表單填寫,縮小填寫出現錯誤范圍。且標紅了錯誤的選擇/填寫框。


微信截圖_20190701173123.png

2.新增了產品項中的產品型號,為必填項。這一項在原來是填報成功后維修人員用短信和我溝通詢問的內容。
3.購機時間在選擇產品和預約上門安裝時間里重復出現了。選擇產品中為必填,預約上門安裝時間中不必填。

新的報修頁面問題總結:

1.如果未事先查看產品型號,會造成中斷操作,需確認才能完成報障填寫操作。
2.購機時間在選擇產品和預約上門安裝時間里重復出現了。
3.固定電話的填寫仍帶必填*。
4.郵政編碼為選填項,保留此項的必要性?
5.選填報修要先頁面注冊……我一年報修幾次哦……

如果你的表單交互設計有此類設計,建議更換……

實踐是檢驗真理的唯一標準。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容