首页

专业科班的思考!聊聊列表设计的3个基本思路

雪涛

@董弈 :列表算是一个非常基础的设计元素,无非是一排一排的数据内容,加上一些基本的操作。最近连续设计了一个礼拜的列表后,最直观的感受是:再简单的东西,也有很多的细节需要思考。尤其对于很多数据产品和工具型产品,列表是非常重要的一部分,例如电子邮箱,文件系统(Google drive, dropbox)。一个信息结构合理,操作明确表格、列表设计,能够帮助用户减轻很多的阅读负担。这篇文章会分享一些列表设计中的基本思路。

不同情境的列表设计

蓝蓝

蓝蓝设计将分析列表在各种情境的界面设计方法,以及需要注意的事项。

列表常见的使用情境

  1. 概观:浏览较多的的信息时,列表可以提供一种概观性的的方式来呈现内容。
  2. 逐一浏览项目:用户可能逐一或随机的的阅读信息,就像是 Facebook 动态信息。
  3. 搜寻:用户可能在列表上寻找他们想要的信息,就像是 Google 搜寻结果。
  4. 分类与过滤:用户可能正在分类信息或者使用一些方式(档案大小、名称)过滤内容。
  5. 项目的整理、新增、删除与分类:用户正在整理信息,此时很有可能需要多选、搬移的辅助功能。

模式1. 双面版选择器

双面板列表是一种将列表区分为两个区域的一种设计模式,用户可以自由在第一个面上选择项目,第二个面版上会显示面板一选择的项目内容。

优点

  • 操作非常的有效率,不需要来来回回的在不同列表切换。
  • 减少用户记忆与认知的负担,使用者不必了解内容在列表上的位置,也不需要学习如何返回列表。

缺点

  • 需要比较大的屏幕时才能支持。

手机上的长列表

蓝蓝


这个Watch Lists其实很长,有几十项,表现出来是这样:每页只显示5项,可以显示在一屏内,然后翻页。
在PC网页的设计时我们知道:把更多的内容放在一个页面里展示,比跳转页面更好,用户更容易看到。几米长的门户首页就是这么来的。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档