pxt-microbit
pxt-microbit copied to clipboard
microsoft
Add Search and Filtering of content on Home Page
Add a way to Search and Filter content on the Home Page. Requires metadata tags on all content.
Points of reference:
-
https://microbit.org/projects/make-it-code-it
-
Extension Gallery
On click of "All filters" the panel animates in from the side
On scroll of the to the page the filter stick to the top so they are always visible.
Some background further to your point of reference @Jaqster on the microbit.org project page filters: https://github.com/microsoft/pxt-microbit/issues/5458#issuecomment-1959927278
On https://microbit.org/projects/make-it-code-it/ as well as the beginner / intermediate / advanced filters (across the top of the page) we also filter by
- subject / topic
- micro:bit device feature
Subject / topic
The subject / topic filters we use are hierarchical, with 'topics' sitting under 'subjects' We also split CS into 5 'subjects' as we were restricted to 2 levels of hierarchy but still wanted to make some strands of CS learning visible at the top level.
The whole list of our topics is probably too long/granular for the MakeCode home page, but it might make sense to use something similar to our top level of subjects, in a short, non-hierarchical list, e.g:
- Computational thinking
- Computer systems
- Digital arts
- Networks
- Programming
- Safety & security
- Design & technology
- Geography
- Global Goals
- Mathematics
- Music
- Physical education
- Sciences
There may be topics like 'Data' (which we have under Programming) that are hidden from view at this level that are important enough to add to a flat list.
Good to see these designs. The filter row and sidebar look good to me. Just to clarify, is this just a suggestion for the filter-related parts of the page or the whole page? Are you expecting these to appear on the home screen or somewhere else? The layout of the page in these designs is different from the current homepage (i.e. 2 cards at the top, a grid of cards rather than left-right scrollable rows beneath the filters, black background) so I'm not sure if this is a redesign suggestion for the whole home page or something else?
