作為APP狂熱分子,定期去App Store或者其他渠道找新鮮的產品來玩兒,已經持續了很多年。

但是光浮於表面的玩兒,還不夠。因為

只有

瞭解產品背後的邏輯才能更全面的解讀為何會那麼設計。

下面分享下我透過自問自答的方式分析APP的方法,希望對你有幫助。

1.產品層面

分析一款app,首先從產品層面入手,因為產品定位決定著後續的互動設計、視覺設計、運營策略等等。。。

通常可以從三個維度來分析產品定位:

a.幹什麼的(核心需求)

首先問自己它是幹什麼用的,解決了使用者哪個痛點。嘗試對產品有綜合性和概括性的理解,然後用一句話來描述它。

好的產品基本都可以用一句話講清楚

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

b.給誰用的(使用者群體)

只有充分了解使用者屬性,才能分析一款產品有沒有做出符合目標使用者群體的設計。

下面是荔枝FM,使用者群體以文藝小清新,90後為主。因此,它在內容層面:以清新,治癒型情感話題為主;視覺層面:更加文藝,清新,個性化;互動形式:更有趣味性。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

同為音訊產品的喜馬拉雅,使用者年齡段區間比較廣。因此,內容層面:大而全,包含PGC+UGC,目標是打造聲音旗艦;互動和視覺層面:更普適性,中規中矩,不願被風格化。

因為這樣更能夠被大眾所接受。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

所以,當你在吐槽一個產品的設計不夠有逼格的時候,也要思考下,是否因為他們的使用者群體不適合那麼做。就好比你把“快手”的設計搞的很“”instagram”,反而會讓使用者有距離感,會感覺產品不是服務於他們的,而流失。

c.什麼時候用的(使用場景)

一個好的產品,會更多的

從使用者的實際使用角度去出發,將各種場景元素綜合起來,在合適的場景滿足使用者的需求,提供良好的體驗。

使用場景可以分兩個維度:1。時間 2。地點。

1。時間:是否考慮使用者在什麼時候會使用自己的產品,白天、晚上、下班的路上,還是晚上睡覺前。針對使用者時間來做設計的最普遍的例子就是夜間模式和自動調節亮度的功能,在不同的時間段(光照強度),針對產品做出相應的設計,以得到最優的使用者體驗;

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

2。地點:使用者在不同地點會產生不同的需求,同時,同樣的產品,在不同的地點帶給使用者的體驗也是不一樣的,比如新聞資訊類產品,使用者使用高峰期是早上上班路上,那麼就要考慮使用者在公交或地鐵上的場景,當它一手扶把手一手拿手機,在大螢幕手機單手持握的狀態下,是不是可以用更多“滑動”操作代替“點選”。

2.互動層面

a.好找嗎(互動框架)

好找,指的是互動的框架佈局是否合理和流暢,

能否讓使用者在

合適的場景快速找到解決問題的辦法

比如,抖音app,使用者來這主要就兩件事,1。看別人的影片,2。自己錄影片。

它在首屏就滿足了這兩個核心需求。1。首頁預設“推薦”的影片自動播放,滿足觀看影片的使用者需求;2。頁面底部中間的“加號”就是拍攝的入口,滿足錄製影片的需求。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

b.好用嗎(體驗&反饋)

好用,指的是

解決問題是否高效,反饋是否符合使用者預期

。同樣可以幫助使用者解決問題, 肯定效率越高,使用者越願意用。

還拿抖音舉例,圖1,上下滑動切換影片(高效),螢幕右側是互動相關功能(方便單手操作)。

圖2,評論頁面,半屏展示而非全屏跳轉(更沉浸),避免打擾使用者觀看影片。

圖3,當你在看別人有趣影片的場景下,想自己嘗試錄製,點選圖1(標註2),音樂封面,進入圖3,可看更多達人錄製的同一音訊的影片,同時點選底部“使用”可快速進入錄製頁面。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

整個體驗非常流暢

