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

相关推荐

  • BAT名师访谈,阿里交互设计专家的成长之路

    编者按:优设访谈第四期!今天这位设计师也是老朋友了,作为网易电子商务部UED团队的创建者,阿里现任交互设计专家,以及业内人士鼎力推荐的《破茧成蝶:用户体验设计师的成长之路》联合出版人,@刘津legene 老师的…

    2015-11-19
  • 几乎是最完美的用户体验模型—CUBI

    【导读】我们都希望能做出引人注目的创意项目——能解决业务问题,同时通过有意义、有价值的体验吸引用户的项目。然而,紧缩的预算以及紧张的时间安排,都给创造真正新颖的设计、确定设计流程中的遗漏,以及充分考虑…

    交互设计 2015-04-24
  • 全面揭秘!详析 Adobe XD 的团队内部使用的设计思考流程

    你有没有想过,如果有一种通用公式,能让你设计出创新性的产品、用户体验或服务,这世界将会发生什么? ——我指的可不是那些慢吞吞的递进式优化,我要说的是"破坏性"的革新! 可能你觉得我说的不太现实,好吧,我承…

    2016-10-18
  • 至纯至简|手机百度8.0设计总结

    8.0是手机百度发展过程中一个重要里程碑,它不仅延续了产品建立以来的要点,打破历史包袱,与时俱进地从体验和产品角度进行了创新,通过全新的整体交互框架与视觉风格,将搜索、语音搜索、FEED流信息获取、多垂类服务等进行了再设计。

    2017-05-12
  • B2B、SaaS 等企业软件中的交互设计总结

    ♝点击上方“交互设计学堂”关注我们,送电子书我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇文章是我在过去几年里的一些经验梳理,希望能够帮助那些想去或者已经在企业软件团队工作的设计师们。什么是企业软件?下面是维基百科中的定义:企业应用是一种计算机程序,主要用来满足企业的需求,而非独立的用户。一些大家可能用过或者见过的企业软件。在现代企业中,大...

    2018-04-20
  • 用户体验之旅-开篇

    设计菜会有啥?设计菜主要针对用户体验的方方面面进行分享。也会适当分享行业的一些资讯。主要为了沉淀,不追求快节奏,慢下来去思考去沉淀是设计菜的宗旨。没有商业目标~没有商业目的~欢迎围观和点评。欢迎━(*`∀´*)ノ亻留言及分享!谢谢!图片来自于:pinterest

    2018-04-27
  • 百货类微信服务号改版:一个“失败”的设计案例?

    整理了一个售前项目的案例,重新绘制了36个原型页面,1张思维导图,3张流程图,2张对比图,1张结构图,介绍一家百货购物中心微信服务号改版的设计。

    2017-05-07
  • 让人最不喜欢的交互设计错误列表,来看看你中枪了没!

    好的交互设计可以区分开有质量的网站和其他普通网站。然而,如果有明显的设计错误,它只会给予你本来想打动的用户以刺激和挫败感。下面是Speckyboy上总结的让人最不喜欢的交互设计错误列表,来看看你中枪了没!1缺…

    2017-08-02
  • Web用户体验设计总结

    最近一直在做APM报表的重构,记录和分享一些看法。希望可以坚持,今天先做Web用户体验设计的总结。因为重点再重构上,所以可能所说的内容有局限性。

    交互设计 2017-06-03
  • 社会化分享按钮:一种糟糕的用户体验

    分享按钮被滥用了吗?“通过我们定期的分析,GOV.UK网址被分享到Facebook和Twitter共有14,078次——只占6,800,000总浏览量的0.2%。”“我们删除了FB按钮,Facebook的使用流量增加了。原因如下:用户在其时间表上分享来替代了“喜欢”文章。

    2017-05-03