Making BBC One’s website responsive

Sep 22, 2012 by KuczenskiBayhonan141

The BBC is slowly but surely making all of it’s websites responsive.Following the launch of its receptive news site earlier this year, the BBC continues to send more of its sites exactly the same way. This includes the newest update to its main Television channel websites, including the website for BBC 1. “We wanted an experience consistent over the devices accessible, so you can begin to ignore the device and focus on the content.”

While every channel retains its individual branding, just about all use a common design construction that adjusts itself about video content material. This utilizes breakpoints based on common screen dimensions.”We knew our framework would need to work throughout any display size. But these six breakpoints provided us with an excellent starting point and gave us something considerable to design as well as test against.”
BBC Online is overhauling its design principles and the new homepage is the first fruit of its labours. Main to the brand new style may be the carousel, that is intended to arrange content in a manner that makes it easy for people to find what they’re looking for and also to discover new things.

The creative designers have used color coding as well as icons to categorise content types, and the page can be customized to the user’s interests. There are real time listings for Radio and tv, and sliding “drawers” to reveal more or less detail.The site does supplies a number of different layouts though. Certainly, it’s one of the few we’ve observed that makes use of height-based media inquiries.
BBC’s news website will continue unveil of ‘responsive design’ technology which can identify and adapt to different types of mobile devices. From this autumn, the new site will automatically deliver just about all users of smartphones and have phones a good optimised web page to provide the utmost number of features for the individual device. Exactly what audiences might find will be customized to the device they have in their hand, as an example the way a tool moves around the news areas and the quantity of images observed. The technology may roll out to tablets as well as desktop later on with the purpose of having 1 site which is optimised for any device in future.

Looking for a responsive web design company? We strongly suggest the New York Creative.