單卡中的產品設計原則

07-17

單卡中的產品設計原則

來自專欄極光日報11 人贊了文章

簡評：少即是多，協調一致，排列優先順序並享受樂趣。

這裡有一些背景信息幫助我們閱讀本文。

類似的項目組織到一個系列中，通常每個系列 60-120 個項目。用戶來搜索並發現項目然後購買他們。項目有關閉時間，關閉後用戶不能做購買操作。

少即是多

優化您的產品，而不是增加更多內容。

每個卡片都是詳情頁面的入口，左邊的卡片進入詳情頁面有三種方式：

這是可以理解的，如果更多的按鈕是希望更多的轉換。如果我們刪除 more 鏈接和 View this item 按鈕，看看結果會怎麼樣。

刪除後如右卡片所示，我們發現刪除後產品看起來很「新鮮」，而且單個卡片的變得更簡潔佔用空間更顯，這樣真箇列表可以呈現跟多的卡片，對用戶來說這更容易找到喜歡的東西。

創建統一的用戶體驗

當我開始清點產品中使用的所有卡片時，我發現沒有標準。卡片上相同的組件有不同的視覺樣式，這會使用戶會感到困惑，因為用戶不能簡單的區分出商品卡片和系列卡片。

要處理這個問題首先要區分物品和系列之間的差異：物品是單個物品，而系列包含許多物品。然後定製一個標準，系列卡片上使用一個標籤和多個圖像來表示，以此來和物品卡片進行區分。這樣用戶可以直觀的的知道卡片的含義。

顯示關鍵信息。

卡片可以包含多種類型的信息，例如圖像，標題文本和按鈕。但是，在某些情況下不需要所有信息。我們可以根據知識對用戶重要性來確定信息的優先順序。

例如，當項目卡位於在用戶的喜歡列表時（可以理解為購物車之類的東西），此時物品的的關閉時間是最重要的信息。只顯示關閉時間和當前價格，觸發用戶點擊即將關閉的項目。另一種情況下，當用戶最近查看某個商品時，更改後的價格信息對用戶很重要，這可能會吸引用戶儘快購買此商品。

瀏覽時讓用戶感興趣。

人們通常喜歡通過模式來看待事物，但是在相同的模式下會引發視覺疲勞，所以同時希望有新鮮感。我的目的是通過製作布局來提供更有趣的瀏覽體驗。網格視圖、列表視圖和輪播視圖常一起使用。請記住，不要讓用戶在一個布局中滾動很長時間。

原文：Product Design Principles in a Single Card
推薦閱讀：設計表單的正確姿勢

極光日報，極光開發者旗下媒體。

每天導讀三篇英文技術文章。