导航app开发全套解决方案

导航app开发全套解决方案 399次播放   00:00

项目经理微信二维码

扫码咨询/索取案例

专注社交新零售系统开发,助力传统企业转型移动互联网!

联系电话:13022089681

导航app开发全套解决方案

一个小小的手机应用,包罗万象,集成了这种复杂的信息内容或功能逻辑。导航设计是用户获得最佳体验、快速掌握应用框架的重要环节。手机应用的导航类似于现实世界中路标或地图的功能。它是应用软件的虚拟框架,具有指示和识别用户的功能。比如像路标一样,导航可以定位用户当前使用的位置,为用户突出当前视图的重要功能,通知用户去哪里,在不同的视图和区域快速切换信息,记录用于防止用户迷路的操作轨迹。那么导航应该怎么设计呢?
APP导航设计主要包括以下三个步骤:
1.框架整理:信息架构或任务分析
2.框架级别:平面vs树
3.导航表单:控件表单和放置位置
首先,为什么需要组织框架?
跟盖楼一样。在建造宏伟的建筑之前,需要提前规划好每个小房间,以保证建筑结构的正确规划和布置。但是在App设计的初期,需要建立一个App蓝图,保证设计师能够控制功能产品的层次,以及软件导航设计过程中需要考虑的上下文。
第二,组织框架的方法
在建立蓝图的过程中,需要根据App本身的特点选择合适的方法。目前App应用可以分为两类,即内容浏览应用和功能运营应用。对于内容浏览应用,需要通过信息架构的方法对信息数据进行整合和分类。对于功能运营应用,需要通过任务分析将功能分解组织成闭环网络运营模式。
三.信息架构的定义和使用
信息架构是一种组织和分类信息的方法,它提高了信息的可用性和可搜索性,使用户能够更高效、更有序地识别信息。
这种方法起源于图书馆的图书分类。通过对相似的书籍进行分类和编号,图书馆员可以快速方便地从成千上万的书籍中找到自己需要的书籍。随着计算机科学技术的发展,信息量日益增加。这种方法也广泛应用于虚拟数据和信息的管理,如数据库、内容管理系统CMS和网站设计。构建大规模的数据和信息是复杂的,专业的信息分析师需要从多个维度对这类信息进行分析和整理。但是在手机产品的实际设计中,信息量相对简单。对于这类信息,目前有三种分析方法:信息结构、逻辑树、卡片分类。信息结构主要是从人们在物理世界中已经获得普遍认同的信息的基本结构来排列信息,比如以26个字母的顺序排列的歌曲的标题信息;逻辑树是根据人们心智模型中普遍认可的逻辑结构,按照树逻辑对信息进行整理,如类别信息、从属信息等;卡片分类是根据用户习惯,通过卡片分类和统计对一些不确定的信息进行分类,在电子商务物品类别和网站地图的设计中得到了广泛的应用。
导航app开发全套解决方案插图
四.任务分析的定义和用法
任务分析是指将用户为了实现某个目标执行的一系列动作或者是进行的认知过程进行分析的一种行为。通过任务分析,能让设计师清晰地了解到当前APP将要实现的功能层级顺序以及信息在系统中传递的状态,使其在设计中能全局地把握住产品的结构以及用户当前所需要进行的操作。任务分析的首要任务需要明白用户的目标,然后将用户实现目标进行的操作进行拆解,此时每一个操作都可视作为一个原始任务。 再原始任务的基础上,根据需要深入的程度将任务再进行更加细致的拆解。在产品设计中,拆解的终点一般视为可以单独进行设计以及分析的子单元。再分析了App的框架结构后,产品功能的逻辑层次也就基本确定。建议可以利用一些框架绘制软件将分析整理的框架记录下来,形成一张大的蓝图。在后期的导航设计中,许多功能的安排以及排布可以直接从图中所示的位置关系进行设计。在导航的设计中,经常遇见的功能层级主要是两种:一种是扁平层级,即所属功能在框架蓝图中属于同一层级的并列关系,这种主要出现在信息架构较为扁平化,同级别任务功能较多的视图中,如Dashboard和列表设计;另外一种则是树状层级,即信息架构较为层次化或者任务之间有从属关系,需要用户逐层深入的视图中,如iOS中的单进单出式层级导航。任务分析是指分析用户为了实现某一目标而进行的一系列动作或认知过程的行为。通过任务分析,设计人员可以清楚地了解当前APP要实现的功能层次顺序和系统中信息传递的状态,从而掌握产品的结构和用户在设计中需要执行的当前操作。任务分析的首要任务需要了解用户的目标,然后拆解用户为实现目标而执行的操作。此时,每个操作都可以被视为一个原始任务。在原任务的基础上,根据需要的深度将任务分解得更详细。在产品设计中,拆卸的终点一般被认为是一个可以独立设计和分析的子单元。分析了App的框架后,基本确定了产品功能的逻辑层次。建议可以用一些框架绘图软件记录分析的框架,形成大蓝图。在后期的导航设计中,可以直接从图中所示的位置关系来设计很多功能的排列和安排。在导航的设计中,主要有两种功能层次:一种是扁平化层次,即功能在框架蓝图中属于同一层次,主要出现在信息架构扁平化、任务和功能多在同一层次的视图中,如Dashboard和list设计;另一种是树形层次结构,即信息架构是分层的或者任务之间存在隶属关系,需要用户逐层深入查看,比如iOS中的单入单出分层导航。
五 .平面设计
在手机操作系统中,图标和消息数量通常是一起使用的,这样用户就可以在第一页选择他们想要使用的软件功能。遵循这样的思路,在App的设计中,应用的第一页会显示扁平化的信息级别供用户选择,可以让用户快速定位自己关心的功能点。这种导航设计的优点是App的功能结构比较扁平,用户可以快速了解全局架构。同时,由于功能选择过于集中在主页上,单个功能的层次应该不会太复杂,需要提供一个快速返回主页的设置,让用户重新做出选择。列表设计适用于内容浏览应用的平面信息层次设计,将同一层次的类别信息聚合成一个垂直列表。在操作系统中,这种导航设计主要用于通讯录、歌单、店铺应用等按项目名称排列的平面区域。同样,在App的设计中,类别信息较多的电子商务应用、单个项目名称聚合的应用、订阅信息的新闻应用的导航模式都属于典型的扁平化信息层级,所以列表导航的设计也非常适用。而且根据各自的特点,有一些细微的差别。比如淘宝的分类导航,分类是根据设计中用户使用热度从上到下排版;Eataly菜谱导航,由于大量的名称聚合,提供了右侧字母索引的便捷选择;BBC的新闻导航类似于类别信息和条目信息的综合导航。因此,在列表导航的设计中,除了根据用户的注意力从上到下进行排列外,还可以在浏览时方便地将类别列折叠展开或悬停在页面顶部。
六 .树状层次结构的设计
树状层次结构的设计广泛应用于移动设备的设计中。与传统PC时代广泛使用的“面包屑”网格设计不同,树状分层结构只允许用户从唯一入口进入,从唯一出口返回原地。这种设计模式非常适合功能层次复杂或垂直信息架构的应用,用户可以在一个分支上清晰地向前和向后移动,而不用担心失去自己在App中的当前位置。App设计中有两种树级导航形式。一个是iOS中的导航栏设计。用户从列表导航中选择一项进入下一级,并通过导航栏左上角的“后退”按钮返回上一级。整个导航给用户一种在大树上沿垂直方向攀爬的感觉。另一个设计是Windows Phone7上的Metro UI设计。如图所示,层次结构的从属内容显示在与平铺相同的维度上,而导航是以左右方式逐步进行的。这种导航设计允许用户在一步一步深化的同时查看整体设计。通过前面两步的分析设计,App的导航结构基本可以完成。但是因为手机平台多,用户的使用习惯也不同。因此,在产品的具体设计中,为了给产品提供最佳的用户体验,还需要把握平台特性,选择合适的控件形式,根据用户手持设备的操作系统,设计最容易让用户导航的位置。比如树级导航条设计,iOS的导航条控件安排在屏幕顶部,因为使用触摸屏的时候,顶部区域是信息呈现率最全的区域,这个区域的信息在手指操作的时候不容易被手的移动轨迹遮挡。通过这个导航栏,用户可以实时定位自己的当前位置和可以返回的上层界面。
整个导航栏控件由三个子控件组成:后退按钮、页面标签和可选管理区域。“后退”按钮一般放置在左上角区域,允许用户浏览树级信息,并通过该按钮逐层返回上一级。按钮本身的设计返回按钮只对应唯一的录入信息,不允许放置多级返回按钮。页面标签应显示当前视图信息的高度汇总,并可显示视图标题、序列号位置等。可选管理块可以在屏幕上放置一些重要操作,实现对屏幕内容的管理(如添加、编辑、翻页、删除、播放、详细内容等)。).只能放置一个管理按钮。对于Android的树级导航来说,更依赖于底层的硬件实体导航控件。主流安卓硬件导航提供了返回、菜单按钮、手机桌面、搜索四个功能。后退按钮允许用户返回到上一个功能操作。菜单按钮可以在当前视图中显示相关操作,最多六个,但与iOS中“可选管理区”的设置模式略有不同。这个区域一般是全局函数操作,所以不一定和每个视图紧密相关。手机桌面,点击后用户会很快返回安卓手机桌面,这是全球导航的一种体现。搜索按钮,如果执行的应用中有搜索设置,会打开软件的相关搜索部分;如果没有搜索,将调用系统的默认搜索引擎
app开发不知道找谁好?在这里当然推荐土土哥,土土哥不仅有十年的app开发、小程序开发经验,同时拥有上百人的开发团队和上千的开发案例。如果您有app定制开发、小程序定制开发这方面的需求,可以联系土土哥客服。

 

大家都在看

波浪线

发表评论

波浪线

您必须 登录 才能发表评论!

评论 (0)

波浪线
还没有评论,发表第一个评论吧
您好,我是您的专属产品顾问
扫码添加我的微信,免费体验系统
(工作日09:00 - 18:00)
业务咨询
系统演示
行业方案
客户案例

请按ESC键关闭