摆脱Web应用程序中的弹出框

时间:2013-02-19 23:15:02

标签: user-interface web popup

我正在尝试重新签名Web应用程序。现在应用程序正在使用多个对话框,这似乎过多地刺激了用户。想知道是否有办法消除弹出框并可能使用右侧面板相同?任何UX / UI示例,我可以获得一些见解或想法如何更好地设计界面?

1 个答案:

答案 0 :(得分:1)

根据您的应用的具体情况,解决方案会有很大差异。投入一些时间reading about UI design principles可以为您提供一套强大的技能和工具来解决这些问题。如果您已经走上了这条道路并准备好开发解决方案,那么为什么不看一下构建在框架中的一些设计模式和约定,例如Twitter BootstrapZurb Foundation,{ {3}}等等?

您可能不需要这些框架附带的所有功能,但它们包含一系列经过良好测试的UI模式,可以从中获取灵感。

一般来说,弹出窗口和模态对话框会中断用户的流程。 (并且它们很难在小型屏幕上实施。)如果您真的需要引起用户的注意,中断是一件好事。如果那不是你的目标,那就考虑一下如何处理这个问题。

  • 如果您的弹出窗口用于提醒您的用户,请尝试在页面/用户界面上显示内嵌的内容。

  • 如果弹出窗口用于收集用户输入,请尝试使用非模型弹出框(例如bootstrap的弹出窗口)。更好的是,尝试找到消除收集用户输入的必要性的方法 - 理想的,如果不是总是可能的话。

奖金回合:

我在JQuery UILittle Big Details找到了一些优秀的用户界面和设计模式灵感。没有关于这些网站上的代码的讨论,但是首先关注交互模式然后考虑稍后实现的具体方法是有用的。您还会注意到,用于移动/小屏幕应用程序的许多设计模式可以帮助您在更大的屏幕上设计UI;一个小屏幕迫使您思考UI的哪些部分是真正必要的,哪些部分只是支持细节。

此外 - Smashing Magazine上的这篇文章现在已有几年了,但我记得在其中找到了一些宝石:pttrns

我希望有所帮助!