Monday, December 5, 2011

News Website Design Basics

Newspaper and other content rich media sites can be quite challenging to create from a design perspective. Regardless of the exact type of content, one thing is for certain for sites like the BBC - there is a load of it to present to readers. This, as one can expect, creates many challenges in terms of usability, accessibility, layout and navigation for news site designers.

To add to the complication, monetizing news sites is often an additional overlay on design requirements - so how adverts are integrated matters significantly on the sustainability of the site itself. One does not want to make the ads excessive or too intrusive, but they still need sufficient visibility for adequate clickthroughs for revenue purposes.

The general design principles discussed in this article covers online periodicals - any online newspaper or media front end, magazine style sites and content-rich blog based sites like the Huffington Post in the US or Newstime in South Africa.


1. Navigation


Given the volume of content to present, it stands to reason that navigation is one of the most critical elements to get right in new website design.

Bar a few exceptions, most news sites place their primary navigation menu directly below the header and above the content. Two exceptions to this rule are MSNBC and the NY Times which both use a sidebar for the main navigation tool.


There is no substitute for having a content-rich landing page with the absolute essentials users would like to see. An excellent example of this can be seen with the recent redesign of the BBC weather pages online. It's definitely an area I believe the BBC has got right - it is a pity though, that many of their learnings does not seem to have been transported to their main news pages!

2. Colour Scheme



For optimal readability, most popular content-rich news sites employ dark text on a light or white background.  Occasionally, darker colours are used for headers or for the main body of the page outside the content.

For links and highlighting, many news websites utilise blue and red in addition to black or dark gray for text. Blue is often used for headlines, titles and unclicked links with mauve as an indicator for clicked links. Red or other bright colours are typically used infrequently for highlighting specific sections of text.

To distinguish navigation from the rest of the page, higher contrast colour options are often used.


3. Typical content layouts



Grid-based layouts and using tabbed designs are among the most common and effective data presentation mechanisms on news sites.

Tabbed content areas allow readers to view popular articles, recent news posts, most commented articles, etc. This is often employed in the sidebar, and occasionally in the main area (e.g. in Wired online magazine). The tabbing allows for greater control by users over what content and links they see. More often than not though, the tabbing is a significant space saver for limited screen real-estate.

Grid-based designs, on the other hand, are popular because it creates a cleaner look and provides a more effective means to manage and organise large volumes of distinctly categorised content. Again, the NY Times website is a prime example of effective use of this technique. Other popular directory pages on news sites like those for online casinos and other niche content pages also frequently use this style of grid-based design.

4. Integrating Social Media



Without doubt, the greatest tech impact on the news room has been the introduction of social media as part of the overall news offering. With the likes of the Arabian Spring which was largely facilitated by new media elements like facebook and twitter, it is hard for newsrooms to ignore this new form of citizen journalism, if one can call it that.

Widgets, plus one voting buttons and social network sharing toolbars are ubiquitous in the news web world and are as common now as on blogs. News websites tend to use them a lot more subtly than blogs though and these buttons are usually encapsulated in a specific "Share this" section on news posts.Digg'ing etc are important elements to include on the page design to ensure the news story gets as much social coverage and SEO boost as is possible.

To read more check out this interesting social media in newsrooms article.


5. RSS Feeds

Making sites sticky and getting content easily to regular readers is critical. While not as common in countries where the internet penetration is not too high, RSS and subscription feeds are commonplace in the USA, UK, Canada etc. Blogs often employ technology such as Google's Feedburner to track and manage their email feed lists and it is somewhat disappointing that popular news sites like the BBC don't actually offer this as standard for their readers.

This is likely the biggest area of improvement for news sites in my opinion. the argument for not being able to incorporate paid advertising in feeds no longer holds - this is quite easy to do now and there is no real reason why readers have to physically visit the site in order to appreciate the content (and generate revenue for the news provider!).

The only exception to this point is of course commentary - there is yet a technology to be developed that allows readers and subscribers to comment on news posts and articles directly via a feed. For this, readers necessarily have to visit the page in question first.



* * *


