首页 > 其他分享 >融入用户习惯:如何选择最适合用户的APP导航模式

融入用户习惯:如何选择最适合用户的APP导航模式

时间:2023-07-17 21:03:41浏览次数:29  
标签:融入 标签 APP 用户 优点 底部 导航 App

今天我要分享的是APP常见的导航设计。我主要通过是什么?为什么?怎么做?这个思路来分享。     ⬇⬇⬇复制下方链接获取设计素材 https://js.design/community?category=detail&type=resource&id=63aea4e4fe0aa1960feb3348&source=bky&plan=bbqbky763       1、什么是App导航?   导航字面上的意思是航标,是引导船只安全航行的标记。那对于App而言,顾名思义就是app上面的引导标记了,引导用户操作。   2、App为什么要注重导航设计?   导航设计的目的就是需要突出产品的核心,是把用户带到他们想去的地方。   如果一个产品没有导航,所有的地方都是一样的,没有重点,你想想看用户的体验会怎样?用户在使用的时候会不会觉得很茫然,不知所措的感觉。   这就像我们的书籍有目录、有标题、有段落一样。如果一本厚厚的书籍没有目录,没有标题通篇全部都是一样大小的字,也没有段落,你读下来会不会感觉很难受。   所以这就是导航对于App的重要性。   3、常见的导航有哪些呢?分别有哪些优点?   常见的导航有八种,分别是:标签式导航、抽屉式导航、列表式导航、平铺式导航、宫格式导航、悬浮icon式导航。   分别解读一下。   第一种:标签式导航。   标签式导航又分为:底部标签式导航、顶部标签式导航、标签导航的扩展式导航。   底部标签式导航 顾名思义就是底部的引导区域,底部标签导航也称底部tab导航,是目前最常见的导航形式。一般都是采用3—4个标签,最多不会超过5个。       优点:入口直接清晰,操作路径短,便于在不同功能模块之间直接跳转。   缺点:扩展性差,数量有限。   顶部标签式导航   和底部的意思相同,只是说它是放到app的顶部的,如图。   优点:在底部数量有限的情况下,顶部通过标签导航,也可更好的引导用户,因为用户习惯是从上到下看东西的。   标签导航的扩展式导航   意思就是在底部或者顶部标签导航的基础上,再次扩展出来的一种导航形式,如图。   优点:可以在底部标签数量有限的情况下,展示更多的入口。这种导航常见于一些社交类,内容类软件中出现较多。   第二种:抽屉式导航。   抽屉顾名思义是可以抽开的,抽开后可以展示更多内容。在小屏幕时代,这种导航是很经典的设计方式,样式如图。   优点:可以收纳更多东西,帮助产品经理整理内容。   第三种:列表式导航。   一般用在作辅助用的,用来辅助二级导航或更深的导航,用来显示类别列表。   优点:这个不用多说吧,反正就着是个类别下的所有类目全部给你显示出来。   第四种:平铺式导航。   就是把所有内容普通在页面上,一个个内容就像一个个卡片一样,可以滑动切换下一个。   优点:清晰,内容能更好凸显出来。   第五种:宫格式导航。   这个很好理解。   优点:展示的入口相比底部标签式和顶部标签式导航更多,同时也清晰明了。   第六种:悬浮icon式导航。   也就是说导航是悬浮在所有页面之上的,点击后可以展开。   优点:悬浮式导航会遮挡某些页面的操作,在设计的时候应该考虑进去,比如无论在那个页面永远为悬浮icon留有位置。   好了,今天的内容就分享到这里。            

标签:融入,标签,APP,用户,优点,底部,导航,App
From: https://www.cnblogs.com/zzbbq/p/17561200.html

相关文章

  • ElasticSearch-Mapping类型映射-增删改查
    https://www.elastic.co/guide/en/elasticsearch/reference/6.8/mapping.html7.x版本后默认都是_doc类型增加Mapping映射先说一个特殊的字段_all:https://www.elastic.co/guide/en/elasticsearch/reference/6.8/mapping-all-field.html#mapping-all-field_all字段是一个特......
  • APP加固:助力移动应用安全合规
    近日,工业和信息化部发布了2023年第2批侵害用户权益行为的App(SDK)名单,55款App因涉及强制、频繁、过度索取权限等问题而被通报。这一举措进一步凸显了合规对于APP发展的重要性。根据工业和信息化部的通报,被通报的这些App存在着一些消费者难以察觉的问题,如频繁自启动和关联启动、超范......
  • iOS 苹果授权登录(Sign in with Apple)系列之uniapp篇
    官方网址https://uniapp.dcloud.net.cn/tutorial/app-oauth.html# 代码集成1、在 template 添加以下代码, 苹果授权登录(SigninwithApple)是 iOS13 才有的,做下系统版本判断<template><viewclass="content"><!--苹果登录--><viewclass="......
  • 直播app开发搭建,JS生成随机数,生成指定位数的随机数
    直播app开发搭建,JS生成随机数,生成指定位数的随机数//获取随机数,小数第一位可能为0console.log(Math.random()); //获取10位随机数,如果小数第一位为0则只有9位数console.log(Math.floor(Math.random()*Math.pow(10,10))); //随机数+1,解决小数第一位为0的情况//但是会导致随机......
  • 直播app源码,canvas 环形刻度 进度条
    直播app源码,canvas环形刻度进度条 letctx=nullletobj={}Page({ data:{ }, onLoad:function(options){},   onReady(){  this.animation() }, animation(){  constquery=wx.createSelectorQuery()  query.select('#firstCanvas') ......
  • 手机直播app源码部署搭建:带货潮流,商城功能!
     随着互联网时代的迅猛发展,手机直播app源码平台早已成为了人们获取资讯、娱乐放松等方式的主要载体,手机直播app源码平台的日益火爆,也让商人们有了一个新兴的想法出现:直播app平台如此火爆,平台的用户也如此庞大,可不可以将自己家的产品在直播app平台直播进行宣传?所以很多商人陆续开......
  • uniapp H5 解决跨域
    1、请求地址:http://192.168.1.216:8080/renren-api/api/getUserInfo2、修改 manifest.json "h5":{"devServer":{"port":5173,//端口号"disableHostCheck":true,"proxy":{&quo......
  • SqlServer用户权限
    一、设置权限用户的意义数据库是一个应用程序,运行起来对应一个进程,这个进程中,有很多很强大的功能支持,对于开发者或者是数据库管理者,都是充分的来应用这些功能,应用这些功能,需要客户端/或者是应用程序链接进来,通过客户端/应用程序来操作数据库。操作客户端来使用数据库功能的最终......
  • uni-app http.js 请求封装(构造函数版本)
    import{getToken,removeToken}from"./auth.js"importconfigfrom'./config.js'//默认配置constDEFAULT_CONFIG={baseUrl:process.env.NODE_ENV==='development'?config.url_qa_api:config.url_online_api,//这里是自定......
  • [远光|天鹰]用户体验创新平台
    企业统一流程平台远光天鹿是一款高效智能的用户体验创新平台,采用设计即开发的核心理念,专注提升体验设计全链路的协同效率,打通规范管理、在线设计、素材管理、研发协作、验收走查、体验评价等设计全生命周期环节,融合用户、设计、开发多岗位的高效协同,实现对用户体验全生命周期的设......