如何设计出完美的B端地图?赶紧收藏!
今天我们要讨论的问题是“如何设计出完美的B端地图?”相信许多产品经理都为这个头疼过。在B端产品中,地图是一种非常常见的元素,所以设计B端地图还是非常重要的。小编给大家分享一些实用的方法,赶紧收藏吧!
我简单的总结了两点设计原则:
1.清晰简洁:就是要确保整体页面的清晰,地图一定要简介,让地图的信息最大限度的进行展示;
2.对应明确:一定要明确点位信息,还有列表进行的对应关系。
那么如何设计出完美的B端地图呢?我们主要从以下三个方面进行分析:
1.列表的交互
对于地图列表,主要的交互操作分为三类:地图定位,查看详细信息,定位+详细信息。
2.地图布局
为使地图整体层次清晰,我们将地图和列表分为两种不同的形式:一种是以地图为底的列表浮层结构,另一种是地图的左右结构。另外,根据整个布局结构,我们将这两种布局形式所包含的隐式逻辑区别开来,把地图和列表划分为主从式。
3.地点的详细信息
对于简单易行的信息,可推荐采用泡泡弹窗形式;
对于复杂的信息显示,尝试使用右边的抽屉形式来替换当前的列表;
对于非常复杂的场景,例如需要展示画布或清单,可以考虑使用展示形式的底柜。
目前,小编就想到这些方法啦,大家也可以在评论区进行补充哦!总的来说,B端地图的设计还是比较考验技术的,所以大家要掌握一些技巧,这样才能提高效率,还能设计出完美的地图。
以上就是“如何设计出完美的B端地图?赶紧收藏!”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
我简单的总结了两点设计原则:
1.清晰简洁:就是要确保整体页面的清晰,地图一定要简介,让地图的信息最大限度的进行展示;
2.对应明确:一定要明确点位信息,还有列表进行的对应关系。
那么如何设计出完美的B端地图呢?我们主要从以下三个方面进行分析:
1.列表的交互
对于地图列表,主要的交互操作分为三类:地图定位,查看详细信息,定位+详细信息。
2.地图布局
为使地图整体层次清晰,我们将地图和列表分为两种不同的形式:一种是以地图为底的列表浮层结构,另一种是地图的左右结构。另外,根据整个布局结构,我们将这两种布局形式所包含的隐式逻辑区别开来,把地图和列表划分为主从式。
3.地点的详细信息
对于简单易行的信息,可推荐采用泡泡弹窗形式;
对于复杂的信息显示,尝试使用右边的抽屉形式来替换当前的列表;
对于非常复杂的场景,例如需要展示画布或清单,可以考虑使用展示形式的底柜。
目前,小编就想到这些方法啦,大家也可以在评论区进行补充哦!总的来说,B端地图的设计还是比较考验技术的,所以大家要掌握一些技巧,这样才能提高效率,还能设计出完美的地图。
以上就是“如何设计出完美的B端地图?赶紧收藏!”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。