A colleague recently requested I do a series on content review blogs outlining some SE optimisation principles for blog sites that are specifically designed to market reviews and product documentation for readers. In light of this one of the better designed sites I will be using as a case study is online casinos in India. In terms of individual blog page layout, we can look at Silver Sands casino, and one that is much poorer in design that I've seen is buy lottery tickets online. A detailed analysis will provide many lessons learnt for readers to incorporate into their own sites. Both these sites are based on the Wordpress platform and the actual colour and layout of the site makes a huge difference in the effectiveness for marketing. Stay tuned for more soon.

I will also be writing an article shortly on engaging more with users on news sites and what sites like the BBC can do to make interactivity with readers more effective.

85 comments:

Rosewood said...

Thanks for this value able post. I have read all the things very carefully its really a helpful and effective post.


Website Design & Development

Ankara Nakliyat said...

placing an emphasis on mobile sites, I was very happy.
ankara nakliyat web desing

grees smith said...

I really got a great information for web design and doveloping..............thanks Web design manchesterWeb Design Manchester

Muhammad Asif said...

very nice thanks for sharing

hey friend see snow on google
Type “Let It Snow” on @Google If you click and drag you can wipe the snow away. It is great. source: http://le-titsnow.blogspot.com

farhan said...

hi,
it's good to see this information in your post, i was looking the same but there was not any proper resource, thanx now i have the link which i was looking for my research.
source: www.wbupdates.com

priya said...

I have read this post. collection of post is a nice one ..that am doing website designing company chennai india and website development company chennai india. That I will inform about your post to my friends and all the best for your future posts..

Graphic design los angeles said...

Organized content is the best way to display or post an article, thank you for making it easy to digest your post.

website design in los angeles

vasanthi said...

I have read this post. collection of post is a nice one ..that am doing website designing company chennai india and website development company chennai india. That I will inform about your post to my friends and all the best for your future posts..

betduki723 said...

Its such as you learn my mind! You appear to understand a lot approximately this, such as you wrote the e book in it or something. I believe that you just can do with some p.c. to drive the message house a bit, however instead of that, this is wonderful blog. A fantastic read. I’ll definitely be back.web design Sydney

Cristeen said...

fantastic post thanks for sharing
web agency brussels

william xaviers said...

Non revenue web design comes with several essential fundamentals that will help you get your concept across and obtain the assistance of a huge viewers.

dreamweaver training

SyrupTechnologies said...

Grid application is utilized to improvise the quality and the visuals of the images for the excellent online appeal. It has to be understood that graphics and Website Designs are highly interlinked with each other as both have significance for anything that is creatively designed in a website.

ALBERT LIET said...

Great job you people are doing with this website.
web design tulsa

marshall said...

Thank you so much for sharing some important and valuable ideas. I am very impressed with this post. Keep it up! :)

ecommerce web designer

esther said...

I actually enjoyed reading through this posting.Many thanks...


Web Design Chennai

website design said...

Its really nice sharing.I enjoyed reading this post.It is so helpful in designing a good news website design.Thank you so much for sharing this.Keep up the good work

InnomaxMediaLLP said...

You can know all about the news website design basics from the post. The details are given here

Website designing

Guaranteed SEO India said...

The new website design basics are given in the post here.

Web designers India

Laurie Sanders said...

I really love the way information is presented in your post....
Joomla Web Design

Anna Swiderski said...

Thanks that you completed the imazing issue related to this good post. Though, to find the perfect essay writing service, you suppose know important facts just about order essays.
atlanta seo

Decent boy said...

The tabbing allows for greater control by users over what content and links they see. More often than not though, the tabbing is a significant space saver for limited web design

websitedesignworld said...

Thanks for such a simple yet SWEET idea! I’m enjoying playing with my punches right now…thanks for hope this will help in better seo. great features....

jain teq said...

Thanks for taking time for sharing this article, it was excellent and very informative. Its really very useful of all of users. I found a lot of informative stuff in your article. Keep it up.

SEO Company in India || Internet Marketing Company in India

Website Design Portland said...

Its really nice sharing.I enjoyed reading this post.It is so helpful in designing a good news website design. Website Design Portland

web design india said...

Wonderful blog & good post.Its really helpful for me, awaiting for more new post. Keep Blogging!


Web Design India

lekha naskar said...

Hi, I went through your this post and found really interesting. I landed this page through internet search and found
this page very good.I am a web designer and works in a web design company
as a designer I liked the color of your blog also.

Thanks,
bob

deepu gaur said...

Hi,

I really like your blog.
Website Designer

