Project

General

Profile

Design/UX #11395

Design consistent directory filter UI pattern

Added by Sonja Leix about 2 months ago. Updated 7 days ago.

Status:
New
Priority name:
Normal
Assignee:
Category name:
User Experience
Target version:
Start date:
2019-04-24
Due date:
% Done:

0%

Estimated time:

Description

As we are collecting meta data for groups, sites, and courses, the next logical step is to implement a richer discovery experience for our users. We want to explore building a consistent UI to filter content on directory pages (e.g. https://commons.gc.cuny.edu/groups/).

In this process we might want to re-evaluate how we sort content and if the implemented sorting logic is clear to the user or needs to be further communicated.

Related tickets:
#8897 – Redesign Filter Interface
#11298 – Explore Ways to Make the "Courses" tab More Interesting

History

#1 Updated by Sonja Leix about 2 months ago

  • Category name set to User Experience

#2 Updated by Sonja Leix 7 days ago

Boone,
I have a few questions for you in order to work on a proposed design solution for this.

1. Are we planning on filtering or sorting results?
2. Can we build it in a way so the filtering/sorting happens without a page load?

#3 Updated by Sonja Leix 7 days ago

This is for everyone,

These are the current sorting options on each of these content types:
PEOPLE: Last Active, Newest Registered, Alphabetical
GROUPS: Last Active, Newly Created, Alphabetical
SITES: Last Active, Newest, Alphabetical

New possible filters:
Since we have added the meta data fields during the last release we filter Groups and Sites as well as Courses by the following:
GROUPS: Campus, Primary Purpose, Academic Term, Disciplinary Cluster
SITES: Campus, Primary Purpose, Academic Term, Disciplinary Cluster
COURSES: Campus, Primary Purpose, Academic Term, Disciplinary Cluster

Anything else we should include or anything you feel we shouldn't include?

#4 Updated by Boone Gorges 7 days ago

Sonja Leix wrote:

Boone,
I have a few questions for you in order to work on a proposed design solution for this.

1. Are we planning on filtering or sorting results?
2. Can we build it in a way so the filtering/sorting happens without a page load?

1. Could do either or both. I think the main idea here is filtering, but we can also include sorts as you see fit. Some sorts may be easier than others. The following are fairly straightforward: alphabetical; by academic term; by created date.

2. Yes. https://commons.gc.cuny.edu/members/ is one such UI pattern. Not suggesting we use that specifically, but we can definitely do something along those lines.

Also available in: Atom PDF