常见的App应用界面交互框架

掌握常见的APP应用界面交互框架,了解他们各自的优缺点,使用时才能游刃有余。你还在等什么呢?赶快去学习吧。标签式、跳板式、列表式和旋转木马等在等着你。

1>标签式

优点:

1、当前位置入口清晰   2、轻松在各入口间频繁跳转且不会迷失方向

3、直接展现最重要入口的内容信息

缺点:入口较多时候,模式笨重。

1

2>跳板式

优点:

1、各入口清晰      2、快速找到入口位置。

缺点:

1、无法在多入口间灵活跳转,不适合多任务操作

2、容易形成更深的路径    3、不能直接展现入口内容

4、不能显示太多入口次级内容

2

3>列表式

优点:

1、层次展示清晰      2、可展示较长的标题     3、可展示次级内容

缺点:

1、同级内容过多时,浏览体验易产生疲劳        2、排版灵活性不是很高

3、只能通过排列顺序、内容帅选、颜色来区分各入口重要程度

3t

4>旋转木马

优点:

1、单页面内容整体性强    2、左右切换操作流畅

缺点:

1、不适合展示过多页面   2、页面之间不能跳跃查看     3、视觉容易疲劳

4

5>抽屉式

优点:

1、兼容多种模式    2、扩展性好

缺点:

1、隐藏其他入口   2、对入口交互的功能可见性要求高    3、对排版要求高

5

6>点聚式

优点:

1、灵活   2、展示方式有趣   3、界面更开阔

缺点:

1、隐藏框架中其他入口   2、对入口交互的功能可见性要求高

6

7>陈列馆式

优点:

1、直观展现各项内容    2、方便浏览经常更新的内容

缺点:

1、不适合展现顶层入口框架    2、界面内容容易过多,显得杂乱

7

8>瀑布式

优点:

1、内容显示明了。

缺点:

1、容易发生空间位置迷失     2、浏览一段时间后,容易产生疲劳感

8

作者:留言乐语

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/1439/

(0)
iouedioued
上一篇 2014-11-18
下一篇 2014-11-20

相关推荐

  • 交互设计与心理学的关系

    具体联系什么的大家看专业书籍吧,我从另一个角度说一下我的理解吧。 每个学科/专业的产生都是有它的历史使命的,为什么一定是这个时候,为什么一定诞生在这个领域,为什么会如此发展······类比一下其它学科/专业,…

    交互设计 2015-09-11
  • 探究当前数据可视化的用户体验设计趋势

    作者:Jake Rocheleau 译者:ITsCrystal   我们发现,对后台设计的技巧通常不会像普通网页布局设计那样公开分享。这是因为我们通常很难在网络上找到后台的一些样例。由于要进入后台界面都需要账户和密码,所以很多…

    交互专题 2017-08-07
  • 这个简单粗暴的设计为何是“好设计”?

    作者:UX沐沐(公众号:Liveux)   20世纪著名建筑师史密斯.德罗在总结他成功经验时说“魔鬼藏在细节中”,面对一些习以为常的设计,设计师能否洞察背后的不寻常? 今天想探讨一个我们每天都能见到数十次的“寻常”设计…

    交互专题 2017-08-07
  • 量化用户体验:可用、易用到好用

    “用户体验”从字面理解,即用户的感受,具体一点:用户与物(有生命的人或无生命的客体)交互过程中的感受,我们对用户体验做进一步抽象,用户体验=感受。感受是非常复杂的情感交错系统,情感很难精确捕捉,因为它受到了太多因素的干扰:目标用户类型、情境、用户当下的目标,但一定程度上我们可以对对其进行量化,正如前些日子看到的一句话:We can’t design user experience, but that we can design for UX。

    2017-06-03
  • 升级篇|上传作品,咱要包装一下

    上期简单地介绍了几点包装的技巧,这期再分享一波,接着上期,再深入的讨论一下关于包装的技巧。

    2017-04-29
  • APP动效交互|切换动画设计

    功能性的动画微妙,清晰,逻辑清楚,能够减轻用户认知负担,建立更好的人机交互体验。而且,它还可以赋予界面生命力。

    2016-07-14
  • 来自腾讯交互设计师的分享:交互微动效设计指南

    本设计指南适用于UI界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的设计建议,帮助设计师理清动效设计思路,提高设计效率。

    2017-05-02
  • 又是高分!北京林业大学交互设计专业课143分复习方法分享

    又一个高分!北京林业大学交互设计专业课143分复习方法分享-孙跃桐我决定考研大概是在16年的9月份吧,因为决定的时间比较早,我以为我准备的时间很充足。真正开始准备是在17年我先开始报了新东方的英语政治课,想先将公共课的基础打牢,在后期复习专业课的时候会有更多的精力于是我将上半年的精力全部都用在学习公共课上面。想在9月份招生简章出来之后我就开始专心复习专业课。但是当九月份招生简章出来之后,我就开始慌了。我本身想考的就是本校之前也问过考研的...

    2018-04-22
  • 设计一生要读的书汇总

    如果你是一名设计师,绝不要满足于从各个地方学来的小技巧,而忽略系统的学习。真正的设计高手,绝不仅是因为知道的招数比别人多,而是对 Photoshop和自我有深刻的、系统的认识。他们熟稔各种技巧,恰恰是因为他们…

    2017-03-08
  • 在Axure中,如何用动态面板实现banner的轮播效果(附Axure教程及软件)

    axure功能太强大,动态面板可能已经搞得你头晕眼花了,更别提7.0版本的中继器了。废话不多说,还是和大家分享一下动态面板实现banner轮播的效果,对动态面板还不熟的,不妨来看看这个效果的制作过程,然后自己试着做一做,绝对增加自己的信心。就拿某宝首页banner轮播效果为例进行说明:1前期线稿图,部件准备01先画个大概的位置线框图,如下图所示,做了3张banner的轮播效果02banner位置的占位符转换为动态面板(鼠标右键,转换动态...

    2018-03-06