thanks

Alia Rechard said...

Very nice and informative blog post, thanks for this post. Media Web development is really tough work in the development sector because here are numerous things to keep in mind during the development. New York Website Design Company

InnomaxMediaLLP said...

Please add good good information that would help others in such best way.This post is exactly what I am concerned. we need some more reliable information.
Web Design Company

diya said...

Technology is nothing. What's important is that you have a faith in people, that they're basically good and smart, and if you give them tools, they'll do wonderful things with them.

diya said...

buy cheap twitter followersWhen you're young, you look at television and think, there's a conspiracy. The networks have conspired to dumb us down. But when you get a little older, you realize that's not true. The networks are in business to give people exactly what they want.

Fariha Chowdhury said...

This is an informative post review. I am so pleased to get this post article and nice information. I was looking forward to get such a post which is very helpful to us. A big thank for posting this article in this website. Keep it up.
search engine optimization Company USA

Prasant Saxsena said...

I really like your blog it’s excellent.

Web Designing Company

Yadav Rakesh said...

I like This your company We found that your company is leading web designing and website Development Company in your city. We appreciate your creativity and portfolio of website designing. We also come to know you are doing well in search engine optimization inAhemadabad. Here we are Ahmedabad based company #1 Vinayak InfoSoft – dealing in website designing in ahmedabad, web development in ahmedabad and search engine optimization in ahmedabad.Once again thanks for sharing our view (comment) on your blog with all internet user. We wish best luck for your bright future.user. We wish best luck for your bright future."http://www.ahmedabadwebdesigning.com/
Ahmedabad Web Designing

Tom said...

“Congratulations Admin! Thank you so much for taking the time to share this exciting information.”
Read More

muhammad ibraheem said...

Best Beautiful Cars, Latest Hot Vehicles, Strange Cars, Super Cars Model, Funny Cars, Car Latest Models, Cars with Girls, Cars like helicopter and Most Speed and Expensive Cars
WorldLatestVehicles.com

marshall said...

Wow! What a load of information! Thank you so much! I'm a newbie in web designing and this is a big help for me. Thanks! :)

http://www.myoptimind.com/web-design-philippines/

Aileen Collins said...

Web designing is now in demand specially in work to increase their products of interests to provide more details of their business. I like your blog and those information you have shared in here.

I learned some web designing when I have an SEO Training in Philippines. :)

web design company said...

Web design and development has gained much popularity due to the increased number of online businesses.Web Design Bangalore

ihlas nakliyat said...

Ankara evden eve nakliyat

Maricar Gomez said...

Great ideas, It helps a lot to me..


louisville websites

Rajdeep Singh said...

 Thanks for informing about the key basics of website design. Your article has been of great help for me.
Web Design Company India

Regional College Of Pharmacy said...

Your blog is very informative and gracefully
your guideline is very good.Thank you
Engineering college
Best engineering college in india
Private engineering college
pharmacy college
pharmacy college in india
top pharmacy college
Polytechnic college
Top polytechnic college
Top private polytechnic college
Top polytechnic colleges in India
Techanical colleges
Polytechnic college in india
Leading call center
Outbound call center india
Cheap Seo services india

leif angus said...

Craig is a big company in online industry, we all know that it's very difficult as what the designer do, all of their finished design was so productive and wonderful. I wish I could do that also someday, to make an very attractive and impressive website in New York.

Website Design New York

salman javed said...

Hey my friends I tell you some tips. A simple website design shouldn’t be a daunting all-or-nothing ordeal – you can simplify your design by taking small steps. Simple tasks like putting the focus only on the essential elements of your website, getting rid of the unnecessary, reducing the number of pages your site has, getting more content above the fold, and limiting the number of colors you use. You can always fine-tune and improve your simple design, but the important thing here is to get started.
Australian web designer

doubleA injobs said...

Thousands of the peoples Search Online Jobs from home and Every people Different type of Jobs, Here is a Best online jobs from home just like Copy Pasting, Data Entry, Clicking Jobs, Article Sharing, Data Sharing, Website Clicking, Facebook Jobs, Marketing Jobs, Google Jobs and Much More Online Works
JobzCorner.Com

DEMİR ELMAS said...


evden eve nakliyat

ev taşıma

evden eve nakliye

nişantaşı evden eve nakliyat

