APD RESPONSIVE WEBSITE FAQs WHY DOES APD CHANGE THEIR DESIGN? - More people are using mobile devices. A recent Pew study shows 95% of Americans now own a cell phone of some kind. And 77% of Americans own smartphones in 2018 which is up from 35% in 2011. So the question is: Should we support our mobile users in addition to desktop users? The answer is YES and that’s where the Responsive Web Design (RWD) comes in.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
APD RESPONSIVE WEBSITE FAQs
WHY DOES APD CHANGE THEIR DESIGN?
- More people are using mobile devices. A recent Pew study shows 95% of Americans now own a cell phone of some kind. And 77% of Americans own smartphones in 2018 which is up from 35% in 2011. So the question is: Should we support our mobile users in addition to desktop users? The answer is YES and that’s where the Responsive Web Design (RWD) comes in.
WHAT IS A RESPONSIVE WEBSITE DESIGN (RWD)?
- RWD is a design that should look good on all devices (Desktop, Tablets, and Smart Phones).
WHAT IS A DIFFRENCE BETWEEN A NON-RESPONSIVE WEBSITE DESIGN AND A RESPONSIVE WEBSITE DESIGN (RWD)?
Current APD website is a Non-Responsive website Design Desktop View: IE 11 Note: Horizontal Navbar Dropdown has sub-dropdown, 4 images are displayed in 3 columns
Mobile View
Note: There is a horizontal scrolling bar at the bottom. You have to scroll toward the right to see the rest of the information on that page. The text is really small and not readable so you have to zoom in to be able to read the text.
New APD website is a RWD
Desktop View: IE 11 Note: Horizontal Navbar Dropdown has sub-dropdown, 4 images are displayed in 4 columns
Mobile View
Note: A Horizontal dropdown menu becomes a Hamburger Menu or a Button, there is no a horizontal scrolling bar at the bottom.
WHAT TECHNOLOGY DID WE USE TO BUILD RESPONSIVE WEBSITE?
- We use Bootstrap 4. Bootstrap is the world’s most popular CSS Framework for developing responsive and mobile-first website.
WHAT DEVICES AND BROWSERS ARE SUPPORTED BY BOOTSTRAP?
- Bootstrap supports the latest, stable releases of all major browsers and platforms. On Windows, Bootstrap supports IE 11 and Microsoft Edge.
Desktop Browsers
Mobile Devices
WHAT IF I AM USING AN OLDER IE BROWSER LIKE IE 7 or IE 8?
- Then the website will not render properly on your mobile device.
HOW DO WE GET AROUND IT?
- If you are using a GFE you don’t have to upgrade because GFE uses the update versions. But if you are using your home computer to access APD website and your browsers are out-of-date then please consider upgrading your browsers to the latest. To upgrade, CLICK HERE.
WHAT CHANGES DID YOU INCLUDE IN THE NEW DESIGN?
- Look and Feel (Color scheme – the current color is golden and light-golden, the new color is Army green and light Army green)
- Responsive Design (The current design is not mobile-device users friendly, the new design is mobile users friendly)
- Information clean-up and organized + We added a new block called “NEWS” to the main homepage. When you click on that block it will take you to a page that contains all Latest Update News and General News as well as Forms/Publications News. + We added a new block called “COMPLETED ACTIONS”. When you click on that block it will take you to a page that contains all the completed publications actions in the last week. It will also allow you to view the completed publications actions in the previous weeks. + We added a new block called “NEW FORMS RELEASES”. When you click on that block it will take you to a page that contains the “Latest Releases” page
+ We added a new block called “HOW TO PUBLISH”. When you click on that page it will take you to a page that contains the “HOW TO PUBLISH” page + We changed the images for our blocks to make them more appropriate
HOW CAN I COMPARE THE CURRENT DESIGN AND NEW DESIGN?
- Please CLICK HERE to compare the current APD design vs. the new one.
HOW DOES TABLE LOOK LIKE IN A MOBILE PHONE?
Note: You can use your finger to slide toward the right or the bottom to see the rest of the information
WHERE CAN I SEE THE GENERAL NEWS, PUBLICATION NEWS, AND FORM NEWS?
- All NEWS (General News, Publications News, Forms News) are moved to the block “NEWS” on the main homepage
WHERE CAN I SEE THE TOP 50 WEB VIEWS?
- TOP 50 Web Views Report is available under Tools > Miscellaneous
WHO DO WE CONTACT IF WE HAVE MORE QUESTIONS RELATE TO THE APD WEBSITE DESIGN?
- Please contact [email protected] or call (703) 614-3727
Related Documents
