← 返回部落格

100 項購物清單的問題

文字清單不縮放。以下是視覺分組如何讓大型商店易於管理。

在任何應用程式中,十項清單都很容易。一百個項目的清單是不同的產品。節日大餐、喬遷商店和「我們要招待二十個人」週都揭露了純文字的限制。

文字清單在自身重量下崩潰

隨著清單的增長:

  • 線條模糊在一起
  • 滾動變得無限
  • 相似的名字隱藏在彼此旁邊
  • 尋找“我星期二添加的一件事”變成搜索

您花在瀏覽清單上的時間比瀏覽商店的時間還要多。該工具成為瓶頸。

視覺分組改進了導航

圖標不僅在規模上看起來更好——它們在規模上組織。相關產品共享視覺家族:乳製品看起來像乳製品,農產品像農產品。在您的手指找到行號之前,您的眼睛會先看到簇。

在清單中您還可以:

  • 重新訂購商品以配合您的商店路線
  • 按資料夾或通道分組
  • 掃描網格而不是列

同樣的一百件物品。完全不同的體驗。

之前和之後

之前: 一長卷文字——麵粉、糖、奶油、雞蛋、香草、奶油……——每一行的重量相等,每一項都是一個小的閱讀任務。

之後: 一個視覺板,烘焙用品放在一起,圖示區分罐子、紙箱和袋子,完成的物品會褪色,而不會破壞您在網格中的位置。

大型清單不應該隨著它們的成長而變得更難使用。它們應該變得更容易導航,因為結構是從視覺效果本身產生的。


**大型清單不應變得更難使用。 **

嘗試清單為您的下一個大商店 - 並將商品拖曳到與您的商店相符的訂單中。