移动端界面设计模式:导航设计的各个类型

2023-05-31 0 448

随着终端网络的急速发展,「以终端为中心」的经营理念和发展战略也急速渗入,网络的「短、平、快」往往使结构雕塑家们无法较长时间停下思索易用性结构设计,加速找到最差的结构设计形式是对他们两大考验。「终端端操作形式界面商业模式」是基于大量结构雕塑家的睿智和试著归纳下来的可实施的软件系统,能协助他们解决大多数常用的终端操作形式界面市场需求,因此,在这里我将终端端结构设计商业模式逐一阐释,并附有他们常用的第一线终端端商品做为事例做为解释。希望给各阶层的结构雕塑家们在结构设计图中提供终极目标和支撑力。

移动端界面设计模式:导航设计的各个类型

一、导航系统结构设计表述

导航系统结构设计也能称作架构结构设计,将商品的具体来说(销售业务层)集中注重,尽量努力做到任务方向的集中化和使用者操作形式便利性,将使用者最常用行为(使用者层)进行分类组织,让

目前市售终端操作形式界面所使用的导航系统结构设计,基本分成以下(PR320、工具栏式、条目式、尾端triumph、输入框式、点聚式)6大此基础导航系统商业模式,为了急速满足用户销售业务、使用者市场需求,渗出(舵式、Exi式等)新奇的优选导航系统商业模式。结构雕塑家们在此基础导航系统商业模式上仍在急速做升级换代强化以及女团技术创新。

移动端界面设计模式:导航设计的各个类型

二、导航系统结构设计的类别

按照操作形式形式,他们能将导航系统结构设计大体分成四种不同的类别:自上而下型、脉动型、优选。

移动端界面设计模式:导航设计的各个类型

1. 自上而下型导航系统

只需关上应用,就隐晦的展现导航系统中的各快捷键。换句话说,无须操作形式,就能看到并通过各功能出口处。通常一般来说在网页中,占有网页的一定的面积。其中常用包括:PR320、条码式、条目式(如下表所示图)

移动端界面设计模式:导航设计的各个类型

(1)跳版式/PR320

通常占有屏幕的大多数面积。

移动端界面设计模式:导航设计的各个类型

(2)条码式/工具栏式

iOS 和 Android端常用的导航系统商业模式,算是标准工具栏导航系统,还有其他新的技术创新。

移动端界面设计模式:导航设计的各个类型

(3)条目式

更多的文字和状态的描述和变化。

移动端界面设计模式:导航设计的各个类型

2. 脉动导航系统

点击一个出口处(icon/标题/箭头)或手势操作形式,才会展现各菜单快捷键,出口处相对占网页面积非常小,使用者需要的时候调出,算是打破屏幕边界和运用网页视觉层级的高明手法。其中常用包括:triumph、菜单式、点聚式。

移动端界面设计模式:导航设计的各个类型

(1)triumph/尾端式

点击左上角的头像,左侧划入功能出口处。

移动端界面设计模式:导航设计的各个类型

(2)输入框式

点击添加,弹出下来功能快捷键。

移动端界面设计模式:导航设计的各个类型

(3)点聚式

点击一个出口处,围绕其散开,并展现出其中的功能出口处。

移动端界面设计模式:导航设计的各个类型

3. 混合导航系统

拥有直接展现功能出口处并结合需要操作形式才展现的其他剩余功能。换句话说,自上而下导航系统与脉动导航系统的结合,其中常用包括:舵式、Exi式等。

移动端界面设计模式:导航设计的各个类型

(1)舵式

自上而下导航系统-底部条码栏式 + 脉动导航系统-点聚式 = 舵式导航系统

移动端界面设计模式:导航设计的各个类型

(2)Exi式

自上而下导航系统-PR320 + 脉动导航系统-triumph = Exi式导航系统

移动端界面设计模式:导航设计的各个类型

三、导航系统结构设计的层次

导航系统结构设计中各类别结构设计商业模式是能自由的女团,根据销售业务市场需求结合使用者体验找到一套适合的女团拳。他们通常选择一个导航系统做为主体架构,其他导航系统做为辅助。

主导航系统:从一个主类别切换到另一个主类别的一级菜单,主类别的切换。次导航系统:指在选中的模块内活动的二级导航系统。

导航系统内功能的层级

移动端界面设计模式:导航设计的各个类型

导航系统与导航系统之间的层级(饿了么:自上而下导航系统-条码式做为一级导航系统, 混合导航系统-Exi式做为二级导航系统; 咸鱼:混合导航系统-舵式做为一级导航系统,自上而下导航系统-PR320做为二级导航系统)

移动端界面设计模式:导航设计的各个类型

四、怎么区分自上而下型导航系统、脉动型导航系统还是优选导航系统?

是否需要手势操作形式,展现功能出口处-自上而下;需要点击或者手势-脉动型;展现了部分的功能出口处,还需要通过点击或者手势展开剩余功能-优选。

五、好的导航系统结构设计要满足用户哪些要求呢?

一种在应用内跳转不同网页的方法。在有限的屏幕中他们不能将内容一股脑的抛在使用者眼前,因此导航系统结构设计必须能自然而然的促进或引导使用者的跳转行为。跳转出口处和所包含的内容之间的关系。仅仅提供一个跳转出口处的条目是不够的。出口处和按钮之间相互之间有什么关系?是否有销售业务功能的侧重点?传达的信息对于使用者加速理解一个商品,上手使用一个商品是非常非常必要的。结构化传达内容和当前浏览网页之间的关系。协助使用者去加速理解哪个跳转出口处能最好的支持他们的任务或他们想要达到的目标/目的地。

这篇文章只是简单地介绍了在终端端操作形式界面商业模式中导航系统结构设计的各类别。便于各阶层结构雕塑家们理解,他们通过简单的形式将其划分开三大导航系统商业模式(自上而下型、脉动型、优选),要做出紧贴实际销售业务以及好的使用者体验的导航系统结构设计,却并不容易。

下一篇文章,我将阐释每一个商业模式的特色,拆解并分析多个商品界面中导航系统结构设计的运用。

作者:Nick益,原阿里、腾讯UED结构雕塑家

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务