Vitalnet is Mobile-Friendly & Responsive


What does mobile-friendly mean? Mobile-friendly means a webpage is attractive and easy to use on a smartphone. "A website that is easy to use on a mobile device, especially the small screens of smartphones." - PC Magazine

What does responsive mean? Responsive means a webpage rearranges itself to work and appear correctly on different screen widths. "Responsive web design makes your web page look good on all devices." - w3schools

Are all mobile-friendly webpages responsive? No. A webpage can be designed so that it displays and works beautifully on a smartphone, but looks awful on a desktop computer, because the webpage is still displayed the same way as on the tiny smartphone screen. Being mobile-friendly does not guarantee being responsive.

Are all responsive webpages mobile-friendly? No. A webpage can be designed so that it rearranges itself, adapts to different screen widths, but still looks or works poorly on a smartphone, for example if certain elements appear or function poorly on smartphones. Being responsive does not guarantee being mobile-friendly.

How important are mobile-friendly and responsive web sites? Very important. 1) The majority of web traffic is now on a smartphone. But desktop computers will also be widely used for the forseeable future. So you need to cover both. 2) Would you want to use a web application that looked awful on your device (smartphone, tablet, laptop, or desktop) or was difficult to use? Obviously not. 3) Google recommends responsive design as a best practice, and they would know. Bottom line: A web site should be both mobile-friendly AND responsive.

How does Vitalnet stack up? All Vitalnet output and web interfaces are both mobile-friendly and responsive, as illustrated below. The interfaces automatically rearrange their elements to appear and work correctly, regardless of screen width. In addition, wide images (eg, maps) automatically adjust to fit small screens, and wide output tables may be horizontally scrolled. Google and other mobile-readiness tests verify that Vitalnet web pages, output, and interfaces are mobile-friendly. We also test by hand to verify that everything is responsive and mobile-friendly.




Picture of interface

Figure 1:
Responsive Web Design


Picture of interface

Figure 2a:
VitalWeb Standard on desktop


Picture of interface

Figure 2b:
Standard on mobile




Picture of interface

Figure 3a:
VitalWeb Wizard on desktop


Picture of interface

Figure 3b:
Wizard on mobile


Picture of interface

Figure 4a:
VitalWeb Ajax on desktop


Picture of interface

Figure 4b:
Ajax on mobile