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

相关推荐

  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(下篇)

    上篇我们聊了Logo配色、ThinkShutter以及电源键设计,这一次我们一起来看看外形设计、移动便携和扩展能力ThinkPad X1 Carbon 2018在用户体验上有什么有趣的故事吧!一条曲线的神奇虽然建筑师高迪说直线属于人类,而曲线属于上帝,而逐渐读懂曲线的意义,思考曲线与直线之间合理应用,这整个的过程正是人类自我救赎和思想进化的过程。纵观笔记本变化的历史,外形和颜色往往决定着“颜值”,改变外形或者颜色设计的情况比比皆是,连M...

    2018-03-22
  • iPhone X 交互设计官方指南

    编译|覃云北京时间 9 月 13 日凌晨,苹果发布了带刘海的 iPhone X,这个屏幕需要 iOS 开发者做新的适配,会后苹果发布了 iPhone X 的适配指南,我们将它翻译出来供大家参考。本文首发于 InfoQ 垂直号移动开发前线,ID:bornmobileiPhone XiPhone X 拥有一个宽大的、高分辨率、圆角的、扩展到边缘的屏幕,提供了以前从未有过的沉浸式、内容丰富的体验。屏幕尺寸在纵向方向上,iPhone X 显示屏...

    2018-01-31
  • # 干货收藏!一张图教你看懂产品的一生!

    这是Laura Klein创作的一个产品思考图表,你可以在它的指引下一步一步去分析你自己的产品。 思考一下你的产品在每个环节的表现如何,找到较为薄弱的部分,然后想想如何去改善它,接下来就乖乖的回去改线框图吧,把…

    2016-03-15
  • 如何制作交互组件库

    曾几何时,每次交互稿都是徒手画,或者截个图在现有的界面上改造。渐渐感到同一平台,每个版本都有很多重复劳动,是时候做个交互组件库了~ 什么是组件库? 就是类似axure左侧栏的这一坨标准控件,方便直接拖拽使用…

    2017-07-24
  • 交互设计师,如何建立自己的知识体系?

    高中毕业,我们完成了基础知识的学习。后续要掌握新技能或新知识,主要途径便是自学。每个人自学能力千差万别,这决定了一个人的成长与发展的天花板。

    2017-05-16
  • [官方]mockplus视频教程:10分钟玩转mockplus

    官方出品教程,10分钟快速了解一下mockplus软件操作基础。 视频免费播放地址

    2015-06-30
  • 《用户体验可视化指南》视频讲书(4)

    这是《用户体验可视化指南》书中第一章的最后一个视频了。继续上个视频继续介绍几种共线图,这次横向比较各种共线图的差异,使用它们的原则和好处。点击视频观看(大约14分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享这节内容是第一章的精华,一定一定一定要边听边看书本,最好多看几遍。主要分为2个部分:在这节视频中,结合书本第3个大模块中的内容,详细讲解了这5类常见共线图的差异和各自的特色。闭上眼睛想一想,要是还想不起来服务蓝图、体验地图...

    2018-04-07
  • Axure原型设计:京东官网滚动界面

    91运营社群招募中,勾搭小编微信号:yueyingzheng88入社群每周91公开课,91风暴,全员参与,实际案例实际分析问题答疑,你提问题我解答行业专场,互联网金融,电商,新媒体运营等专场各地分站交流资源及人脉共享其他的。。。。欢迎各行业互联网运营达人加入我们91运营大家庭,会运营的人都来这里了!导读:作者分享了自己制作京东官网滚动界面原型的具体操作过程,希望大家可以从中受到些启发。正文先上京东官网原图(也可以自己搜素京东官网查看)先...

    2018-03-04
  • 用户体验要素,商品介绍,它们两竟发生了这种关系!

    有人去电影院是为了看电影,而有些人……上次我们讲到,网络课程的课程介绍的工作流程问题。广泛来说可以是网购中任何商品或服务的介绍的撰写或制作过程,这个工作流程和用户体验要素十分相似 ▼这一次我们来探讨用户体验要素具体对商品介绍的指导作用,先来看看一下详细的用户体验要素 ▼关于上图的模型,在《用户体验要素》一书中有详细的阐述,这里只讲与本文内容有关的部分。先来看到这个模型的右上方,有功能型和信息型两种分类。基于我当时的工作任务是商品介绍,那...

    2018-03-20
  • 总结七大设计原则,打造高素质的UI界面

    虽然好设计的原则是老生常谈,但是我们还是要经常总结,结合自己的设计,三省吾身。

    2017-05-11