ümraniye nakliyat

çekmeköy evden eve nakliyat


şehirlerarası nakliyat


altunizade evden eve nakliyat

DEMİR ELMAS said...

evden eve nakliyat
uluslararası ev taşıma
ev eşyası depolama
evden eve nakliyat istanbul
sehirler arasi nakliyat
sehirlerarasi evden eve nakliyat
evden eve nakliyat
Acıbadem Evden eve nakliyat
Bakırköy evden eve nakliyat
Gaziosmanpaşa evden eve nakliyat

Bahçelievler evden eve nakliyat

Tuzla evden eve nakliyat

Bostancı evden eve nakliyatt

Ümraniye evden eve nakliyat

anadolu yakası evden eve nakliyat

anadolu yakası evden eve nakliyat

Anadolu yakası evden eve nakliyat

Beşiktaş evden eve nakliyat

istanbul evden eve izmir nakliyat

evden eve nakliyat istanbul


evden eve nakliyat


istanbul evden eve nakliyat

DEMİR ELMAS said...


istanbul evden eve nakliyat

James Franklin said...

Free Social Media Marketing where Every thing will be Free, Facebook Likes, Twitter Followers, Twitter Tweets, Twitter Re-Tweets, Twitter Favorites, Google Plus Followers, StumbleUpon Followers, Youtube Views, Youtube Likes, Youtube Subsribes, Pinterest Followers, Pinterest Likes, Pinterest PinIt, Free Website Visitors.
Just Join now and Free Increase your Social Media Networks.
GetLikeFast.com

news said...

Internet Online System is very usefull and Billions of Peoples use Internet and Many of the peoples want to make money online from home and make online business for a life time
We have the best Online earning System with Data Entry Jobs, Online Jobs, Network Marketing, SMS Earning, and Much More Online Work From home, Skype : Jobz.Corner
JobzCorner.Com

DirectBlack22 said...

Wonderful blog & good post. We are good Manufacturer, exporter and Supplier of
Tertiary Butylhydroquinone ,
tbhq ,
TBHQ ,
Direct Black 22
Chemicals Exporter
dichlone .

muhammed waqar said...

What is Lol...? Every thing you want in Lol and Troll, Now you Get all in one Network, ThatIsLol.. Lol Pictures, Lol Videos, Lol Peoples, Funny Peoples, Troll Images, troll pictures, funny pictures, Facebook pictures, facebook funny pictures, facebook lol pictures, Funny videos and Much More only Laughing out of Laughing
lolsgag.com

Vinod Kumar said...

Thank you sharing this information thank you.Come back again for more interesting stuffs like one you got earlier!Bulk SMS India

karthik zinavo said...

The main target for web design companies should make a unique design for the web page and that web page should be impressed to who are
visiting that web page.
Website Development Companies Bangalore

Borusan Nakliyatt said...

evden eve nakliyat
ev taşıma
eşya depolama
şehirler arası nakliyat
evden eve nakliyat istanbul
Ev Taşıma
Evden Eve Nakliyat
Şehirler Arası Nakliyat
Eşya Depolama
Para Kasası ve Piyano Taşıma
Kurumsal Nakliyat
Ege Bölgesi Taşımacılık
Parsiyel Taşımacılık
Evden Eve Nakliyat Fiyatları
Evden Eve Nakliyat İstanbul
Ümraniye Evden Eve Nakliyat
Kadıköy Evden Eve Nakliyat

Deeksha Housing said...

Thanks so much for this helpful information come back again for more interesting information…Keep it up
Builders in Agra

Neha Sharma said...

Nice blog! Very interesting and informative post….Thank's for sharing such a nice information….Keep it up!!! Website Designing in Agra

SEO Company Bangalore said...

Thanks for sharing this great Post dude
SEO Company Bangalore

aparna john said...

Thanks,Good Tutorial about Web Design Cochin Basics.I really helped your site.Its an excellent article about describing different ways for Web Design And Web development.

web development said...

Basics with designer will help to deliver website for customer is help to improve the basic web design company itself.
BEST Magento website design Bangalore

atlantis ev Taşımacılık said...

