=)
Native Ads
UX Best
practices
GoogleIntro
Matches look and feel of
‘the content
‘tv a can crane amore cohesive. natal
“experienc by matching th yeu of he
‘hrroundngeorert.
Component-based
Separate components provided advertisers alow
customization expermeration, andthe aby openup
new invertor roughunige caren Tis allows fr
response design andthe aby for your ad toscale
‘rom destop tomate and any dees sein between
implemented using te guieinsn this
aybooK Native ads can create agree ter
‘experience
High quality design is aeo important for
making your iwertryappeaing to
verses However desgring hgh
‘ual native ad requires the sare attrton
‘te deta a he esto the feed exon
Ti playbook covers the bass of designing
_in-food nate ad. and ight those
‘deta to focus on he ayout typography.In-feed vs. Article
Feeds are the most popu design pattern
se today on eb ses to browse and
tiecover ne content
‘They alow fr eny content sscovery onde
eatuser expetiercesnce users have full
omelet tho experiance trough sting.
Taam te attr pervoniged
lowing for acres
‘Secoay of cont tom Aveta.
youre reatng placements euewnere on
youre we offer ange erpltes
‘aie require tet no customization,
This guide focuses on
Tibet X-te MC Lah
placements, which
generally require
more custoCommon In-feed layouts
mage top mage bottom Aight side image Let side imageNative Ad Design Checklist~~ Align to a grid
To grid structure and spacing of
slemants souls be consiseres
te saso important to conser the
saps anaes of the ests that
eroundthe ad, the a ut ae
{oralandsape marketing moze
ets afore square image the
vert egret of he feed wit
Marmont canisters,
‘eeinglte he pape istrken
Fer vertical feeds moking sure the
Imagesarethe same wath isthe
rmostimportant ven moderate
‘arationein eight se hedto
For orzo feeds (eg. 8
carousel geting he eights to
mate the mostimportant.1 Typography
see
ating te epetace too large or eral
thelayoutook broken andor
Typeface
Natehing the typeface isimportant to
cohesive tye Pefectmatchingis't
‘aways possible butit'ssttlmportant to
fn aclose maton ntems of font
fay (Ser, near aight
(Regular bold te)
For more Infocon Typography soo
Google's Material Spe:
Delicious
recipes for
summerElements
Loving eo much empty space or
rot enough empty space may sve
Ueimpceaonthat he adit
too dense become autaity
problem. since they canbe harato
rea
Fortst elements its helio
maximum for your organic
‘content. Just kets important
match the aspect rato of mage,
Iesimportant to consider row ort,
‘wl tin your a. Test yours wthHierarchy
‘Adoloments
lesimportant to consider hich
ements youre ging
prominence tos you design your
rate yout
For tpleslcontnt fee the
‘mahating mage, nthe
secondey image thelego(itnen
valabe) Advertisers typlcaly see
‘thelog ssetasan elemento
Sgn offuth orlead thet to
the severtzerram,
(Pure)
Typosraphy
"Typographic hearcy important
boca guides eer trough
your conten the wrong
lephas being put trough
sing, pacing 2 Font weight
coudmakeyourpugefelens
youreunsire abot hetype
esr you should eazeade
desertion to advertzername
For example your fed contaos
let of news store potion the
fs hesdinein the same lace as
the newehescine. the ac bo in
cf th tk suey. ne
the adverse nan pce of the
byte orsecton name
a“Ad Labeling
User Experience
Cur ade meet beet practesin
requringanadbadge tora ads
rot ld rect to savertser. Ov
Productshve built-in safeguard
‘tomake sure an badge included
Product distinctions
Dosbleick ane Aaserce have
have sight ferent
requrements when comes tothe
sc bedgeinyourrative
Doshi lows or minor
adjustments to asbadge
placement andtie AdSanceaet2
{he acement andy or you
Visual Design|
‘Trevis design of erative a
edges inspire by search ane
selin avaretyot Googles
properties such os YouTube, Pay.
‘Gm ane aps.
When the adbedge ss ontop of
sn image. wo se aeopshadom to
rakes ti isle ontop of any
raketng ioe.
Ad Badge
a
‘Ad Badge on image™) Preserving advertiser assets
‘svertsersputtengofetfertinto Many adres ent tose ele
Uhecsetsthtiilbe serving into rand thea whether that's
youratv suns thalrioge nama, or bth. and
some on buy ventory tat
coosnthave
Werecommendinchingalest
ne branded elementin youre
ts aso important not tomedty
_vertisr-provdedogo. name,