1. 首页 > ps教程 > 移动设计移动应用导航模式设计方法有哪些(移动设计移动应用导航模式设计方法是什么)

移动设计移动应用导航模式设计方法有哪些(移动设计移动应用导航模式设计方法是什么)

移动设计移动应用导航模式设计方法有哪些(移动设计移动应用导航模式设计方法是什么)

本文主要介绍移动设计和移动应用导航模式的设计方法有哪些(移动设计和移动应用导航模式的设计方法有哪)?,下面跟着东辰网详细了解一下吧。

移动应用程序的导航类似于现实世界中路标或地图的作用。它是应用软件的虚拟框架,具有指示和识别用户的功能。

如何让用户快速掌握应用的框架,获得良好的使用体验,导航设计方法非常重要。

相信各位设计师都看过《移动应用UI设计模式》;的书,但是由于行业的快速发展,里面介绍的导航发生了很大的变化。而且很多观点都过时了。

例如,页面轮导航和书中介绍的只能作为辅助导航,而且据说滚轮导航有一定的局限性。如果超过8页,最好考虑使用列表菜单导航。

从现在来看,这些都是错的。

比如最美的应用,以页面轮盘为主要导航,页面远不止八个。

所以现在让我们■开门见山,导航模式怎么设计?

先用什么导航,取决于产品的信息架构和用户的需求,APP的导航要和应用的结构和意图一致。一个好的设计,用户不会注意到导航本身,用户关心的是产品信息和功能使用。

《IOS人机界面指南》将导航分为三类(注:个人认为这种分类是最简洁、最符合逻辑):

11分级列表:

最常见的导航模式之一可以作为主导航模式(比如IOS自带设置;IOS),也可以作为辅助导航模式。

列表菜单适合显示长标题或带有次要文本内容的标题。

这种导航结构清晰,一步步引导用户,可以帮助用户快速定位并前往相应页面。

缺点:用户想切换到其他页面必须先返回。

12分层抽屉类型:

抽屉导航的本质是隐藏非核心操作和功能,让用户更专注于核心功能操作。但是应用的主要功能和用户的常用功能是不能隐藏的。

因为隐藏的侧边栏会浪费大多数用户潜在的参与和互动与侧边栏中的入口。只有当内容项不需要频繁切换时,才能使用抽屉导航。

比如:以阅读内容为主的APP——网易新闻;很显然,人们使用这款应用最大的目的就是看新闻,常见的功能就是在主页面回复帖子和看评论。不常用的功能放在抽屉页面上。看下图:

21平面——标签类型

标签是现在应用程序最常用的导航模式。IOS标签在屏幕下方,android标签正常情况下应该放在屏幕上方(也在下)。

当应用程序需要用户经常出入时。这种导航方法最适合使用分页进行切换。

但是手机上的标签数量是有限的,一般不超过五个。所以如果标签太多,可以放在通用标签下。

这种导航适合标签数量少,各种功能切换频繁的情况。

22平宫格式

宫殿导航模式一般用作辅助导航。比如支付宝,就是典型的选项卡式嵌套宫殿格式。

但不宜作为主要导航模式。如果使用主导航模式,首屏只有导航没有实际内容,违背了以内容为核心的要求。

这种模式主要适用于:应用功能越来越分散,功能之间没有交集。主要是作为一个次要模式,或者把首页作为一个功能入口。

31旋转木马

轮播导航页面简洁,操作最方便。但它可以不能快速定位相应的分页内容。

旋转木马完美体现了以内容为核心的设计理念。通常,旨在获取简单信息的应用程序可以采用这种方法。

一个典型的例子是IOS自己的应用天气。

最美的应用也是carousel。

32隐喻型

比喻就是用虚拟软件模拟真实物体及其操作体验。

例子:手机上的指南针可以设计成模拟真实导游的真实表盘。右边是节拍器的应用。什么是节拍器?打扰了,度娘。右边的节拍器完全模拟了真实节拍器的界面和操作。这就是隐喻的用法。一般来说,工具的小应用都是这样使用的。设计时可以直接模拟实物的运行。

32显示类型

例如:IPad上的Pinterest(我不知道我不知道这是什么??看看谁复制了花瓣。)

总结:

上述导航模式可以相互嵌套。选择一个作为主要导航模式,其他作为次要导航模式。唐不要局限于一种导航模式。大多数应用程序会嵌套几种导航模式。最终如何导航取决于APP的信息架构和用户的需求。

