College media need a mobile site optimized for smartphones

In a previous post about “digital first” strategy for student newspapers, I said a digital strategy involves all three platforms: print, web and mobile. At issue here is that regular websites need to be optimized for mobile viewing – a “web” site is optimized for computer monitors, and it does not function equally well on the smaller smartphone screens.

Why bother about mobile site? That’s where the growth is. In describing digital strategies at Wall Street Journal, digital managing editor Narisetti says:

the device that currently makes up the largest proportion of WSJ’s traffic is the smartphone – which is the platform providing the fastest growth – especially from Android handsets.

Look at the screenshot of philadelphianeighborhoods.com and how the same site looks on an iPhone 4S screen. Philadelphia Neighborhoods is a student-run news site sponsored by the journalism department at Temple University.

phillyweb

 

phillymobileWhen you launch the mobile browser on your smartphone, such as Safari on iPhone, and enter the website address for Philadelphia Neighborhoods, you will see the same website being displayed.

The biggest issue with this mobile site design is functionality and user experience – you have to constantly pin/zoom/pan on the small screen to view specific contents; if you want to navigate from section to section, you will have to zoom all the way in on the menu bar, carefully tap a menu item, and zoom in/out again on the new page.

Obviously, we need a site that is tuned up for mobile devices – for instance, the fashion brand Burberry has a website that adapts itself to mobile screens.

Below is a screenshot of Burberry website homepage, as well as screenshots of the same site on iPhone 4S. When you enter burberry.com into iPhone Safari browser, the site automatically adapts itself to fit the iPhone screen – it will look a little differently on other mobile devices such as an Android smartphone. In other words, the regular website will respond differently to different mobile devices, and this approach is called “responsive design.”

burberry web

burberrym1burberrym2burberrym3
Some college media have also adopted a “responsive design” approach for their websites. CU-Citizen Access, a community news site run by the journalism department at UIUC, features such a design. Below are the screenshot of the website homepage, and three screenshots of the mobile site:

CU CitizenAccess web

cum1 cum2cum3
Stay tuned for another post in which I will discuss the different approaches to mobile site design: HTML5 vs native apps.

Related posts:

About Mu Lin

Dr. Mu Lin is a digital journalism professional and educator in New Jersey, United States. Dr. Lin manages an online marketing company. He also manages MulinBlog Online J-School (www.mulinblog.com/mooc), a free online journalism training program, which offers courses such as Audio Slideshow Storytelling; Introduction to Social Media Marketing; Writing for the Web; Google Mapping for Communicators; Introduction to Data Visualization; Introduction to Web Metrics and Google Analytics.
This entry was posted in College media going digital, Mobile news reporting. Bookmark the permalink.

3 Responses to College media need a mobile site optimized for smartphones

Leave a Reply