在交互設計中,信息集合的方式往往采用卡片式設計和列表設計。列表針對的集合主要是信息欄的“排列展示”,而卡片式主要解決的是單條信息的“內容較多”,以及此信息的“可操作性”。
壹、列表設計
什麽是列表設計?
列表設計較為簡單,縱向列表以展示所有相同的信息欄,用戶能夠滑動快速查看信息,並不必強調可操作性。傳統的列表設計主要包括簡單圖文加分割線,像通訊錄、聊天框的簡單信息展示,能夠幫助用戶快速瀏覽。現在隨著信息欄內容的豐富,也有卡片式列表,如知乎、微博、Facebook等就是采用這種列表方式。
信息欄是用圖文+分割線還是卡片?
這個需要根據信息欄的內容而定。當信息的內容較為復雜且要強調操作時,卡片是個好選擇(如左);反之,假如內容較為簡單,且無操作性時,用圖文加分割線的傳統列表較合適(如右)。簡而言之,卡片是為了拓展信息塊的視覺深度和突出可操作性。
二、卡片式設計
卡片式設計是為了將內容信息更好地展示出來,並利用信息來挑逗用戶產生操作。
視覺上需要有卡片的真實感受,操作上卡片的翻轉、移動、折疊、分享等操作也可以通過設計來強調。
壹些有趣的操作
好的視覺體驗