看淘宝用什么导航:

移动应用程序的导航类似于现实世界中路标或地图的作用。它是应用软件的虚拟框架,具有指示和识别用户的功能。

如何让用户快速掌握应用的框架,获得良好的使用体验,导航设计方法非常重要。

相信各位设计师都看过《移动应用UI设计模式》;的书,但是由于行业的快速发展,里面介绍的导航发生了很大的变化。而且很多观点都过时了。

例如,页面轮导航和书中介绍的只能作为辅助导航,而且据说滚轮导航有一定的局限性。如果超过8页,最好考虑使用列表菜单。类型导航。

从现在来看,这些都是错的。

比如最美的应用,以页面轮盘为主要导航,页面远不止八个。

所以现在让我们■开门见山,导航模式怎么设计?

先用什么导航模式,取决于产品的信息架构和用户的需求。应用程序的导航应该与应用程序的结构和意图保持一致。一个好的设计,用户不会注意到导航本身,用户关心的是产品信息和功能使用。

《IOS人机界面指南》将导航分为三类(注:个人认为这种分类是最简洁、最符合逻辑):

11分级列表:

最常见的导航模式之一可以作为主导航模式(比如IOS自带设置;IOS),也可以作为辅助导航模式。

列表菜单适合显示长标题或带有次要文本内容的标题。

这种导航结构清晰,一步步引导用户,可以帮助用户快速定位并前往相应页面。

缺点:用户想切换到其他页面必须先返回。

12分层抽屉类型:

抽屉导航的本质是隐藏非核心操作和功能,让用户更专注于核心功能操作。但是应用的主要功能和用户的常用功能是不能隐藏的。

因为隐藏的侧边栏会浪费大多数用户潜在的参与和互动与侧边栏中的入口。只有当内容项不需要频繁切换时,才能使用抽屉导航。

比如:以阅读内容为主的APP——网易新闻;很显然,人们使用这款应用最大的目的就是看新闻,常见的功能就是在主页面回复帖子和看评论。不常用的功能放在抽屉页面上。看下图:

21平面——标签类型

标签是现在应用程序最常用的导航模式。IOS标签在屏幕下方,android标签正常情况下应该放在屏幕上方(也在下)。

当应用程序需要用户在不同页面中频繁切换时,这种导航是最合适的。

但是手机上的标签数量是有限的,一般不超过五个。所以如果标签太多,可以放在通用标签下。

这种导航适合标签数量少,各种功能切换频繁的情况。

22平宫格式

宫殿导航模式一般用作辅助导航。比如支付宝,就是典型的选项卡式嵌套宫殿格式。

但不宜作为主要导航模式。如果使用主导航模式,首屏只有导航没有实际内容,违背了以内容为核心的要求。

这种模式主要适用于:应用功能越来越分散,功能之间没有交集。主要是作为一个次要模式,或者把首页作为一个功能入口。

31旋转木马

轮播导航页面简洁,操作最方便。但它可以不能快速定位相应的分页内容。

旋转木马完美体现了以内容为核心的设计理念。通常,旨在获取简单信息的应用程序可以采用这种方法。

一个典型的例子是IOS自己的应用天气。

最美的应用也是carousel。

32隐喻型

比喻就是用虚拟软件模拟真实物体及其操作体验。

例子:手机上的指南针可以设计成模拟真实导游的真实表盘。右边是节拍器的应用。什么是节拍器?打扰了,度娘。右边的节拍器完全模拟了真实节拍器的界面和操作。这就是隐喻的用法。一般来说,工具的小应用都是这样使用的。设计时可以直接模拟实物的运行。

32显示类型

例如:IPad上的Pinterest(我不知道我不知道这是什么??看看谁复制了花瓣。)

总结:

上述导航模式可以相互嵌套。选择一个作为主要导航模式,其他作为次要导航模式。唐不要局限于一种导航模式。大多数应用程序会嵌套几种导航模式。最终如何导航取决于APP的信息架构和用户的需求。

看淘宝用什么导航:

了解更多移动设计和移动应用导航模式的设计方法有哪些(移动设计和移动应用导航模式的设计方法有哪)?相关内容请关注东辰网。

本文由东辰网发布,不代表东辰网立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/20018.html

留言与评论(共有 0 条评论)
   
验证码:

联系我们

在线咨询:点击这里给我发消息

微信号:vx614326601

工作日:9:30-18:30,节假日休息