#38 – The New & Improved List page

Summary

The conversation focuses on improving the list page on Hardcover. The hosts discuss the results from the State of Hardcover survey and identify easy wins based on user feedback. They emphasize the importance of the list page and its presence throughout the site. The conversation explores different views for lists and the options for sorting and filtering. The hosts review the current design in Figma and discuss the reuse of list design across the site. They consider a collapsible sidebar for filters and sorting, as well as options for columns in table view. The conversation concludes with a discussion on draggable columns and adding/removing columns. In this conversation, Ste and Adam discuss various improvements to the user interface of the list feature on Hardcover. They explore options for reordering columns, adding reasons for book additions, and setting a default view for shared lists. They also plan to create a better table view and refactor the existing table view code. The conversation concludes with a target release date for the new features.

Takeaways

The list page is a crucial feature on Hardcover and needs improvement based on user feedback.
Easy wins identified from the State of Hardcover survey can be implemented to enhance the user experience.
Different views, such as shelf view, card view, and table view, should be considered for displaying lists.
Filters and sorting options should be integrated into the list page design, with a collapsible sidebar as a potential solution.
Customizable columns in table view can provide users with flexibility and control over their reading lists. Direct controls should be added to improve the user interface of the list feature.
Reordering columns and adding reasons for book additions are important functionalities to consider.
A default view for shared lists can enhance the user experience.
Refactoring the table view and creating a better table view will improve the overall design and functionality of the feature.

Chapters

00:00 Introduction and Current Projects
01:03 Results from the State of Hardcover Survey
03:22 The Importance of the List Page
04:18 Lists Throughout the Site
05:11 Reimagining the List Page
06:14 Bulk Editing and Filtering Lists
08:22 Different Views for Lists
09:14 Options for Sorting and Filtering
10:26 Considerations for Different Views
11:27 Exploring Different List Views
12:24 Simplifying the View Options
13:43 Reviewing the Current Design in Figma
14:58 Reuse of List Design Across the Site
15:43 Integration of Filters and Sorting
18:09 Collapsible Sidebar for Filters and Sorting
20:26 Considerations for Columns in Table View
22:03 Collapsible Sidebar for Columns
23:28 Reordering and Customizing Columns
25:18 Simplifying Column Options
26:28 Bulk Editing and Customizing Columns
29:02 Draggable Columns and Adding/Removing Columns
30:56 Improving the User Interface
33:03 Reordering Columns
36:23 Adding Reasons for Book Additions
38:08 Default View for Shared Lists
42:07 Creating a Better Table View
46:11 Refactoring the Table View
50:07 Setting Default View for Lists
53:39 Designing the Default View
55:02 Finalizing the Feature
56:08 Target Release Date