千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 攻克!界面交互的关键环节

攻克!界面交互的关键环节

来源:千锋教育
发布人:qyf
时间: 2022-08-30 17:59:27 1661853567

图片1

  “App产品交互在设计阶段的最关键环节是什么?”

  “导航”

  “为什么?”

  “对于互联网产品来说:导航,并不是产品的组成部分,导航,就是产品本身。”

  -互联网产品是实体产品的进化,二者本质相同,都需要节能高效的传递信息。

  我们打开手机app,就像走入超市买一包薯条。二者都希望用户实现目标,从而变现。

图片2

  -然而,实体场景可以提供更多维度的体验信息,人在其中可以综合判断自身与目标的关系。假如我要买一包薯条,发现身边所见都是电钻和螺丝刀,我会猜想此处离薯条还很远。但如果我走着走着看到了果冻,虽然它不是薯条,但我知道已经很近了。

  我们可以在现实中综合判断空间,如下图

图片3

  现实中的导航存在于各种环节之中。

  -互联网产品导航与上述内容产别很大。在网站中,我们无法通过物理判断明确感知到网页界面到底有多大,不知东南西北,不了解产品的深度和层级,参照物在虚拟中的作用丧失。造成焦虑感和不安全感。在这种情况下,产品使用只能依靠导航,没有导航就没有产品。

  -导航的存在能让用户快速找到“他的薯片”,因此在设计前必须进行用户研究,明确产品真正的价值信息,这才是产品存活下去的根源。这个内容我以后找机会用视频课程的形式讲清,再此不展开。

  -为了能更好的利用导航,我来介绍两个常见的APP导航形式:

  宫格式导航 / 舵式(隐喻式)导航

  选他们是因为在具体的使用中,他们的错误率最高的。

  首先我们先来看一下他们都是谁

图片4

  宫格导航左一 / 舵式导航 中(分别是默认和点开(那个加号)效果) / 标签导航右一

  宫格导航,是最容易被滥用的导航,也是最常见的导航。

  几乎所有的智能手机桌面都是宫格导航,它适用于 5个以上平级独立入口的同步展示 ,入口分类必须独立。

  它的优点在于可以高效的展示少量内容,但如果入口数量超过7+2个,就会造成噪声(这也是为什么苹果图标合集数量为9),使人无法找到内容造成焦虑。(在手机里找到一个次频的APP其实不容易)

图片5

  -因此如果使用多宫格导航,必须建立在合理的分组基础之上。支付宝区块分组如图

图片6

  合理的分组来自对业务的了解,这是突破设计师所谓“瓶颈”的最快法门。

  综上所述,宫格导航

  优势:可以高效展示多个平级高频独立入口。

  劣势:多于9个会造成噪声,需要通过合理分组降噪。

  舵式导航(隐喻式导航):

  很多人误解了这种导航的真正用途,觉得把一些功能藏起来让用户无意中发现是一件很幽默很有创意的事情,这种幼稚的行为会直接影响到用户使用产品的效率,造成体验度的下滑。

  -舵式导航使用形式很类似 动画片哆啦A梦ドラえもん的任意门,能快速链接其他页面的主要功能,最典型的就是微信首页的右上“+”号,它集合了次页面的高频功能,提供快速的穿越方案,提升效率。

图片6

  -使用舵式导航,最重要的是分析用户在当下页面中最可能用到哪些 辅助功能,能让这些内容能在不抢主功能聚焦的前提下,以隐喻的形式展示在用户眼前。

  APP产品导航除上述两种之外,还有标签导航、抽屉导航、组合导航、TAB 导航、轮循导航、后期课程慢慢补上。

  更多关于影视剪辑培训的问题,欢迎咨询千锋教育在线名师。千锋教育拥有多年IT培训服务经验,采用全程面授高品质、高体验培养模式,拥有国内一体化教学管理及学员服务,助力更多学员实现高薪梦想。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT