常见的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

相关推荐

  • 【产品分析】微信拼手气红包的贪嗔痴

    春节期间火爆的“拼手气”红包,让用户疯狂点击拼手速网速,拼rp看金额,每一个环节都深深戳着用户的G点,高潮迭起。“拼手气”就是拼人品,那么,最佳手气者是不是有机可循呢?微信红包这样的设计目的在何处? Aaron毛…

    2015-03-05
  • 场景是如何应用到交互设计的?

    我想在互联网领域,大家对“场景”这个概念并不陌生,但组成场景的关键因素有哪些?场景是如何应用到交互设计的?在工作之余,整理下相关知识,相信对大家的产品日常工作有一定的帮助,感谢大家抽出时间阅读,欢迎批评指正。1.场景的基本概念场景是指用户在一定的时间、地点等特定的情景下为了满足某种需求而触发的使用某种方法解决需求的行动画面。其关键因素包括用户、情景、需求、方法。产品的应用场景就是用户使用产品来解决需求的实际应用场景,比如上班族小张在午餐...

    2018-03-02
  • 私家推荐!九月必收的优质设计资源干货大合集

    小白叨一叨:九月份设计圈的干货 合集来咯,包括前端开发、设计神器、设计素材 (字体、PSD等)、以及一大波实用的酷站推荐,全是精选干货 ,快来收吧!

    2017-06-04
  • 【用户体验.春节特辑】我的家史馆,我的“义务”馆(总第267期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第267期使用我的家史馆APP以来,起初家谱树状图深深吸引了我,在不断完善添加家族成员的同时,越来越觉得只是单纯的成员图像和姓名显得很单薄,已不能满足我对家族每个成员的情感。想到我的后代、我的子孙后代将来看到的只是家族长辈的照片、姓名,这和见到一些陌生的照片姓名难道不一样吗?越想越觉得应该让家族人物更丰富起来。之后就仔...

    2018-02-21
  • 默认头像设计(1) —— 统一与丰富间的平衡

    头像设计,“统一”与“丰富”间的平衡。

    2017-08-04
  • 无限下拉滚动 Vs 分页,究竟该使用哪一个?

    应该是使用无限下拉滚动还是分页的形式来展现内容?究竟那一个更好?相信这是一些设计师经常需要去思考的问题。其实任何事物都有优缺点,无限下拉滚动和分页也不例外。本文将两种方法的适用场景并分析哪类项目适合用…

    2016-06-07
  • 译文|一个好故事在用户体验设计中的力量

    “细心的观众/听众会很有可能会与这个故事中的人物的情感产生共鸣,并在故事结束后模仿这些人物的感情和行为。这也就解释了为什么你看了詹姆斯邦德拯救世界之后而产生的支配感觉,看了斯巴达300勇士之后就有了外出工作打算。”
    ——保罗J.扎克,经济学家“故事是激活部分大脑的唯一的方式,使听者把经验变成他们自己的东西
    一个单一的故事可以让我们的整个大脑工作。比较这个层级的参与,只阅读要点或无关的文本只能让我们大脑的某些区域工作。然后我们很快就忘记了这些信息,因为对于这些信息来说,我们没能联系到我们自己的经验,也没有积累任何情绪的连接”“精心设计的东西也不足以单独取得成功。整个生态系统及其相关交互点也必须如同产品本身一般被设计过,这也是可持续设计的要求”
    ——罗伯特布鲁纳,Ammunition Group创始人“许多商家其实已经发现在实际意义上讲故事的力量,他们已经观察到了一个精心构造的叙事是可以多么的令人信服。并且最近的科学研究也很好的阐释故事是如何在某些方面影响我们的态度、信念和行为。”

    2017-05-29
  • 那些年失败的产品的交互设计

    相信各位设计师都有过“灵鸡”一动冒出好玩并且很有创意的idea的时候,但是首创的idea往往有80%都无法被用户接受。究其原因,要么该款产品无法为用户带来真正的实惠,要么违背了用户的圣意,要么产品做出来本身就是个…

    2015-01-08
  • 教你掌握27种图层混合模式的用法

    嗯,让我们从最最基础的说起——像素。你就把他当成一个个五颜六色的小色块.这些小色块们都有一个特定的标记值,比如,RGB值,CMYK值了。当然透明色块也是像素,不过值是零罢了。我们的计算机就是靠识别这些数值来认识颜色的。

    2017-06-05
  • 交互设计基础 | 聊聊移动APP中反馈提示的设计方法与实例

    给用户及时、恰当的反馈,是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中,对操作反馈从形式、内容、位置几个方面做了非常详细的总结,满满干货。今天@青溪Joanna 这篇读书笔记提取了书中的要点并配上实例,分享给大家。

    2017-05-31