Designed in 2022

Designing a user-friendly function page for Wikifunctions, so that all community members can easily engage with functions.

User arrives on function page.jpg

Context

Just like articles on Wikipedia or items on Wikidata, functions on Wikifunctions will be web pages. I was responsible for the end-to-end design of function pages. This included research, design and development, prototyping, and testing.

Goal

Design a UX and UI for viewing a function (see Phabricator ticket).

Final designs

Desktop designs for the Function Page

Desktop design for the Function Page

Desktop design for the Function Page

When the user toggles to the Details tab.

When the user toggles to the Details tab.

Mobile designs for the Function Page

Mobile design for the Function Page

Mobile design for the Function Page

When the user has toggled to the Details portion of the page, on mobile.

When the user has toggled to the Details portion of the page, on mobile.