“App产品交互在设计阶段的最关键环节是什么?”
“导航”
“为什么?”
“对于互联网产品来说:导航,并不是产品的组成部分,导航,就是产品本身。”
-互联网产品是实体产品的进化,二者本质相同,都需要节能高效的传递信息。
我们打开手机app,就像走入超市买一包薯条。二者都希望用户实现目标,从而变现。
-然而,实体场景可以提供更多维度的体验信息,人在其中可以综合判断自身与目标的关系。假如我要买一包薯条,发现身边所见都是电钻和螺丝刀,我会猜想此处离薯条还很远。但如果我走着走着看到了果冻,虽然它不是薯条,但我知道已经很近了。
我们可以在现实中综合判断空间,如下图
现实中的导航存在于各种环节之中。
-互联网产品导航与上述内容产别很大。在网站中,我们无法通过物理判断明确感知到网页界面到底有多大,不知东南西北,不了解产品的深度和层级,参照物在虚拟中的作用丧失。造成焦虑感和不安全感。在这种情况下,产品使用只能依靠导航,没有导航就没有产品。
-导航的存在能让用户快速找到“他的薯片”,因此在设计前必须进行用户研究,明确产品真正的价值信息,这才是产品存活下去的根源。这个内容我以后找机会用视频课程的形式讲清,再此不展开。
-为了能更好的利用导航,我来介绍两个常见的APP导航形式:
宫格式导航 / 舵式(隐喻式)导航
选他们是因为在具体的使用中,他们的错误率最高的。
首先我们先来看一下他们都是谁
宫格导航左一 / 舵式导航 中(分别是默认和点开(那个加号)效果) / 标签导航右一
宫格导航,是最容易被滥用的导航,也是最常见的导航。
几乎所有的智能手机桌面都是宫格导航,它适用于 5个以上平级独立入口的同步展示 ,入口分类必须独立。
它的优点在于可以高效的展示少量内容,但如果入口数量超过7+2个,就会造成噪声(这也是为什么苹果图标合集数量为9),使人无法找到内容造成焦虑。(在手机里找到一个次频的APP其实不容易)
-因此如果使用多宫格导航,必须建立在合理的分组基础之上。支付宝区块分组如图
合理的分组来自对业务的了解,这是突破设计师所谓“瓶颈”的最快法门。
综上所述,宫格导航
优势:可以高效展示多个平级高频独立入口。
劣势:多于9个会造成噪声,需要通过合理分组降噪。
舵式导航(隐喻式导航):
很多人误解了这种导航的真正用途,觉得把一些功能藏起来让用户无意中发现是一件很幽默很有创意的事情,这种幼稚的行为会直接影响到用户使用产品的效率,造成体验度的下滑。
-舵式导航使用形式很类似 动画片哆啦A梦ドラえもん的任意门,能快速链接其他页面的主要功能,最典型的就是微信首页的右上“+”号,它集合了次页面的高频功能,提供快速的穿越方案,提升效率。
-使用舵式导航,最重要的是分析用户在当下页面中最可能用到哪些 辅助功能,能让这些内容能在不抢主功能聚焦的前提下,以隐喻的形式展示在用户眼前。
APP产品导航除上述两种之外,还有标签导航、抽屉导航、组合导航、TAB 导航、轮循导航、后期课程慢慢补上。
更多关于影视剪辑培训的问题,欢迎咨询千锋教育在线名师。千锋教育拥有多年IT培训服务经验,采用全程面授高品质、高体验培养模式,拥有国内一体化教学管理及学员服务,助力更多学员实现高薪梦想。