Returnless UI

Resource List

A resource list displays a collection of objects of the same type, like products or customers. The main job of a resource list is to help users find an object and navigate to a full-page representation of it or open a modal to view more details.

Examples

List of available orders

Orders

  • Shopify
    6246980452684

    2024-06-23 10:11:12

  • WICS
    1273329

    2024-06-23 10:11:12

List of active shipments

Shipments

  • DHL
    Announced

    DHLForYou Drop Off

  • DHL
    En-route

    DHLForYou Drop Off

  • DHL
    Dropped-off

    DHLForYou Drop Off

Best practices

Resource list can live in many places in Returnless. You could include a short resource list in a card summarizing recent orders, or you could also dedicate a full page to a resource list of all orders. Here are some best practices:

Resource lists should:

  • Have items that perform an action when clicked. The action should navigate to the resource's details page or otherwise provide more detail about the item.
  • Customize the content and layout of their ist items to support users' needs.