我正在尝试退出一个web应用程序。目前应用程序正在使用多个对话框,这似乎太激怒用户了。想知道有没有一种方法可以消除弹出框,也许可以使用右侧面板进行同样的操作?有什么UX/UI示例可以让我对如何更好地设计界面有一些见解或想法?
解决方案会因您的应用程序而异。花点时间阅读UI设计原理可以为你提供一套强大的技能和工具来解决这些问题。如果你已经走上了这条路,并且已经准备好开发解决方案,为什么不看看构建在Twitter Bootstrap、Zurb Foundation、JQuery UI等框架中的一些设计模式和约定呢?
您可能不需要这些框架附带的一整套功能,但它们包含了一组经过良好测试的UI模式,可以从中汲取灵感。
一般来说,弹出窗口和模式对话框会中断用户的流量。(它们在小屏幕上很难实现。)如果你真的需要引起用户的注意,中断是一件好事。如果这不是你的目标,想想你还能如何解决这个问题。
-
如果弹出窗口是为了提醒用户,请尝试在页面/UI上内联显示的内容。
-
如果弹出窗口用于收集用户输入,请尝试非模型弹出窗口(例如引导程序的弹出窗口)。更好的是,尝试从一开始就消除收集用户输入的必要性——如果不是总是可能的话,这是理想的。
奖励回合:
我在Little Big Details和pttrns上找到了一些不错的UI和设计模式灵感。这些网站上没有关于代码的讨论,但首先关注交互模式,然后思考具体的实现方法是很有用的。您还会注意到,许多用于移动/小屏幕应用程序的设计模式有助于在大屏幕上设计UI;一个小屏幕迫使你思考UI的哪些部分是真正重要的,哪些部分只是支持细节。
此外,Smashing杂志上的这篇文章已经有几年的历史了,但我记得我在其中发现了一些精华:40多个关于用户界面设计模式的有用资源
我希望这能有所帮助!