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

2016-11-18    ui設(shè)計(jì)分享達(dá)人

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

 

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

01.webp.jpg

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

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

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

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

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

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

02.webp.jpg

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

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

 
04.webp.jpg

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

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

 

06.webp.jpg

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

07.webp.jpg

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

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

 

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

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