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

作者: rax1010 (AL)   2021-04-01 14:16:22
幫姪子代發文,希望大家鞭小力一點
今年不知不覺也過了1/3,想著我應該要跨出舒適圈,也算是想給自己可能轉職的機會,
所以購買了UI的課程
身為UI的初學者,線上課程的老師建議我們要常常去看不同APP的特性、介面設計與痛點
用不斷的分析去累積自己的實力與經驗值,提升介面設計成熟度
但因為是初學者的關係,加上這是我第一次做App的介面分析
我決定先從較常在使用的APP開始,發上來想跟大家做討論(如有問題拜託鞭小力QQ
此次分析的APP:Picktime

這是一款可以訂行程的APP,說是訂行程是因為除了訂房外,還有美甲、按摩、畫畫之類
的可以選
而且可以自由選擇時間,所以成為我跟女友臨時想不到要幹嘛,就會上來看看的APP
因為我手機是IOS系統,所以這次主要以IOS的介面來分析~

第一部份先以手機APP訂行程與一般自己聯繫商家比較,以自行聯繫來說,主要的優勢就
是可以跟店家有更直接的溝通,可能讓人較有安全感(?
但有時也會有不少問題,像是店家太忙沒空立即接電話、顧客得到的資訊較少(除非另外
爬文)、有時也會有店家忘記紀錄訂位等等的問題
相較而言,Picktime擁有較大的便利性,使用手機便可自行選擇時間,還可直接在平台上
看到介紹,較不耗時間跟精力,但穩定性會與軟體更新與網路訊號息息相關


Picktime的登入介面很簡單,主要幾種方式提供快速登入,首頁都是整齊一排一排的感覺
不同類型彼此劃分的很清楚,icon也是以黑白色為主,沒有過多的色彩讓整個畫面更清楚
、簡潔

BN跟Icon點進來的頁面都是像這樣,有基本的時間、名稱與價錢,圖片右上角的愛心是可
以納入收藏
每一個行程都有框起來,所以分隔的很清楚

點進來後會有評論及更詳細的介紹,上面的圖片也都是以多圖方式,左右滑即可觀看
價格與按鈕有浮起的感覺與陰影感,用了Logo的橘色,讓人可以快速注意到訂購鈕

進到下個頁面後可選擇日期與使用時程,日期以左右滑動的月曆方式呈現
時間則是以上下滑動的方式,每15分鐘為間隔,如果售完的好像會直接沒有那個時段(從
截圖看時差推測)
和上個頁面一樣,最下面會有最重要的頁面訊息與按鈕,並用浮起的方式,引導使用者到
下個頁面


最後則是填寫訂購人資訊與付款,還有提供使用後刪除訂單的功能,保護個人隱私
最後只要按下「確認付款」按鈕即訂購完成
以上幾張圖是訂購的每一個抵達頁面
另外幫助使用者在APP內的其他功能分別有下列這些

剛剛上面有提到圖片右上角有愛心,若按下收藏 ,那麼店家就會在這個頁面
類似瀏覽器書籤功能,方面使用者未來找到喜歡的行程,也是以灰底黑字為主,
並且每個行程有各自框起來,跟訂購頁面一樣,所以會很清楚

訂單頁面在上層分類為未兌換(訂了但沒去)、已兌換及已取消(在行程開始前就取消了)
一樣以白框、黑字與灰底,再搭配上圖片,讓人可以一目了然


通知頁面會分成最新消息與訊息,最新消息會有各種優惠介紹
類似首頁的BN,按進去會再次引導到行程選擇的頁面
訊息則會有各種訂購相關資訊,提供給消費者

最後是會員頁,會有個人的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