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

看板Design作者 (AL)時間3年前 (2021/04/01 14:16), 編輯推噓0(003)
留言3則, 3人參與, 3年前最新討論串1/1
幫姪子代發文,希望大家鞭小力一點 今年不知不覺也過了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 顆星 這次的分析就到這邊,因為是初次寫,所以分析的可能比較弱 還請版上大神們給予我一些建議,讓我知道下次怎麼做會更好,先跪感謝大神們了! -- ※ 發信站: 批踢踢實業坊(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
文章代碼(AID): #1WPML8MQ (Design)