我正在尝试辞职一个 Web 应用程序。现在应用程序正在使用多个对话框，这似乎太刺激用户了。想知道是否有一种方法可以消除弹出框并可能使用右侧面板来实现？任何 UX/UI 示例，我可以从中获得一些见解或想法如何更好地设计界面？
问问题
714 次
1 回答
1
解决方案将根据您的应用程序的全部内容而有很大差异。花一些时间阅读 UI 设计原则可以为您提供一套强大的技能和工具来解决这些问题。如果您已经走上这条路，并且准备好着手解决方案，为什么不看看一些内置于框架中的设计模式和约定，例如Twitter Bootstrap、Zurb Foundation、JQuery UI等？
您可能不需要这些框架附带的全部功能，但它们包含一组经过良好测试的 UI 模式，可以从中汲取灵感。
一般来说，弹出窗口和模式对话框会打断用户的流程。（而且它们很难在小屏幕上实现。）如果你真的需要引起用户的注意，打断是一件好事。如果那不是您的目标，请考虑如何解决问题。
如果您的弹出窗口是为了提醒您的用户，请尝试在页面/UI 上内嵌显示的内容。
如果您的弹出窗口用于收集用户输入，请尝试非模型弹出窗口（例如引导程序的弹出窗口）。更好的是，首先尝试找到消除收集用户输入需要的方法 - 理想，如果并非总是可能的话。
奖金回合：
我在Little Big Details和pttrns上找到了一些很好的 UI 和设计模式灵感。在这些网站上没有关于代码的讨论，但首先关注交互模式，然后再考虑具体的实现方式是很有用的。您还会注意到，许多用于移动/小屏幕应用程序的设计模式有助于在大屏幕上设计 UI；小屏幕迫使您思考 UI 的哪些部分是真正必要的，哪些部分只是支持细节。
另外 - Smashing Magazine 上的这篇文章已经有几年的历史了，但我记得在其中发现了一些宝石：40+ 有用的用户界面设计模式资源
我希望这会有所帮助！
于 2013-02-19T23:47:26.627 回答