Change Details

=== Background & Goal - **Description:** Web is creating a configuration interface for reading density (font-size, line height, paragraph margins), as well as page width and night/day mode (T341631). - **History:** We don't currently use icons to represent any of these configuration options. The addition of these settings in conjunction with new defaults for the main namespace on Wikipedia will increase the readability of articles for billions of people. Web's work on this is documented in T350195. - **Known use case(s):** Web is beginning development on the settings interface on Monday 6 November. We will use a placeholder icon until this task is complete, but this task does block our beta release. - **Considerations:** The icon needs to be able to convey reading without a label. The placement of the icon in the UI implies a configuration, so we don't need the icon to represent settings, the settings represent many use cases beyond accessibility, so ideally we wouldn't have an icon that is explicitly an accessibility icon. The intention is that the icon would represent reading or content somehow without being another generic article icon. @DTorsani-WMF and I discussed glasses as a possible icon. === User stories As a logged in reader with reading theme settings hidden, I want to be able to see a clear iconographic representation of reading theme in the top right bar of Wikipedia on desktop. === Considerations //(Optional)// === Open questions //(Optional)// === Proposal //Once the icon proposal has been defined, it will be explained in this section, so any user can easily find and understand it.// === Design spec [[ https://www.figma.com/file/QwGdOhYlxulBkOmsOwqBep/Reading-Theme-Icon?type=design&node-id=1%3A3726&mode=design&t=ehRhsdPx4eADIayx-1 | Figma exploration ]] === SVG icon {F41524330} === Acceptance criteria for Done **Design** [x] The design of the new icon is ready, and it follows our [icon system guidelines](https://doc.wikimedia.org/codex/latest/style-guide/icons.html) [x] The new icon has been reviewed with help from the DST [x] An RTL icon has been created //(if needed)// [x] The icon is recognizable on low DPI resolutions [x] The icon has been exported as an optimized SVG and added to this task’s description [x] The new icon has been included and published in our [Icon System Figma library](https://www.figma.com/file/1lT9LKOK6wiHLnpraMjP3E/%E2%9D%96-Assets-(Icons%2C-Logos%2C-Illustrations)?type=design&node-id=3295-13631&t=7enEmmEPJCTCpfRG-11) **Code** [x] Add icon in Codex [x] Add icon in OOUI **Documentation** [ ] Update {T141801}

=== Background & Goal - **Description:** Web is creating a configuration interface for reading density (font-size, line height, paragraph margins), as well as page width and night/day mode (T341631). - **History:** We don't currently use icons to represent any of these configuration options. The addition of these settings in conjunction with new defaults for the main namespace on Wikipedia will increase the readability of articles for billions of people. Web's work on this is documented in T350195. - **Known use case(s):** Web is beginning development on the settings interface on Monday 6 November. We will use a placeholder icon until this task is complete, but this task does block our beta release. - **Considerations:** The icon needs to be able to convey reading without a label. The placement of the icon in the UI implies a configuration, so we don't need the icon to represent settings, the settings represent many use cases beyond accessibility, so ideally we wouldn't have an icon that is explicitly an accessibility icon. The intention is that the icon would represent reading or content somehow without being another generic article icon. @DTorsani-WMF and I discussed glasses as a possible icon. === User stories As a logged in reader with reading theme settings hidden, I want to be able to see a clear iconographic representation of reading theme in the top right bar of Wikipedia on desktop. === Considerations //(Optional)// === Open questions //(Optional)// === Proposal The //current// icon to represent 'reading theme' or 'appearance' is a pair of glasses. This icon will be analyzed during the beta release and iterated on as we learn and gather feedback from users. {F41543377} === Design spec [[ https://www.figma.com/file/QwGdOhYlxulBkOmsOwqBep/Reading-Theme-Icon?type=design&node-id=1%3A3726&mode=design&t=ehRhsdPx4eADIayx-1 | Figma exploration ]] === SVG icon {F41524330} === Acceptance criteria for Done **Design** [x] The design of the new icon is ready, and it follows our [icon system guidelines](https://doc.wikimedia.org/codex/latest/style-guide/icons.html) [x] The new icon has been reviewed with help from the DST [x] An RTL icon has been created //(if needed)// [x] The icon is recognizable on low DPI resolutions [x] The icon has been exported as an optimized SVG and added to this task’s description [x] The new icon has been included and published in our [Icon System Figma library](https://www.figma.com/file/1lT9LKOK6wiHLnpraMjP3E/%E2%9D%96-Assets-(Icons%2C-Logos%2C-Illustrations)?type=design&node-id=3295-13631&t=7enEmmEPJCTCpfRG-11) **Code** [x] Add icon in Codex [x] Add icon in OOUI **Documentation** [ ] Update {T141801}

=== Background & Goal - **Description:** Web is creating a configuration interface for reading density (font-size, line height, paragraph margins), as well as page width and night/day mode (T341631). - **History:** We don't currently use icons to represent any of these configuration options. The addition of these settings in conjunction with new defaults for the main namespace on Wikipedia will increase the readability of articles for billions of people. Web's work on this is documented in T350195. - **Known use case(s):** Web is beginning development on the settings interface on Monday 6 November. We will use a placeholder icon until this task is complete, but this task does block our beta release. - **Considerations:** The icon needs to be able to convey reading without a label. The placement of the icon in the UI implies a configuration, so we don't need the icon to represent settings, the settings represent many use cases beyond accessibility, so ideally we wouldn't have an icon that is explicitly an accessibility icon. The intention is that the icon would represent reading or content somehow without being another generic article icon. @DTorsani-WMF and I discussed glasses as a possible icon. === User stories As a logged in reader with reading theme settings hidden, I want to be able to see a clear iconographic representation of reading theme in the top right bar of Wikipedia on desktop. === Considerations //(Optional)// === Open questions //(Optional)// === Proposal //Once theThe //current// icon proposal has been defined,to represent 'reading theme' or 'appearance' is a pair of glasses. itThis icon will be explained in this section, so any user can easily findanalyzed during the beta release and iterated on as we learn and understand it.//gather feedback from users. {F41543377} === Design spec [[ https://www.figma.com/file/QwGdOhYlxulBkOmsOwqBep/Reading-Theme-Icon?type=design&node-id=1%3A3726&mode=design&t=ehRhsdPx4eADIayx-1 | Figma exploration ]] === SVG icon {F41524330} === Acceptance criteria for Done **Design** [x] The design of the new icon is ready, and it follows our [icon system guidelines](https://doc.wikimedia.org/codex/latest/style-guide/icons.html) [x] The new icon has been reviewed with help from the DST [x] An RTL icon has been created //(if needed)// [x] The icon is recognizable on low DPI resolutions [x] The icon has been exported as an optimized SVG and added to this task’s description [x] The new icon has been included and published in our [Icon System Figma library](https://www.figma.com/file/1lT9LKOK6wiHLnpraMjP3E/%E2%9D%96-Assets-(Icons%2C-Logos%2C-Illustrations)?type=design&node-id=3295-13631&t=7enEmmEPJCTCpfRG-11) **Code** [x] Add icon in Codex [x] Add icon in OOUI **Documentation** [ ] Update {T141801}