Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Review and brainstorm about Filter, Sort and Searchoptions #88

Open
patrickakk opened this issue Sep 27, 2023 · 13 comments
Open

Review and brainstorm about Filter, Sort and Searchoptions #88

patrickakk opened this issue Sep 27, 2023 · 13 comments
Labels
Blocked Blocked by other action – Status of issue FeatureRequest New feature request - Kind of issue frontend Front End - Part of application specsmissing Development can’t start because specifications are missing – Status of issue
Milestone

Comments

@patrickakk
Copy link
Contributor

patrickakk commented Sep 27, 2023

Goal of this issue

Explain about which part of the user interface we're talking, maybe also to people who don't know the application very well. As well it could be a place to: collect feedback, remarks about things that don't work as expected or preferred, suggest improvements or brainstorm about new idea's for this specific part of the user interface.

There might be some redundancy with other issues (slightly) related to this, but we could give it a try?

I'll start by describing the parts and giving my opinion about it in multiple comments below.
(For now I've added this issue to the November milestone. That it targeted at the review, not at the implementation.)

@patrickakk patrickakk added FeatureRequest New feature request - Kind of issue frontend Front End - Part of application specsmissing Development can’t start because specifications are missing – Status of issue labels Sep 27, 2023
@patrickakk patrickakk added this to the November 2023 milestone Sep 27, 2023
@patrickakk
Copy link
Contributor Author

Overview of the top part of the user interface

image

Can be found here: https://dhcr.clarin-dariah.eu/

@patrickakk
Copy link
Contributor Author

Sort button

image

Sort popup window

image

@patrickakk
Copy link
Contributor Author

Sort functionality

There can be sorted on:

  • Course name
  • Country
  • University (Institution name)
  • Education type

By default the list is also sorted: The latest updated course on top. So that will contain a mix of new added and updated courses, with the most recent on top. This is only briefly explained after clicking the sort button.

Disadvantages/remarks to sort functionality - Patrick's opinion

  • Not recognizable: In many applications/websites the possibility to sort data is represented by an element that looks like a drop down box.
  • Needs to click multiple times and open a separate popup window, which could be confusing.
  • Default sort option difficult to restore. (need to disable al 4 other options)

Advantages - Patrick's opinion

  • The current implementation supports sorting on 1 until 4 elements. A drop down box would only support sorting on 1 element. But how oft is the "extra option" used?

@patrickakk
Copy link
Contributor Author

Filter button

image

Filter popup window

image

@patrickakk
Copy link
Contributor Author

patrickakk commented Sep 27, 2023

Filter functionality

There can be filtered on:

  • Country
  • City
  • Institution name
  • Language of the course
  • Tadirah Discipline
  • Education type
  • Is it an online course?
  • Is the course recurring?

Disadvantages/remarks to filter functionality - Patrick's opinion

  • Bug, reported here: Filter doesn't adapt cities list when selecting a country #76
    When selecting the filter for a country, the user expects that, when also selecting a filter for a city, only cities in the specified country can be selected. This is not the case. After selecting a country, the data is not updated, so all the cities outside the selected country are also shown, as well the course -in brackets- are also outdated. This also applied to other elements in the filter popup window.
  • Filter options are only visible after clicking the button "Filter", and the button doesn't look very inviting to click on it.
  • No possibility to search/filter on text or tags. This is partiality covered by the search bar.
  • Maybe additional filter options are needed?
  • The option to filter on Tadirah technique or object was broken and for the time being hidden, see here: Filter options result in "Error loading data" when selecting Tadirah technique or object #20

@patrickakk
Copy link
Contributor Author

Search bar

image

Search bar showing results

image

@patrickakk
Copy link
Contributor Author

patrickakk commented Sep 27, 2023

Search bar functionality

Search on (a part of):

  • Course name
  • Institution name

Disadvantages/remarks to search bar functionality - Patrick's opinion

  • The search term should be entered from the beginning of the word. When the first letter of a word is removed, the result is not found.
  • No extended options available (tags, keyword, search in description or in other fields)

Advantages/remarks to search bar functionality - Patrick's opinion

  • This simple search bar was introduced in the beginning of 2023. Until then it wasn't possible at all to search on course name.

@patrickakk
Copy link
Contributor Author

patrickakk commented Sep 27, 2023

Showing results when using sort or filter - behavior

  • After closing the filter or sort popup window, the list on the left as well as the map are adjusted to the new selection
  • The user has to click on a course, to select it
  • Then click again to go to the course detail page

Showing results when using the current searchbar - behavior

  • Results are shown and updated with every character the user types (typahead)
  • The map and list on the left are not adjusted. The results are displayed on top of it
  • When the user clicks on one of the results, the course detail page is shown directly

Both types of behavior are completely different. Please think about this when suggesting something new.

@patrickakk
Copy link
Contributor Author

patrickakk commented Sep 27, 2023

Recent idea's for improvements

  • Tags / keywords

    • The admins create and maintain a list of tags. Course owners can apply one or more tags to a course.
    • How select the tags in at the main page (when the user wants to search)?
  • Search also in course description or other fields

    • Which fields? Which ones not?
    • Do we need to check / maintain the content in for example the description fields for all courses?
  • Stop using Tadirah?

  • Create a more user friendly way to show/implement the filter and sort options

  • Create "one-click" filter/search options, for example: "new courses" or "starting soon"

@patrickakk
Copy link
Contributor Author

@IvdL22 @PixlTracer
cc for info @vronk

I'm looking forward to your response ;)

@patrickakk patrickakk removed this from the November 2023 milestone Nov 15, 2023
@patrickakk patrickakk added this to the 2024 milestone Dec 5, 2023
@vronk
Copy link

vronk commented Dec 6, 2023

Consider introducing tags for filtering (as suggested in #70)

The tags will be pre defined in the admin area. Then lecturers can choose from this list when adding or updating a course.
Not clear: who will be managing the list of tags? Moderators or only the admins?

@PixlTracer
Copy link

#46 (comment)

@patrickakk patrickakk modified the milestones: 2024, April 2024 Mar 7, 2024
@patrickakk patrickakk added the Blocked Blocked by other action – Status of issue label Mar 7, 2024
@patrickakk
Copy link
Contributor Author

As discussed in the meeting today, this issue is put on hold until input on the UI is received.

@patrickakk patrickakk modified the milestones: April 2024, June 2024 Mar 27, 2024
@patrickakk patrickakk modified the milestones: June 2024, 2024 May 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Blocked Blocked by other action – Status of issue FeatureRequest New feature request - Kind of issue frontend Front End - Part of application specsmissing Development can’t start because specifications are missing – Status of issue
Projects
None yet
Development

No branches or pull requests

4 participants