Design exploration for typography settings
Closed, ResolvedPublic
Actions

Description

Background

This ticket will track the creation of the design specification for typography settings

Competitive analysis of interaction patterns used by other reading interfaces
Review work to date by previous designers
Articulate design goals
Many low-fidelity sketches of potential approaches
Review potential approaches with stakeholders / communities
high-fidelity designs --> pushing into new ticket

Related Objects
Search...

Status	Assigned	Task
Resolved	ovasileva	T341631 [EPIC] Q1 Main hypothesis: Typographical and palette customizations
Resolved	ovasileva	T313828 [EPIC] Typography: improve typography and allow for variable typography settings
Duplicate	Florian	T50946 Add font size adjustment feature
Duplicate	Jdlrobson	T91201 [GOAL] Accessibility settings/preferences on desktop and mobile
Duplicate	Jdlrobson	T345359 [Goal] Allow logged-out and logged-in users to set preferred typography
Resolved	JScherer-WMF	T345360 Design exploration for typography settings
Resolved	JScherer-WMF	T346069 Evaluative testing of proposed typography settings design
Resolved	JScherer-WMF	T346070 Share and discuss proposed typography settings designs

Event Timeline

ovasileva triaged this task as Medium priority.Aug 31 2023, 2:04 PM

ovasileva created this task.

JScherer-WMF claimed this task.Sep 11 2023, 4:34 PM

JScherer-WMF updated the task description. (Show Details)

JScherer-WMF mentioned this in T346069: Evaluative testing of proposed typography settings design.Sep 11 2023, 4:38 PM

JScherer-WMF mentioned this in T346070: Share and discuss proposed typography settings designs.

Jdlrobson moved this task from Incoming to Web Team FY2023-24 Q1 Sprint 6 on the Web-Team-Backlog board.Sep 12 2023, 6:26 PM

Jdlrobson edited projects, added Web-Team-Backlog (Web Team FY2023-24 Q1 Sprint 6); removed Web-Team-Backlog.

JScherer-WMF mentioned this in T345363: Create font size settings interface functionality for vector.Sep 14 2023, 3:06 PM

Jdlrobson removed a project: Epic.Sep 14 2023, 5:20 PM

JScherer-WMF moved this task from Incoming to Doing on the Web-Team-Backlog (Web Team FY2023-24 Q1 Sprint 6) board.Sep 18 2023, 3:30 PM

Jdlrobson moved this task from Doing to Design Review on the Web-Team-Backlog (Web Team FY2023-24 Q1 Sprint 6) board.Sep 19 2023, 5:06 PM

You can see the prototype by clicking the cog in the bottom right on https://www.mediawiki.org/w/index.php?title=Stable_interface_policy/Frontend&vectorclientpreferences=1&safemode=1

JScherer-WMF updated the task description. (Show Details)Sep 21 2023, 10:19 PM

Design goals

Able to use in a couple seconds in a quick glance for casual readers
Uses existing Codex components and interaction styles wherever appropriate
WCAG AAA accessible
Scales well in a variety of viewport settings
Can accommodate future settings

JScherer-WMF updated the task description. (Show Details)Sep 21 2023, 10:23 PM

Explorations are well underway. Here's the Figma link

Here's a video walking through the explorations to date. Going to solicit feedback from Web and DST on this to understand technical implications and other directions I haven't considered yet.