本文仅用户个人学习记录使用,意在提高自己的交互设计,仅此而已,欢迎指正.
手风琴(一次只打开一个 tab)设计的好处:
- 提高专注能力:信息少了自然就能防止被其他 tab 分散注意力,让用户更关注于当前区域内容
- 减少信息过载,提高工作效率:没有过多信息的干扰,可以更高效的完成工作,同时只有一个 tab 的时候请求就会少一些
设计截图
优点:
- 使用一次只能打开一个 tab 的设计节约了页面空间,可以留给其他区域的展示空间就大了
- 提高了用户的交互,点击之后可以看到详细的内容
- 使用 tab 的标题精确表达了产品的功能,让页面看起来简洁大方
- 没有图片的卡片和有图片的卡片依次展示在页面上,丰富了页面的内容,增加了多种呈现信息的方式
缺点:
- 在切换图片加载的时候没有骨架屏,造成页面有很大的空白区域(但是当图片加载的时候是有一个由模糊到清晰的渐变)
自我感受
当页面内容过多时,为了节省空间更重要的内容展示时可以使用一次只打开一个 tab 的设计,但是一次只打开一个 tab 的设计也失去了另外一个重要的特性: 无法同时查看多个信息,这个时候只能用户在不同的浏览器 tab 打开,打开不同浏览器窗口才可以实现多个信息同时查看