Designing a reorderable list component - Darin Senneff
WEBNov 8, 2021 — In this article, I'm going to channel my findings into how we can create a reorderable list with a great user experience (UX). While I'll discuss some development-related topics, this article's primary focus is on the design of the component.
longlist - Best way to reorder long list of items - User Experience ...
WEBOct 4, 2017 — add as many different ways to reorder as you can. For long-range moves, users will need the "to-top" and "to-bottom" functions, as well as the possibility to enter the new position (don't use drop-down boxes, as 100 dropped-down number will down your users as well; use a number entry field).
UI design for ordering items in list - User Experience Stack Exchange
WEBSep 23, 2010 — Almost any list within that app allows reordering of elements via drag n' drop. First, you have to click to go into re-ordering mode, via a text link in the upper corner. Then there's a small image that clearly suggests 'grabbability' which you click and hold and then manipulate to move the item.
UX list design made simple (with Figma template)
WEBDec 20, 2023 — Customizable lists often allow users to reorder list items by dragging and dropping them. You can indicate this by a draggable icon that users can click and hold, which will “pick up” the list item.
Drag and drop reordering with large items
WEBMay 19, 2018 — I'm trying to implement a drag-and-drop functionality to reorder items. The items are of varying size (height), and in some extreme cases taller than the screen. The simple method shown below wouldn't work as we wouldn't be able to see the other items if the item being dragged is large.
Science Behind E-Commerce: UX of Reorder Feature
WEBOct 5, 2017 — Reorder was the solution. How does it work? Giving the user power to repeat a purchase. Two of the most important characteristics of good design are discoverability and understanding. I identified two places where user can find reorder:
How to Design the Best UX Table [+ 6 Great Examples] - Studio by …
WEBJul 10, 2024 — UX designers must find the best UX table design solution to visualize and sort data according to user needs. This article explores table UX design best practices with examples to solve common content and usability issues.
List Design 101 – A Short Guide for Beginners - Studio by UXPin
WEBSep 12, 2024 — Reordering & Sorting. Reordering list items gives users control over how they prioritize and experience data. Depending on their preference, they can move items manually up or down the list, usually by dragging and dropping. This customization creates a positive user experience because users can arrange content to suit their needs.
React Reorder - npm
WEBReact Reorder is a React component that allows the user to drag-and-drop items in a list (horizontal / vertical), or a grid. You can also allow dragging items from one list to another. It fully supports touch devices and auto-scrolls when a …
Sorting’ UX Design: A Comprehensive Guide - Bootcamp
WEBJan 11, 2023 — Sorting organizes data in a specific order and filtering reduces the number of items displayed by selecting only the items that match certain criteria. The process of designing these controls should take into account the needs of the users, the size of the data set, and performance considerations.
Skip to content