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.

73 comments:

Anonymous 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

Unknown said...

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

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

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

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

Anonymous 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

Anonymous said...

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

Unknown said...
This comment has been removed by the author.
Anonymous 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

Anonymous said...

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

Unknown 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

Anonymous 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....

Karen Jain 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

Unknown 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

Unknown 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.

Unknown 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

Unknown said...

I really like your blog it’s excellent.

Web Designing Company

Tom said...

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

Unknown 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/

Unknown 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

Unknown said...

Great ideas, It helps a lot to me..


louisville websites

Unknown said...

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

Cloud 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

Unknown 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

Unknown 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

Unknown 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

Unknown said...


istanbul evden eve nakliyat

Anonymous said...

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

Unknown 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

Unknown 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

Unknown 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.

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

vvvsv said...


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

vvvsv 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

vvvsv 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

vvvsv 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

vvvsv said...

izmir istanbul evden eve nakliyat

vvvsv 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

Unknown said...
This comment has been removed by the author.
Unknown 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

Unknown 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

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

Unknown said...

Thanks for the outstanding posting! I really knowledgeable learning it; you can be an outstanding author. I will make sure that I secure your web page and will come returning at some part.
Php Web Development Company | Website Design Companies Bangalore

Bediroğlu said...

evden eve nakliyat keyiflidir. Yeni bir ev, yeni bir ofis veya yeni bir atölye, yani yepyeni bir çevreye gideceğizdir. Ve bu heyecan vericidir. Ama bir de madalyonun diğer yüzü vardır: Taşınmak zordur. En azından zahmetlidir. Kaygılarımız vardır.

Maani kamili said...


A nice article here, i think that people who have grown up with the idea of using computers are showing more responsibility towards writing posts that are thoughtful, do not have grammar mistakes and pertinent to the post..

Digital marketing company in Chennai

Unknown said...

When it comes to actual web design or programming, the recent awareness of the importance of code. Web Design Bangalore

mehmet said...

şehirler arası nakliyat
beşiktaş nakliyat

şişli nakliyat

florya nakliyat

parça eşya taşıma











mehmet said...

istanbul izmir evden eve nakliyat
şehirler arası nakliyat

Gestaş Nakliyat said...

istanbul evden eve nakliyat



erzincan evden eve nakliyat



ağrı evden eve nakliyat



pendik evden eve nakliyat



tuzla evden eve nakliyat



ofis taşıma



istanbul izmir evden eve nakliyat

Unknown said...

After reading your overall blog I am unable to find out the best post in this blog because each and every post is too good informative. So I want to say only thank you for sharing this information about web design. Thanks.

IT Company Marikina

Unknown said...

Hi,

Thanks for sharing a very interesting article about News Website Design Basics. This is very useful information for online blog review readers. Keep it up such a nice posting like this.

From,
WondersMind,
Web Design Company Bangalore

Unknown said...

şehirlerarası evden eve nakliyat

Mike said...

Blog is very interesting to find the best eCommerce website development Dubai at reasonable price.

Nikitha said...

web designing in vizag - jayasmedia.in
As the business world is revolving around the internet, it's already time for businesses to adapt to digital life. The average person searches for a variety of products on the internet every day as well. Millions of people are searching for your products or services. What if they can’t find you? Without existence, there is no reach! Your business might be able to attract some of those millions of surfers if you have a strong online presence. Be sure to inform the netizens about your brand, your goals, and your products and services. It is only through Web Development that these things can be accomplished.

Amrutha said...

The test for any site engineering association is to stay connected, stimulated, and on top of the latest advances - and there is no better way than by reading a fair arrangement blog.
Make an appointment with the best web design agency in vizag immediately to create a web page design that will attract qualified traffic and enhance your conversion rate.
best website design in vizag

Cindy Shelton said...

Most of these web design Dubai agencies provide services like SEO, graphic designing, ecommerce store development, and more to help you rank, grow and market your websites.

Scott Davis said...

Good enough to set the basis for a fully functioning news website. Web Design Dubai

Web 2.0 said...

I read this article. I think You put a lot of effort to create this article. I appreciate your work.
atlanta seo company

James Cordon said...

Visit CMOLDS Dubai a leading web development services dubai company offering web and app development and design services with great expertise.

kusheldigitalsolutions said...

WordPress website development in the USA can be relatively expensive compared to other regions for several reasons:

High Quality Standards: The USA has stringent quality standards and regulations, especially concerning web development and digital services. Companies adhere to these standards to ensure the final product meets client expectations and complies with industry norms, which can increase development costs.

Skilled Workforce: The USA boasts a highly skilled workforce with expertise in web development, design, and digital marketing. Hiring experienced professionals comes at a premium, contributing to the overall cost of WordPress development projects.

Advanced Technology and Infrastructure: The USA is at the forefront of technological innovation, with access to cutting-edge tools, technologies, and infrastructure. Utilizing the latest software, frameworks, and hosting solutions often involves higher costs but ensures optimal performance and security for WordPress websites.

Complexity of Projects: Many WordPress development projects in the USA involve complex requirements, such as custom integrations, e-commerce functionalities, and scalability considerations. Addressing these complexities requires extensive planning, development, and testing efforts, which can drive up costs.

Market Demand: The demand for WordPress development services in the USA is substantial, driven by businesses seeking to establish a robust online presence. With high demand comes increased competition among development firms, leading to higher pricing for premium services and expertise.

web development company in USA

Fast Marine Boats said...

By following these best practices, you can leverage blog commenting as part of a well-rounded SEO strategy to increase your online visibility and authority. boats for sale abu dhabi

The Rental Boat said...

By engaging in targeted blog commenting, you can improve your search engine rankings and drive more traffic to your website. boat rental abu dhabi

Digital Tech said...

By regularly offering valuable feedback on niche blogs, you can position yourself as an authority in your area of expertise. Best of luck! Cisco distributors in dubai