EVDEN EVE NAKLİYAT DÜNYASI
Evden Eve Nakliyat
sektörü; gelişen ve büyüyen dünyaya paralel olarak, kendiğinden oluşmuş ve bütün sosyal kültürlerin ortak sorununa getirilmiş bir çözümdür.
Evinizi taşımadan önce ekspertiz hizmeti vererek taşınma esnasında çıkabilecek sorunlara karşı sizleri bilgilendirmektedir.
Tüm nakliye faaliyetlerinde eşyalarınızı sigortalı ve uygun ambalaj malzemesiyle paketleyerek taşımaktadır.
Evden Eve Nakliyat Fiyatları
ve diğer bilgiler için bizlere İletişim panelimizden ulaşarak bilgiler alabilirsiniz.
Ev Taşıma
Ev taşıma ,konusunda profesyonel çözümler üretmek kurumsal ve kişisel ihtiyaçlarınız için kaliteli, hızlı ve güler yüzlü şehir içi şehirlerarası evden ev taşıma hizmeti vermekteyiz.

Sonia Rai said...

Hi Grat Your Blog,Thank's for this helpful information come back again for more interesting information!!!
Event planners in Delhi

hasnain raza said...

Lols Gag is the the Best Lol Network Ever, where you can every thing is lol and Funny, Troll Images, Prank Peoples, Funny Peoples, funny planet, funny facts, funny cartoons, funny movies pics, iphone funny, funny jokes, Prank Images, Fail Pictures, Epic Pictures, Lols and Gags, Lol Pictures, Funny Pictures, Lol is the Laugh out of Laugh where you can Fun Unlimited and Laughing Unlimited.
lolsgag.com

Prakash Goswami said...

Hey nice blog,Thank's for this helpful information come back again for more interesting information…Keep it up!
Taxi in Agra

faisal said...

lol and Funny, Troll Images, Prank Peoples, Funny Peoples, funny planet, funny facts, funny cartoons, funny movies pics, iphone funny, funny jokes, Prank Images, Fail Pictures, Epic Pictures, Lols and Gags, Lol Pictures, Funny Pictures, Lol is the Laugh out of Laugh where you can Fun Unlimited and Laughing Unlimited.
LolsGag.Com

feroz khan said...

Want to Learn Forex Trading and earn with Forex Business...?? The best Forex Trading Learning Website where you can get any thing about Forex, Trading updates, forex trading latest news, forex brokers directory, forex brokers list, Dollars news affairs, Stock Markets, stock market news, stock market analysis, technology news, international forex markets, international forex business news and all updates about Forex Trading
ForexAffairs.Com

Web Services Bangalore said...

Every beginners of designer should learn the basic techniques and tactics in website designing.Then only they would get ability to design the websites.
Website Design Companies Bangalore

feroz khan said...

Latest cars and vehicles, Latest Mazda Models, Racing Cars, International Sport Cars, Concept Cars, PS-Pod, Strange Vehicles, Nissan, Royce Corniche, Ford Concept Cars, Strange Vehicles, Mercedes and More Sport Cars and Vehicles with Pictures and Info
WorldLatestVehicles.com

zubair saleem said...

Classified Sites, Pakistani Classified Sites, USA Classifieds, Indian Classifieds, Entertainment Articles, Entertainment News, Entertainment Pictures, Bollywood, Hollywood and Lollywood Pictures and Videos, Entertainment Latest updates, Hot Entertainment News and Pictures Funny Entertainment Pictures, lol Pictures, Funny Pictures and Much More Fun Only on 1 Current Affairs Network
hotcurrentaffairs.com

Emin Mete said...


ev eşyası depolama
eşyası depolama
istanbul eşyası depolama
eşya depolama firmaları
eşyası depolama şirketleri

Emin Mete said...

istanbul izmir arası nakliyat
istanbuldan izmire ev eşyası taşıma
istanbul izmir arası eşya taşıma
istanbul izmir nakliyat
istanbul izmir evden eve nakliyat
şehirler arası evden eve nakliyat
şehirlerarası evden eve nakliyat
şehirlerarası eşya taşıma
şehirlerarası parça eşya taşıma

Emin Mete said...

şehirlerarası evden eve nakliyat
şehirlerarası nakliyat
şehirlerarası taşımacılık
şehirlerarası eşya taşıma
şehirlerarası parça eşya taşıma
parça eşya taşıma
şehirler arası evden eve nakliyat
şehirler arası nakliyat
istanbul izmir evden eve nakliyat
şehirlerarası ev taşıma

