A responsive website responds to its environment and adapts to small, medium, and large screens. Responsive design allows a single version of a website to optimizing across many devices, including desktop, tablet, mobile, and more. Elements re-size and re-position to fit the size of the screen that the website is being accessed from, so the design and user experience are consistent every time.
Note: Users still have the control to affect the look and feel without damage to the responsive aspects.
- Reasoning: This is important because it allows the site to have familiarity with devices. A user on a smartphone will see the same design elements, navigation, and functionality as a user on a PC. Because of this, simplicity in design and layout is very important. This helps ensure the best performance, no matter how the website is being viewed.
Maintain Site Responsiveness
- Re-Size Appropriately: Adhere to size constraints provided by your designer on banners, slide shows, and spotlights
- Follow Standards: Maintain set standards for assigned text and colors
- Limit Global Navigation Items: Limit global navigation items to six
- Use 5 or Fewer Graphic Buttons: Limit horizontal navigational graphic buttons to five
- Use Widgets in Place of HTML: Do not use HTML to specify an item's absolute position in page creation
- Set Percentages in Width: Use percentages (i.e. 100%, 50%, 25%) instead of set numbers if you want to add a table or item with an adjustable width
- Note: This will allow your content to adjust with the screen size.
Feedback About the Article
Let us know what was helpful or not helpful about the article below.0 comments
Please sign in to leave a comment.