Technical Writing in the Digital Age: Difference between revisions
Natecole54 (talk | contribs) m (→Information Architecture: Added year to "Garrand" citation to link to bibliography reference.) |
Natecole54 (talk | contribs) m (→Responsive Design: Added year to "Robbins" citations to link to bibliography reference.) |
||
| Line 269: | Line 269: | ||
=== Responsive Design === | === Responsive Design === | ||
Responsive design is a strategy that appropriately updates the layout and content of a website or document in relation to the screen size, device, and/or orientation, allowing the site or document to be easily viewed and navigated regardless of device used. With the increased use of mobile devices, web content should be constructed with proper responsive web design (RWD) to ensure effective UX and usability on those devices.{{sfn|Robbins| p=485}} | Responsive design is a strategy that appropriately updates the layout and content of a website or document in relation to the screen size, device, and/or orientation, allowing the site or document to be easily viewed and navigated regardless of device used. With the increased use of mobile devices, web content should be constructed with proper responsive web design (RWD) to ensure effective UX and usability on those devices.{{sfn|Robbins|2018|p=485}} | ||
There are several design strategies that can be implemented that will increase the success of RWD:{{sfn|Robbins| p=487}} | There are several design strategies that can be implemented that will increase the success of RWD:{{sfn|Robbins|2018|p=487}} | ||
*Fluid layout: Responsive sites can be constructed using a fluid layout (or flexible grid) system that will allow content to adjust and flow according to the available screen space. | *Fluid layout: Responsive sites can be constructed using a fluid layout (or flexible grid) system that will allow content to adjust and flow according to the available screen space. | ||
| Line 279: | Line 279: | ||
*CSS media queries: Media queries can be written into the CSS (Cascading Style Sheet), which would instruct the construction of the site according to screen width and orientation. Adding breakpoints for several screen sizes allows pages to be designed for specific devices. | *CSS media queries: Media queries can be written into the CSS (Cascading Style Sheet), which would instruct the construction of the site according to screen width and orientation. Adding breakpoints for several screen sizes allows pages to be designed for specific devices. | ||
*Content hierarchy: Carefully constructing content that is organized for the user and creating a hierarchy of content that prioritizes user needs is necessary to ensure effective user experience and navigation across multiple screen sizes.{{sfn|Robbins| p=499}} | *Content hierarchy: Carefully constructing content that is organized for the user and creating a hierarchy of content that prioritizes user needs is necessary to ensure effective user experience and navigation across multiple screen sizes.{{sfn|Robbins|2018|p=499}} | ||
===Usability=== | ===Usability=== | ||