46
edits
Technical Writing in the Digital Age: Difference between revisions
Technical Writing in the Digital Age (view source)
Revision as of 22:18, 1 December 2023
, 5 months ago→User Experience: bolded defined terms to make the section look unified
Ebyington3 (talk | contribs) (→User Experience: bolded defined terms to make the section look unified) |
|||
| Line 258: | Line 258: | ||
User-centered design (UCD) is implemented by considering the user and their needs throughout the entire development of a product.{{sfn|Garrett|2011|p=17}} The approach of UCD in technical writing consists of the following methodologies:{{sfn|Lucas|2023e}} | User-centered design (UCD) is implemented by considering the user and their needs throughout the entire development of a product.{{sfn|Garrett|2011|p=17}} The approach of UCD in technical writing consists of the following methodologies:{{sfn|Lucas|2023e}} | ||
*User Research: the act of conducting thorough research through surveys, interviews, and usability testing to gain a better understanding of user needs and experiences when using a digital document | *'''User Research''': the act of conducting thorough research through surveys, interviews, and usability testing to gain a better understanding of user needs and experiences when using a digital document | ||
*Ideation and prototyping: the process of creating digital designs and prototypes to assist with exploring possible solutions to meet user needs | *'''Ideation and prototyping''': the process of creating digital designs and prototypes to assist with exploring possible solutions to meet user needs | ||
*Usability testing: the act of having users interact with digital document designs and then adjusting the design based on user feedback | *'''Usability testing''': the act of having users interact with digital document designs and then adjusting the design based on user feedback | ||
*Implementation: the stage in which the design is implemented after making adjustments from prior testing | *'''Implementation''': the stage in which the design is implemented after making adjustments from prior testing | ||
*Evaluation: the stage in which the digital document is assessed to ensure that it is meeting user needs | *'''Evaluation''': the stage in which the digital document is assessed to ensure that it is meeting user needs | ||
*Maintenance and updates: to maintain a digital document based on user feedback and changing needs | *'''Maintenance and updates''': to maintain a digital document based on user feedback and changing needs | ||
====Information Architecture==== | ====Information Architecture==== | ||
| Line 271: | Line 271: | ||
The architecture components of IA can be divided into four different categories:{{sfn|Rosenfeld|Morville|Arango|2006|p=90}} | The architecture components of IA can be divided into four different categories:{{sfn|Rosenfeld|Morville|Arango|2006|p=90}} | ||
*Organization systems: how information is categorized and organized for user understanding | *'''Organization systems''': how information is categorized and organized for user understanding | ||
*Labeling systems: how information is represented | *'''Labeling systems''': how information is represented | ||
*Navigation systems: how users browse information and navigate between pages | *'''Navigation systems''': how users browse information and navigate between pages | ||
* Searching systems: how users search for specific information | * '''Searching systems''': how users search for specific information | ||
====Responsive Design==== | ====Responsive Design==== | ||
| Line 285: | Line 285: | ||
There are several design strategies that can be implemented that will increase the success of RWD:{{sfn|Robbins|2018|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. | ||
* | *F'''lexible and responsive images''': Images and other embedded media can be instructed to fit their containers instead of remaining at a fixed size. Images with varying resolutions can also be swapped according to screen size to avoid high-resolution images on smaller devices. | ||
*CSS media queries: Media queries can be written into the CSS (Cascading Style Sheet), instructing the site's construction 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), instructing the site's construction 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|2018|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}} | ||
====Multimodality==== | ====Multimodality==== | ||
| Line 331: | Line 331: | ||
* '''Transparent and Opaque Media:''' Transparent media allows the content to take center stage, while opaque media makes users aware of the medium's presence.{{sfn|Bolter|Grusin|1999|p=53}}{{sfn|Lucas|2023k}} | * '''Transparent and Opaque Media:''' Transparent media allows the content to take center stage, while opaque media makes users aware of the medium's presence.{{sfn|Bolter|Grusin|1999|p=53}}{{sfn|Lucas|2023k}} | ||
Overall, remediation is necessary to create a multimodal document in the digital age. | Overall, remediation is necessary to create a multimodal document in the digital age. | ||
=='''Pedagogical Approaches'''== | =='''Pedagogical Approaches'''== | ||