高效。一條龍的滿足你的“看”和“拍”的需求。(不過他們也是參考國外的

http://

musical。ly

,有興趣的可以下載玩兒一下。)

再比如,instagram 裡“關注”tab下的訊息列表(圖1),如果你想更多瞭解給你點贊或者關注你的人的資訊,除了點選頭像進入他的個人頁面以外,也可長按列表,隨之彈出使用者的基本資訊以及近期照片(圖2)。可以減少盲目跳轉頁面的成本,提升使用者操作效率。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

c.有趣嗎

當一個產品,在滿足了互動框架合理,且易用的情況下,那麼在小的互動細節給一些有趣的彩蛋,會更吸引使用者。

比如,QQ會員中心裡上拉重新整理的小企鵝,會隨著你的手勢張嘴閉嘴(我不會告訴你我剛發現的時候上下上下的拉了好幾分鐘 )。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

還有Snapchat裡下拉重新整理時,上面的小人兒會吐著彩虹飛上去,背景顏色也會隨著變化(截了10幾張圖都沒截到有彩虹的 放棄了 你們自己去看吧- -)。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

而且在未來,“有趣”將佔一個產品越來越大的比重,之前張小龍也說過:“有趣>功能>互動>介面”。所以,讓使用者用著開心並樂於傳播很重要。

3.視覺層面

a.合適嗎(風格定位)

好的視覺設計,不是好不好看,而是符不符合自己的產品定位和目標使用者特徵的。

就像不同職業、不同性格的人,穿衣風格也不同。

(比如,碼農在我們印象中是穿格子襯衣,揹著雙肩包。但是,如果你看到一個紋著大花臂,扎著小髒辮,牛仔褲掉的露半個屁股的男生在拍程式碼的一定會打亂你心中的秩序。)

舉個視覺風格定位比較優秀的例子,same,它是一款針對95後的,去中心化,興趣社交平臺。有豆瓣,貼吧,微博的一點影子,但是這些影子並沒有影響它成為一個有自己個性的產品。(最後一張圖是我在“證件照拍起來呀呼”頻道里 哈哈哈哈 也是夠了)

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

整體色調以藍、白為主,簡潔輕快;icon也非常有趣味性,像藍色圓珠筆隨意繪製的感覺,營造輕鬆的氛圍。

b.擴充套件性強嗎(品牌DNA)

視覺設計不僅侷限在介面設計,同時也能考慮核心元素在各個環節拓展性,給使用者傳遞整體的品牌理念(類似平面設計裡的VI設計)。

比如藍色same小人兒,根據不同的頻道拓展不同的icon。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

引導頁面設計風格也跟介面ui和icon相呼應的,加深使用者對品牌形象的認知。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

包括它們的運營設計,也是以主形象“same小人兒”為演變物件,雖然沒有固執統一成藍色線條,但不管運用到哪裡,一眼就能分辨出這是same的東西。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

c.細節到位嗎(品質感)

細節能夠體現一個產品的品質感和情懷。因此,在體驗一個APP的時候,模組與模組的間距

icon的處理

字型的運用

按鈕圓角大小的考究,等等。。。 同樣值得我們去仔細分析和探索的。

下面這個APP叫Noodler,麵條控必備。插畫風格特別精良貌美,北歐風格的麵條圖鑑,細節處理的非常好。

UI設計師,如何正確的“玩兒”APP。

UI設計師,如何正確的“玩兒”APP。

總的來說,好的設計不單單是icon多麼精美

介面樣式多麼流行

配色多麼好看。而是

能夠做出符合自己產品氣質,且區別於競品;讓人一下記住,且幫助使用者對品牌有正面認知的作品。

總結

以上是我平常以問答形式玩兒APP的方法,當然也可以更加深入的去分析一個產品的戰略方向,商業策略等等。。。(看自己的能力和需求)。這樣做能夠讓你瞭解行業趨勢、提升產品思維、學習新的互動形式和視覺呈現,對我們日常工作會有很大幫助。

總的來說,

保持對新鮮事物的好奇心,並嘗試深入探究,這是身為設計師的你最應該做的。