拿到任务,我的思首先是探索的意义,其次查看其他产品的设计,而后总结的所有类型和可实现的方式,最后根据现有的菜单框架选定最适合的模型。
菜单原指餐馆提供的列有各类菜肴的清单,它是大而全的;就是给客户,让用户知道自己在哪,可以去哪。显然的概念更丰富,而菜单是实现网站的一种。我们可以根据菜单点单,也可以按门店销售排行榜点单,也可以根据点单员的推荐点单。
所以发现了吗?这里就出现了三类:菜单(菜单点单)、标签(排行榜点单)、推荐(服务员推荐点单)。
这类菜单是将全平台所有可使用功能经过分类全部呈现出来,在重新讨论划分后,我们共有9个菜单,其中三个与平台主业务不想关,当时处于技术原因想借用前端框架暂时挂在这里,可以不用过多考虑,将其收起来放在隐藏点的即可。
所以实际为6个菜单,二级菜单大概为15个,菜单为75-80个。不算太多,三种类型的菜单摆放我们皆可考虑。
顶部放一级菜单,侧边放二菜单的模式通常一级菜单会展现出来,二展现形式可能会有以下两种:
同时展开的好处是可以将3级菜单一览无余,进入到内容页面只需要再点击一步。阿里云、腾讯云他们的菜单较多,采用的都是这种模式;而老牌的工具平台如PS、PR、Axure则喜欢逐级展开这种交互。
我没有想明白这类层级展开的菜单为何一直在用?从的目的触发,它使得找寻目标的径变得很长,看起来似乎没有优势。
顶部+侧边:顶部放一级菜单,侧边同时展开二级和,它的阅读顺序不是很友好,我要先看,选中了一个后再在左边选择。
顶部:6个主菜单不多,且名字皆为两个字,在选择一级后,在下方同时展现二菜单,符合阅读顺序,是最佳选择。
侧边:侧边有三种展现形式:悬浮显示+纵向排列,依然阅读习惯;悬浮显示+横向排列,可取;固定显示,表达清晰,但是占位过多,排除。
最后,我们暂且选定顶部和侧边里的“悬浮显示+横向排列”,看一下与其他部分结合哪个效果会更好。
交互有两种,一种是悬停显示二菜单,一种是点击显示二菜单。两者的主要区别在于一个会随着鼠标移动消失,一个不会消失。
我个人倾向于点击,这样我不会因为不小心滑动鼠标导致面板消失,点击会让我有更强的掌控感,而且我觉得点击和悬停的操作成本是一样的。我不太明白上文作者所说的悬停可以使用户操作更方便的结论是怎么得来的。个人认为悬停只适用于出现的弹窗不需要进行二次点击,只是进行释义的场景。
鉴于团队其它同事偏好悬停,所以我们采用悬停+点击都支持的方式,但是菜单面板弹出后鼠标移出面板不会关闭面板,当再用户点击其它地方或点击某个子级菜单时关闭面板。
当人们熟悉它时,旁边即便没有文字说明我们领会它的内涵,这是全行业对用户的教育,潜移默化中形成了一套规范。如表达用户,一定是类似这种的图标。
如果菜单上全是文字,密密麻麻,没有记忆点,不是很好看。加上图标之后页面的层次感会好一些,而且图标可以比文字产生更好的记忆点,一二级菜单可以设计一个图标。
最终我们决定给每一个菜单都设计图标,这样自定义菜单模块上也可以用图标加文字的表现形式。在图标设计上,一级菜单的图标会选用不同的颜色,使菜单更有记忆点,页面也会更加年轻活泼。
标签其实是菜单的一个二次分类,它不要求囊括所有功能,比如石墨文档里的“我的收藏”“最近使用”就是一个二次标签。系统支持自定义常见功能的就属于标签。
每个人按照自己的习惯定义可以极大地提高的速度,理应常好的一个功能。但是在我司原有的平台里,它仅出现在首页的右下角,实在太不突出。反观用户量极大的B端平台金蝶,它将常用功能放在首页的顶部,非常明台湾私拍布丁显。
显然对于平台的频繁使用者而言,标签比菜单更具有价值,我们决定把标签固定在某一块显示,而不止是在首页显示,会给与它和菜单同样的重视。
推荐是平台给你推荐一些功能,最常出现在内容平台,比如优酷、人人都是产品经理网站在分析了大量用户的搜索后,将最有可能符合你目标的搜索项放在这里。
我们原有的平台里已经有了搜索模块,但使用者很少,一是因为他的与菜单相隔太远,一个在最左侧,一个在最右侧,根据设计的相关性原则,布局十分不合理。
运营后台的推荐不同于内容平台有大量用户的搜索数据可以进行分析出热点,但是我们有用户曾经的搜索记录。曾经搜索过的菜单很有可能有再次搜索的需求,类似百度搜索的历史搜索记录。
的意义是给客户,帮助客户快速找到目标功能。它分为菜单、标签、推荐。菜单是合理分类,罗列全部套餐;标签是按照另一套规则或用户自定义常用功能菜单;推荐是根据大数据或历史数据预测用户可能想要寻找的目标功能。
人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。