Design conventions
-
Upload
wesley-lindamood -
Category
Technology
-
view
326 -
download
0
Transcript of Design conventions
![Page 1: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/1.jpg)
Wesley Lindamood Project ARGO web designer
FROM PUBLIC MEDIA AND BEYOND...
DESIGN PATTERNS
![Page 2: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/2.jpg)
Contextual navigation
Content promotion
Content types
Aggregated content
Reader voice
Sponsorship and advertising
Brand management
DESIGN PATTERNS
![Page 3: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/3.jpg)
NAVIGATIONCONTEXTUAL
![Page 4: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/4.jpg)
kalwnews.org
![Page 5: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/5.jpg)
kqed.org/news
![Page 6: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/6.jpg)
huffingtonpost.com
![Page 7: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/7.jpg)
propublica.org
![Page 8: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/8.jpg)
theweek.com
![Page 9: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/9.jpg)
earth2tech.com
![Page 10: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/10.jpg)
reuters.com
![Page 11: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/11.jpg)
PROMOTIONCONTENT
![Page 12: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/12.jpg)
scpr.org
![Page 13: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/13.jpg)
kplu.org
![Page 14: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/14.jpg)
tpmcafe.talkingpointsmemo.com
![Page 15: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/15.jpg)
dcist.com
![Page 16: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/16.jpg)
mediaite.com
![Page 17: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/17.jpg)
cityfile.com
![Page 18: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/18.jpg)
ideo.com/news
![Page 19: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/19.jpg)
thebolditalic.com
![Page 20: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/20.jpg)
![Page 21: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/21.jpg)
thesixtyone.com
![Page 22: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/22.jpg)
CONTENT TYPESDISTINGUISHING
![Page 23: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/23.jpg)
wbur.org
![Page 24: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/24.jpg)
bobulate.com
![Page 25: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/25.jpg)
newyorker.tumblr.com
![Page 26: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/26.jpg)
newyorker.com/online/blogs/stevecoll
![Page 27: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/27.jpg)
blogs.wsj.com/health
![Page 28: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/28.jpg)
last.fm/charts/artist
![Page 29: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/29.jpg)
engadget.com
![Page 30: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/30.jpg)
mashable.com
![Page 31: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/31.jpg)
gigaom.com
![Page 32: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/32.jpg)
AGGREGATIONCONTENT
![Page 33: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/33.jpg)
topics.nytimes.com
![Page 34: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/34.jpg)
TheMoneyMeltdown.com
![Page 35: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/35.jpg)
kqed.org/news
![Page 36: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/36.jpg)
engadget.com
![Page 37: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/37.jpg)
one.org/us/issues
![Page 38: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/38.jpg)
READER VOICEHIGHLIGHTING
![Page 39: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/39.jpg)
opb.org/thinkoutloud/shows/faith-fissure
![Page 40: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/40.jpg)
kalwnews.org
![Page 41: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/41.jpg)
minnesota.publicradio.org/your_voice/discussions
![Page 42: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/42.jpg)
conversation.wamu.org
![Page 43: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/43.jpg)
facebook.com/people/Xpn-Philly-Local/1292941191
![Page 44: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/44.jpg)
businessinsider.com
![Page 45: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/45.jpg)
wearehunted.com
![Page 46: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/46.jpg)
dcist.com
![Page 47: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/47.jpg)
good.is
![Page 48: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/48.jpg)
propublica.org/feature/introducing-the-propublica-reporting-network-520
![Page 49: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/49.jpg)
ADVERTISINGSPONSORSHIP AND
![Page 50: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/50.jpg)
RECOMMENDED AD SIZESInteractive Advertising Bureau (IAB)
300x250 Medium Rectangle
88x31 Microbar
Source: http://www.iab.net/iab_products_and_industry_services/508676/508767/Ad_Unit
728x90 Leaderboard
Other sizes meeting IAB criteria:180x150 Rectangle
160x600 Wide Skyscraper
300x600 Half Page Ad
120x60 Button #2
![Page 51: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/51.jpg)
scpr.org
![Page 52: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/52.jpg)
xpn.org/yrock-on-xpn/
![Page 53: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/53.jpg)
npr.org
![Page 54: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/54.jpg)
valleywag.gawker.com
![Page 55: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/55.jpg)
BRANDSAND SUB BRANDS
MANAGING
![Page 56: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/56.jpg)
theweek.com
![Page 57: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/57.jpg)
cityfile.com
![Page 58: Design conventions](https://reader038.fdocuments.net/reader038/viewer/2022103000/554dbaceb4c905bd488b4815/html5/thumbnails/58.jpg)
bobulate.com