Products
GG网络技术分享 2026-01-20 20:45 1
在导航的设计中, 经常遇见的功Neng层级主要是两种:一种是扁层级,就是suo有的功Nengdou在一个平面上的关系,这种主要出现在信息架构比较扁的,同级别任务功Neng比较多的视图; 摸个底。 再说一个一种则是树状层级,就是信息架构比较层次化,huo者任务之间有从属关系,需要用户一层层深入的关系,比如iOS中的单进单出式层级导航。

瞎扯。 导航并不一定只发生在功Neng项之间。比如新闻类应用需要在不同类别的新闻之间进行切换浏览, 这种切换的频率要比功Neng项切换geng高,切换项的数量也会比较多,像常见的新闻类别就有好多好多种。网易新闻早期的iOS版本中采用了抽屉式导航的方式进行新闻类别的切换, 由于高频率切换时需要过多的操作次数,因而缺乏操作的连续性。而滑动式导航的用户体验则便捷了hen多, you其在连续切换时其操作方式的连续性比较强,主体页面的过渡也geng加平滑,会产生geng加流畅的体验。
当然也会有一些缺陷, 比如一次滑动只Neng切换到相邻的类别,要想直接切换到对应类别可yi点击上方的类别列表,不过由于类别过多,有时候可Neng需要滑动一下类别列表才Neng完成操作。不过整体来kan,当需要在具有相似属性类别之间进行较频繁切换时这种设计方式hen值得参考,正宗。。
App设计的一开始阶段, 需要先建立一个App蓝图,来确保在之后软件导航的设计过程中,设计人员Neng对功Neng产品所属层级以及需要兼顾的前后关系进行宏观的掌控。ran后tong过任务分析, 对吧,你看。 Neng让设计师清晰地了解到当前APP将要实现的功Neng层级顺序以及信息在系统中传递的状态,使其在设计中Neng全局地把握住产品的结构以及用户当前所需要进行的操作。
再分析了App的框架结构后产品功Neng的逻辑层次也就基本确定。可yi利用一些框架绘制软件将分析整理的框架记录下来形成一张大的蓝图。在后期的导航设计中,许多功Neng的安排以及排布可yi直接从图中所示的位置关系进行设计。
APP导航设计的步骤主要为以下三步:
1. 网站建设、 网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有App开发等,又爱又恨。
苹果大力推荐应用开发者优先采用这种方式,tabbar基本就是导航的标准设计。Tabbar的优点hen明显, 用户完成切换的成本hen低,只需要一次点击操作,而放在屏幕底部对主体内容的视觉冲击可yi说是Zui小的,这样用户就不会在浏览主体内容时受到过多的干扰。至于缺点也同样明显, 那就是受制于屏幕宽度的限制,通常4到5个功Neng项的切换会比较合适,过多的话将会显著提高用户的切换成本,尊嘟假嘟?。
2. 一个简单的滑动动画,就像拉出一个抽屉,抽屉式导航这个名称应该就是来源于此。突破了数量的限制,geng大程度上释放了主体空间,也suo以呢提高了操作成本。 我直接好家伙。 如guo主要功Neng项组织在4到5项,tabbar的设计方式会geng好,否则,就应该优先考虑抽屉式导航了。
Step2:功Neng层级判断:扁平VS树状,我傻了。
一款小小的手机APP应用, 却包罗万象,融合这复杂的信息内容或功Neng逻辑。要让用户在使用中获得的体验,迅速掌握应用的框架结构,其导航的设计是一个重要的环节。由于移动设备特bie是智Neng手机的屏幕尺寸有限, 我是深有体会。 设计者们通常会将屏幕空间尽量留给主体内容,优秀的APP开发导航设计会让用户轻松到达目的地而又不会干扰和困惑用户。下面我们先来kan3种具有代表性的导航模式。
如何走得geng远?
tong过前面两个步骤的分析与设计,App的导航结构可yi算是基本完成。但主要原因是现在手机平台众多,用户使用习惯各不相同。suo以在产品的具体设计中, 为了给产品提供的用户体验,还需要把握平台特性,选择合适的控件形式,bing且根据用户手持设备的操作系统,为用户设计导航Zui易操作的位置。
. 框架层级判断: 扁平vs树状
手机APP应用的导航和现实世界中的路标地图的作用hen类似。它是应用软件的虚拟框架,对用户具有指示标识以及识别的功Neng。如同路标, 导航Neng在使用中,定位用户当前在哪儿, 我可是吃过亏的。 为用户突出当前视图重要的功Neng,在不同的视图和区域迅速地切换信息,记录使用的操作轨迹防止用户迷失等。那么在具体实际操作中导航如何设计才Neng让我们走得geng远呢?
我是深有体会。 Tabbar 并不是好的,它并不适用于过多的切换项。抽屉式导航tong过纵向排列切换项解决了这一问题。不过这也意味着它不Neng和主体内容一边出现在屏幕上。
经典导航:tabbar
Demand feedback