[閒聊] 這樣的UI介面分析及格嗎?

作者: rax1010 (AL)   2021-04-01 14:16:22
幫姪子代發文,希望大家鞭小力一點
今年不知不覺也過了1/3,想著我應該要跨出舒適圈,也算是想給自己可能轉職的機會,
所以購買了UI的課程
身為UI的初學者,線上課程的老師建議我們要常常去看不同APP的特性、介面設計與痛點
用不斷的分析去累積自己的實力與經驗值,提升介面設計成熟度
但因為是初學者的關係,加上這是我第一次做App的介面分析
我決定先從較常在使用的APP開始,發上來想跟大家做討論(如有問題拜託鞭小力QQ
此次分析的APP:Picktime
https://imgur.com/ZGWZSWt
這是一款可以訂行程的APP,說是訂行程是因為除了訂房外,還有美甲、按摩、畫畫之類
的可以選
而且可以自由選擇時間,所以成為我跟女友臨時想不到要幹嘛,就會上來看看的APP
因為我手機是IOS系統,所以這次主要以IOS的介面來分析~
https://imgur.com/oRm9whX
第一部份先以手機APP訂行程與一般自己聯繫商家比較,以自行聯繫來說,主要的優勢就
是可以跟店家有更直接的溝通,可能讓人較有安全感(?
但有時也會有不少問題,像是店家太忙沒空立即接電話、顧客得到的資訊較少(除非另外
爬文)、有時也會有店家忘記紀錄訂位等等的問題
相較而言,Picktime擁有較大的便利性,使用手機便可自行選擇時間,還可直接在平台上
看到介紹,較不耗時間跟精力,但穩定性會與軟體更新與網路訊號息息相關
https://imgur.com/qr1MyEs
https://imgur.com/imcvTcG
Picktime的登入介面很簡單,主要幾種方式提供快速登入,首頁都是整齊一排一排的感覺
不同類型彼此劃分的很清楚,icon也是以黑白色為主,沒有過多的色彩讓整個畫面更清楚
、簡潔
https://imgur.com/m9wptL3
BN跟Icon點進來的頁面都是像這樣,有基本的時間、名稱與價錢,圖片右上角的愛心是可
以納入收藏
每一個行程都有框起來,所以分隔的很清楚
https://imgur.com/GnNACHN
點進來後會有評論及更詳細的介紹,上面的圖片也都是以多圖方式,左右滑即可觀看
價格與按鈕有浮起的感覺與陰影感,用了Logo的橘色,讓人可以快速注意到訂購鈕
https://imgur.com/c7l0R4g
進到下個頁面後可選擇日期與使用時程,日期以左右滑動的月曆方式呈現
時間則是以上下滑動的方式,每15分鐘為間隔,如果售完的好像會直接沒有那個時段(從
截圖看時差推測)
和上個頁面一樣,最下面會有最重要的頁面訊息與按鈕,並用浮起的方式,引導使用者到
下個頁面
https://imgur.com/tuRuDTX
https://imgur.com/9at1aTC
最後則是填寫訂購人資訊與付款,還有提供使用後刪除訂單的功能,保護個人隱私
最後只要按下「確認付款」按鈕即訂購完成
以上幾張圖是訂購的每一個抵達頁面
另外幫助使用者在APP內的其他功能分別有下列這些
https://imgur.com/1Uu1Lq0
剛剛上面有提到圖片右上角有愛心,若按下收藏 ,那麼店家就會在這個頁面
類似瀏覽器書籤功能,方面使用者未來找到喜歡的行程,也是以灰底黑字為主,
並且每個行程有各自框起來,跟訂購頁面一樣,所以會很清楚
https://imgur.com/hitPDVP
訂單頁面在上層分類為未兌換(訂了但沒去)、已兌換及已取消(在行程開始前就取消了)
一樣以白框、黑字與灰底,再搭配上圖片,讓人可以一目了然
https://imgur.com/OVbMkve
https://imgur.com/2stKlaX
通知頁面會分成最新消息與訊息,最新消息會有各種優惠介紹
類似首頁的BN,按進去會再次引導到行程選擇的頁面
訊息則會有各種訂購相關資訊,提供給消費者
https://imgur.com/9TtpxYv
最後是會員頁,會有個人的ID跟回饋,個資跟意見回饋也都在這個頁面完成,
個人推測因為這是完全以文字為主的頁面,所以上半部使用了大片的Logo顏色
讓頁面不會過於空虛,用上了企業色增添活潑的感覺
以上是我針對Picktime這個APP的功能介紹
相較於傳統打電話的方式,手機自行選擇行程並直接看到店家可以的時間,在雙方的溝通
上不需一來一往確認,對於雙方都方便許多
加上訂購後可以將訂單消失,個人的隱私提高許多(通話若忘記刪除,會留下電話紀錄、
簡訊紀錄等)
若因故提前取消行程,Picktime也會協助退費等,所以對使用者也不會有任何損失
使用的體驗上除了店家資訊透明很方便,因為有評論,所以也不需另外爬文
兌換的QR code感應也很靈敏,一切自動化與電子化真的還蠻方便的,滿分五顆星我會給4
顆星
這次的分析就到這邊,因為是初次寫,所以分析的可能比較弱
還請版上大神們給予我一些建議,讓我知道下次怎麼做會更好,先跪感謝大神們了!
作者: lijiang (膽小狗的茉莉兒)   2021-04-02 09:54:00
分析是要跟競品比較,你這樣比較像是假分析,真業配。
作者: piipiiYa (piipii)   2021-04-04 18:41:00
看起來像使用手冊,沒有討論痛點
作者: twtwtw   2021-04-09 08:53:00
其實商業模式賺錢才是真的及格
作者: heaven122426 (橘子)   2021-04-17 16:34:00
業味頗重

Links booklink

Contact Us: admin [ a t ] ucptt.com