Developer Notes: Our Mobile Ready Website

Posted on September 16, 2013


Jeff Denton: NCDB Web Developer

Traffic to the NCDB website from mobile devices has increased more than 300% since 2012 and comprises almost 15% of our total traffic.  This summer's release of the new NCDB website provided a perfect opportunity for us to dramatically enhance the mobile accessibility of the site.  

Navigation Changes

In addition to simple text formatting and layout changes to accommodate small screens, we've gone a step further and tried to improve how users navigate the site on their phones or tablets.  If you access the NCDB site on your phone, you'll notice that the main menu bar is gone.  Instead, you should see a blue button in the top-left labeled MENU.  Clicking that button will slide the page to the right, revealing the main menu panel.  You can also flick the screen right with your thumb or finger and uncover the menu panel.  Flicking left, or just tapping the screen, will hide the menu panel.

If you have an NCDB account and are logged in, you'll see your photo and name in the blue bar at the top of the menu panel.  Tapping this blue bar will show your user menu, giving you access to your profile and groups.


iPad and Other Tablets

In portrait mode, tablets will work the same way as your smart phone ... the menu becomes visible on the left when you 'flick' the page to the right or touch the blue MENU button.  In landscape mode the regular, desktop version of the website will display with the menu bar at the top.

We hope these series of changes will make the NCDB website a much more pleasant experience on your phone or tablet.  No doubt there are a few things we've overlooked or could be formatted better.  As you see these, please let us know so we can continue to improve mobile access.


Comments (6)

I do too, Amy. Looking forward to having some quality time to brainstorm some ideas around integrating the 2 platforms in some way.

Jeff Denton

Posted Sep 20, 2013 by Jeff Denton

Great Jeff! Our OHOA Moodle modules have also been formatted to read well on a mobile device. I look forward to seeing folks use these tools in an integrated way.

Amy Parker

Posted Sep 19, 2013 by Amy Parker

Very nice work!

Spicer Matthews

Posted Sep 18, 2013 by Spicer Matthews

I've added a notifications counter to the mobile site. New notifications will appear as a red badge over the menu button. In the menu area, a notifications badge will appear that you can tap to go to your notifications page.

Jeff Denton

Posted Sep 18, 2013 by Jeff Denton

Thank you for the nice words, Jon.

Jeff Denton

Posted Sep 17, 2013 by Jeff Denton

Excellent work. Thanks for the pictures/info/updates.

Jon Harding

Posted Sep 16, 2013 by Jon Harding

Please login.

You must first login before posting your comments here.

Login or Make a Profile

NCDB : The Research Institute : Western Oregon University : 345 N. Monmouth Ave. : Monmouth, OR 97361
Contact Us: 800-438-9376 |

Tour This Page Website Help
Help for this page

Help Guides & Tutorials