Emin Mete said...

şehirler arası evden eve nakliyat
eşya depolama
evden eve nakliyat
şehirlerarası nakliyat
şehirlerarası evden eve nakliyat
ofis taşıma
parça eşya taşıma
istanbul izmir evden eve nakliyat
şehirlerarası eşya taşıma
istanbul evden eve nakliyat
fuar taşıma

Emin Mete said...

izmir istanbul evden eve nakliyat

Emin Mete said...

şehirler arası evden eve nakliyat
eşya depolama
evden eve nakliyat
şehirlerarası nakliyat
şehirlerarası evden eve nakliyat
ofis taşıma
parça eşya taşıma
istanbul izmir evden eve nakliyat
şehirlerarası eşya taşıma
istanbul evden eve nakliyat
fuar taşıma

Faruk Mete said...
This comment has been removed by the author.
Faruk Mete said...

evden eve nakliyat
antalya evden eve nakliyat
istanbul antalya evden eve nakliyat
istanbul antalya parça eşya taşıma
antalya evden eve nakliyat fiyatları
şehirlerarası nakliyat
şehirlerarası evden eve nakliyat
ev taşıma
istanbul bodrum parça eşya taşıma
istanbul antalya parça eşya taşıma
şehirlerarası evden eve taşımacılık
şehirler arası nakliyat
evden eve nakliyat
ofis taşımacılığı
evden eve nakliyat

Faruk Mete said...

eşya depolama
ev eşyası depolama
parça eşya depolama
istanbul eşya depolama
şehirlerarası eşya depolama
istanbul anadolu yakası eşya depolama
istanbul avrupa yakası eşya depolama
eşya depolama hizmetleri
profesyonel eşya depolama
istanbul izmir evden eve nakliyat
İstanbul izmir arası ev taşıma
İstanbul izmir parça eşya taşıma
istanbul izmir evden eve nakliyat fiyatları
İstanbul izmir evden eve nakliye
İstanbul izmir ofis taşıma
istanbul izmir evden eve nakliyat tavsiye

Faruk Mete said...

İzmir istanbul evden eve nakliyat
İzmir istanbul parça eşya taşıma
İzmir evden eve nakliyat
İzmir parça eşya taşıma
evden eve
ev taşıma
evden eve nakliyat
eşya depolama
İstanbul evden eve nakliyat
evden eve nakliyat istanbul
ev taşıma
istanbul nakliyat firmaları
fuar taşıma
ofis taşıma
evden eve taşımacılık
evden eve

Anas Sana ur rahman said...

Forex Trading Business News updates, Brokers Directory News updates, Latest Currency news updates, latest forex trading business updates, trading updates, forex trading latest news, forex brokers directory, forex brokers list, Dollars news affairs, Stock Markets, stock market news, stock market analysis, technology news, international forex markets, international forex business news and all updates about Forex Trading
ForexAffairs.blogspot.com

ayaz said...

Best Business Investment Plan without any work, You can Invest as low as 1$ Dollar to 100$ Dollars and Get Daily profit of 10.00%, Guaranteed Payment with Minimum Earning is $1.
Join Now for Make Perfect Business and Earn Money online from home.
www.hotfxearnings.com

syed ali said...

Make your own home based business without any work, Just Invest some Money into your Business and Make Perfect Life time Earnings with this Business.
Invest as low as 1$ and Get 2.5% Daily profit for 90 Days, Join Now
HotFxEarnings.com

adnan khan said...

Lols Gag is the the Best Lol Network Ever, where you can every thing is lol and Funny, Troll Images, Prank Peoples, Funny Peoples, funny planet, funny facts, funny cartoons, funny movies pics, iphone funny, funny jokes, Prank Images, Fail Pictures, Epic Pictures, Lols and Gags, Lol Pictures, Funny Pictures, Lol is the Laugh out of Laugh where you can Fun Unlimited and Laughing Unlimited.
lolsgag.com

ayaz said...

Super Cars and World Latest vehicles, Latest Mazda Models, Racing Cars, International Sport Cars, Concept Cars, PS-Pod, Strange Vehicles, Nissan, Royce Corniche, Ford Concept Cars, Strange Vehicles, Mercedes and More Sport Cars and Vehicles with Pictures and Info
WorldLatestVehicles.com