[閒聊] 這樣的UI介面分析及格嗎？
幫姪子代發文，希望大家鞭小力一點
今年不知不覺也過了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
Picktime的登入介面很簡單，主要幾種方式提供快速登入，首頁都是整齊一排一排的感覺
不同類型彼此劃分的很清楚，icon也是以黑白色為主，沒有過多的色彩讓整個畫面更清楚
、簡潔
https://imgur.com/m9wptL3
BN跟Icon點進來的頁面都是像這樣，有基本的時間、名稱與價錢，圖片右上角的愛心是可
以納入收藏
每一個行程都有框起來，所以分隔的很清楚
https://imgur.com/GnNACHN
點進來後會有評論及更詳細的介紹，上面的圖片也都是以多圖方式，左右滑即可觀看
價格與按鈕有浮起的感覺與陰影感，用了Logo的橘色，讓人可以快速注意到訂購鈕
https://imgur.com/c7l0R4g
進到下個頁面後可選擇日期與使用時程，日期以左右滑動的月曆方式呈現
時間則是以上下滑動的方式，每15分鐘為間隔，如果售完的好像會直接沒有那個時段(從
截圖看時差推測)
和上個頁面一樣，最下面會有最重要的頁面訊息與按鈕，並用浮起的方式，引導使用者到
下個頁面
https://imgur.com/tuRuDTX
最後則是填寫訂購人資訊與付款，還有提供使用後刪除訂單的功能，保護個人隱私
最後只要按下「確認付款」按鈕即訂購完成
以上幾張圖是訂購的每一個抵達頁面
另外幫助使用者在APP內的其他功能分別有下列這些
https://imgur.com/1Uu1Lq0
剛剛上面有提到圖片右上角有愛心，若按下收藏 ，那麼店家就會在這個頁面
類似瀏覽器書籤功能，方面使用者未來找到喜歡的行程，也是以灰底黑字為主，
並且每個行程有各自框起來，跟訂購頁面一樣，所以會很清楚
https://imgur.com/hitPDVP
訂單頁面在上層分類為未兌換(訂了但沒去)、已兌換及已取消(在行程開始前就取消了)
一樣以白框、黑字與灰底，再搭配上圖片，讓人可以一目了然
https://imgur.com/OVbMkve
通知頁面會分成最新消息與訊息，最新消息會有各種優惠介紹
類似首頁的BN，按進去會再次引導到行程選擇的頁面
訊息則會有各種訂購相關資訊，提供給消費者
https://imgur.com/9TtpxYv
最後是會員頁，會有個人的ID跟回饋，個資跟意見回饋也都在這個頁面完成，
個人推測因為這是完全以文字為主的頁面，所以上半部使用了大片的Logo顏色
讓頁面不會過於空虛，用上了企業色增添活潑的感覺
以上是我針對Picktime這個APP的功能介紹
相較於傳統打電話的方式，手機自行選擇行程並直接看到店家可以的時間，在雙方的溝通
上不需一來一往確認，對於雙方都方便許多
加上訂購後可以將訂單消失，個人的隱私提高許多(通話若忘記刪除，會留下電話紀錄、
簡訊紀錄等)
若因故提前取消行程，Picktime也會協助退費等，所以對使用者也不會有任何損失
使用的體驗上除了店家資訊透明很方便，因為有評論，所以也不需另外爬文
兌換的QR code感應也很靈敏，一切自動化與電子化真的還蠻方便的，滿分五顆星我會給4
顆星
這次的分析就到這邊，因為是初次寫，所以分析的可能比較弱
還請版上大神們給予我一些建議，讓我知道下次怎麼做會更好，先跪感謝大神們了！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.235.236.112 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Design/M.1617257800.A.59A.html
→
04/02 09:54,
3年前
, 1F
04/02 09:54, 1F
→
04/04 18:41,
3年前
, 2F
04/04 18:41, 2F
→
04/09 08:53,
3年前
, 3F
04/09 08:53, 3F
Design 近期熱門文章
PTT職涯區 即時熱門文章
