Developer Notes: Our Mobile Ready Website
Posted on September 16, 20136 Comments 0 Likes Like this post
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.
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.