船舵式导航因其样式与船舵相似而得名。它的主要特点是将主功能按钮放在中间位置,使其更加突出醒目,并对该主功能进行功能扩展。当APP应用中有多个同一层级的页面,且需要一个非常重要且频繁操作的入口时,可以采用船舵式导航。
以网易云音乐为例,其采用了非常标准的抽屉式导航,目前更多APP会采用抽屉导航的变式,即点击导航入口以后,以向右滑动的方式,整个抽屉页将滑动出现并且占据整个屏幕,例如小红书app的抽屉导航。 一般位于产品顶部,通过点击呼出导航菜单。
UI设计知识系列:界面中的“导航布局”导航布局是UI设计时需要重点考虑的部分。一款App的导航可以被设计成多种形式,导航设计的合理与否,直接关系到用户能否根据自己过去的生活习惯和直觉,不假思索地去使用APP,并且完成用户想要完成的任务。
移动APP设计功能时,需根据应用类型、信息层级及用户需求选择合适的导航样式,以优化功能布局与用户体验。具体设计策略如下:顶部导航栏适用于内容较少、层级清晰的APP,通常包含标题、返回按钮及操作按钮(如搜索、分享)。例如,iOS和Android系统默认导航方式,以及微博、微信等社交类应用均采用此设计。
目前,移动端界面的一级导航设计主要有几种:底部布局的标签导航;顶部布局的标签导航;舵式导航;4抽屉式导航;宫格式导航;等等。二级导航设计常见的有:分段式导航;底部+顶部布局的标签导航;列表导航;图标式导航;下拉菜单式导航等。
网站导航与栏目结构层次包含以下指标:网站导航合理,首页、主栏目页和内容页面URL层次。(1)网站导航合理:并没有严格的客观评价标准,从对用户获取信息的方便性、合理性等方面考察网站导航设计的专业水平。主要依靠专业人员的专业知识和经验进行分析判断。
明确导航设计的复杂性大型网站由于页面众多、层次结构复杂,导航设计相比小型网站更具挑战性。因此,在设计大型网站导航时,需要充分考虑网站的规模和复杂性,确保导航结构既清晰又易于使用。采用垂直导航与顶层导航相结合垂直导航:可以将导航栏目垂直显示在组中,内容显示在右侧。
首先导航内页和首页点击距离的控制问题,要减少链接的层次,推荐三个字:扁平化,一般不要超过四五次。
1、明确用户需求与首页定位用户购物心态分类 目标明确型:依赖搜索、分类导航快速定位商品,需提升搜索准确度、分类逻辑清晰度及筛选工具效率。闲逛型:易被促销、导购内容吸引,需强化专题氛围、垂直品类运营及内容种草能力(如短视频、直播)。
2、登录天猫后台:在浏览器中输入天猫登录网址:HTTPS://login.tmall.com/?redirectURL=https%3A%2F%2F。输入店铺的账号密码(店铺主账号或者运营给自己开通的子账号)。进入商家中心:登录成功后,点击“商家中心”。在左侧菜单栏里找到“店铺管理”并点击展开子菜单。
3、准备工具与熟悉图片空间 准备工具:DreamWeaver(DW)或其他代码装修工具。熟悉天猫官方装修配套的图片空间:登录天猫后台,找到并点击“图片空间”入口。图片空间界面用于上传和管理店铺图片。上传图片并获取代码 上传图片:在图片空间界面,点击“上传”按钮,将设计好的页面图片上传至图片空间。
4、秒杀活动后台原型设计页面布局:顶部:活动名称、时间及商品选择区域,用于填写秒杀活动的名称、开始和结束时间,并选择参与秒杀的商品。中间:秒杀规则设置区域,展示秒杀商品的库存数量、秒杀价格等信息,并提供新增、编辑、删除商品的功能。底部:提交按钮,用于保存秒杀活动设置。
5、发布宝贝是电商运营中的核心环节。进入店铺后台,找到“宝贝管理”并点击“发布宝贝”。根据页面提示,逐一填写商品信息,包括但不限于商品标题、描述、图片、价格、库存等。确保所有信息准确无误后,点击发布按钮,商品即可上架销售。