APP內(nèi)容界面布局設(shè)計技法 其實大有學(xué)問

2016-11-18    ui設(shè)計分享達人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,?請點這里 

 

工具類的APP,用戶使用的目的很明確,例如在陌生的城市查看地圖,轉(zhuǎn)賬給朋友或者晚上加班打車回家。內(nèi)容型的APP或者混合型APP,既需要滿足目的性很強的用戶,又需要提供可以逛的內(nèi)容,延長用戶的停留時間,促成用戶點擊內(nèi)容,從而增加用戶使用APP的頻率和活躍度。

01.webp.jpg

  一個成熟的設(shè)計師在做APP內(nèi)容布局設(shè)計時,考慮的因素有很多,商業(yè)目標,內(nèi)容的數(shù)量和優(yōu)先級,美觀,易讀性,運營方的KPI,運營的難易程度等等。

  下面來詳細說明這些設(shè)計因素和原則:

  1. 運營方的KPI和內(nèi)容的多少、優(yōu)先級決定了內(nèi)容的排版。

      如果想要用戶在頁面有點擊操作,那么內(nèi)容必須命中用戶的需求,現(xiàn)在APP常使用優(yōu)惠營銷活動、排行、好友關(guān)系鏈等多種維度來輔助決策,以期望達成較高的轉(zhuǎn)化率。APP首頁的彈完之地是各個運營方爭資源的戰(zhàn)場,電商每天不同的活動和商品品類需要曝光,所以我們經(jīng)??吹揭慌艃闪?、三列的情形,有時候甚至有四列。

  2. 同一頁面中,穿插不同的排布方式,能豐富用戶逛的過程,增加頁面的停留時間。

  如:天貓首頁的類目入口、營銷活動、品牌專題等板塊的布局

02.webp.jpg

  3. 如果想要用戶在一大推內(nèi)容中尋找自己喜歡的內(nèi)容,盡量避免只展示標題和圖片,輔助用戶決策的信息在一定程度上可以提高轉(zhuǎn)化率。

  如:面包旅行中得瀏覽次數(shù),發(fā)布人,Vegas.com 中的價格、主辦方、距離、到達方式、評價等。

 
04.webp.jpg

  4. 不同的內(nèi)容采用不同的圖片尺寸和排版,有利于用戶快速區(qū)分和記憶。

  音樂類APP個人專輯和MV采用了不同的圖片尺寸,旅行類APP的目的地和和攻略展示方式也有所區(qū)分:

 

06.webp.jpg

  5. 當(dāng)圖片可以區(qū)分內(nèi)容,提高用戶瀏覽效率時,可以適當(dāng)強化,但是圖片質(zhì)量不高時,可以適當(dāng)弱化圖片。

07.webp.jpg

  很多人會問,為什么現(xiàn)在很多APP都長得差不多?成功的經(jīng)驗,好的設(shè)計,當(dāng)然值得大家去學(xué)習(xí)。從整個行業(yè)來說,大家已經(jīng)知道什么設(shè)計是有效的,對用戶是有益的。待業(yè)務(wù)穩(wěn)定成熟之后,會有更多機會和時間讓設(shè)計是去探索更多的可能。

(本文轉(zhuǎn)載自公眾號 UI巴巴)

 

藍藍設(shè)計sillybuy.com?)是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計?、 cs界面設(shè)計? ipad界面設(shè)計?、 包裝設(shè)計? 圖標定制?、 用戶體驗 、交互設(shè)計、?網(wǎng)站建設(shè)?、平面設(shè)計服務(wù) 

 

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