Yeah, I already posted about the clicking through cards issue, which is hard when you have hundreds of cards.
I am not very sure however that your example is the best one. For one, you can have filters to search the card with the number you want. Second, a workflow where you search by typeing directly in the field is something I have never seen in any system.
My idea for a card system is useful when you DO NOT know the card. So you can type directly the approximate number of the card and then move back and forth between cards in that approximate position until you find yours (let’s say, you know it’s card between 500 and 550, out of 1000.
Another possible assistance with cards would be to generate a list with small text concatenating or showing a single field of a table, then you click on the card changer button and it generates a list with pages…
Here are some suggestions by ChatGPT
There are several user-friendly UI design solutions to address the issue of navigating between cards representing records. Implementing one or more of these methods can significantly enhance the user experience. Notice some are useful for the LIST OF CARDS, not single card widget. I will mark the list of cards in italic.
1. Pagination: Divide the cards into smaller chunks, displaying a fixed number of cards per page. Provide navigation controls to move between pages, allowing users to jump to a specific page or skip multiple pages at once.
2. Infinite scrolling: Implement a mechanism that automatically loads more cards as the user scrolls down the page. This reduces the need for manual clicks and allows for a smoother browsing experience.
3. Filters and search: Implement filters and a search bar to help users narrow down the cards based on specific criteria. This will allow users to find and access the desired card more quickly without having to navigate through a large number of cards.
4. Jump to card: Provide an input field or a slider where users can directly enter the card number or a percentage value to quickly navigate to a specific card in the collection.
5. Sorting options: Allow users to sort the cards based on different attributes, such as date, title, or other relevant criteria. This can help users locate the desired card more easily in a large collection.
6. Keyboard shortcuts: Implement keyboard shortcuts (e.g., arrow keys, Page Up/Down) to facilitate quick navigation between cards, enabling power users to browse more efficiently.
7. Overview or grid view: Provide an alternative view that displays multiple cards at once in a grid or list layout. This allows users to quickly scan and locate the desired card before selecting it for a detailed view.
Overview or Grid View already exists, as well as filters and sorting options.
Keyboard shortcuts are interesting. Page up or page down to change 10 cards at once… 1 - 11 - 21 - 31 - 41 etc. Right now Page Up and Down change one card at a time because the arrow keys move through fields.
The pagination would be interesting for List of Cards Widget.