Device Responsive Design

on Jun 2
in

× Back to Featured
× Back Home

A term you may have heard more recently in web and application development nomenclature is responsive device design. A site created with responsive design principles adapts its layout to fit its environment, whether that’s a phone, tablet, laptop, or desktop computer.

In designing the 2014 release of FNC Ports, we were guided by the belief that all users should be able to access our applications across more device at any time. To provide AppraisalPort®, InspectionPort® and TitlePort® users with the best experience possible, we have built for browsers fully supporting responsive design.

The three precepts of responsive design FNC focused on are fluid layout (“amoeba-like,” as our creative director and UX analyst, Jason Verlangieri, explains); fluid imagery that basically lets us scale dimensions according to the display; and media queries, which allow us to target devices’ specific properties (such as screen width, orientation, and resolution), allowing us to better control how we apply site styles – now, more tailored to the device or environment.

For businesses, the primary benefit of responsive design is maintenance and development costs. Developers can design for multiple browsers, tablets, and devices, and use the same codebase for all, minimizing cost. For the consumer, the primary benefit is that they can get software updates more frequently.

Added benefits:

Seamless user experience. The browser version of AppraisalPort and the mobile version of the same site are as similar as possible in appearance and functionality because the code is the same, creating a seamless experience for the user.

Portability. Users can access FNC Ports on the go. Responsive design means users, not designers, determine what they need to access on which devices. Developers can then use these user insights to make future AP releases better. For example: Do users update their E&O insurance when they’re on the go? Or do they wait until they’re back in the office to make those changes?

Browsers receiving full support on FNC Ports are as follows:

  • Internet Explorer: 11 (recommended), 10, or 9
  • Chrome: Latest version (33.0.1750.154+)
  • Firefox: Latest version (28+)

In addition, the browsers below will also work with future versions of AppraisalPort; however, we cannot fully guarantee or support them.

  • Opera: Latest version (20+)
  • Safari: Latest Mac version for Mavericks (Version 7.0.2)
  • Safari: Latest Mac version for Lion/Mountain Lion (Version 6.1.2)

Not sure if your browser is up to date? “Check my browser” at http://whatbrowser.org/.

« »

Comments are closed.