2008-10-15 51 views
16

modal windows/dialogs是否被認爲是網站的良好做法?我關心使用模式窗口的一件事情是,它非常像一個彈出式窗口,它可能會導致用戶感到沮喪或導致用戶簡單地關閉它,因爲它是侵入式的。你知道任何關於用戶偏好和使用率的研究嗎?模態對話框是網絡的良好實踐嗎?

當JavaScript關閉時,除了模態窗口鏈接加載新頁面中的內容之外是否還有任何可訪問性問題?您是否使用模態窗口網站或網絡應用程序?爲什麼或者爲什麼不?實現模態窗口有哪些好的和壞的做法?我知道模式在顯示圖片或畫廊時可能最常用,但是還有其他一些實際用例呢?你在你的網站上使用它們,是什麼引導你做出決定?

回答

14

從實踐的角度來看 - 排除可訪問性 - 模式窗口提供了一種替代方案,它不像對話框那麼令人吃驚,並且比彈出式窗口更不受干擾。與上述兩種方法中的任何一種相比,它們通常對現場具有更加內聚的感覺。除了圖片或媒體之外,我還使用模式對話框來達到與對話框相同的目的 - 讓用戶提供某種形式的必需輸入,或在讓他們再次與網站互動之前確認某些內容。

從純粹可接近的角度來看,它們並不是那麼棒。他們通常需要JavaScript,並且由於模式對DOM的管理方式,屏幕閱讀器不會很好地解釋它們。爲了解決這個問題,優雅地降級總是一個好主意 - 一個建議是將模態對話框的內容放在一個頁面上。每當模態對話框應該出現時,讓當前頁面重定向到'模態頁面',獲取用戶的輸入,然後返回到它所在的頁面。

最後,就我個人的意見而言,我並不介意模態窗口。我認爲,如果使用得當,他們會提供一個體面的體驗 - 如果引起我的注意,那麼我寧願這樣做,而不會將我從頁面重定向,顯示難看的操作系統主題對話框或流行(我的瀏覽器可能會阻止,無論如何)。我想,總結一下,如果我不得不選擇如何我想被打斷,那麼我會選擇一個模態對話框。

+0

感謝您的深入解答。 – VirtuosiMedia 2008-10-15 19:50:50

1

我只對Web應用程序的簡單的問題或要求用戶完全集中行動使用模式窗口,這就是莫代爾是,「忘記的背景」,並集中在哪些應用是問...

示例:

「允許的最高貸款達到了限額,您確定要將這筆新貸款發給客戶嗎?」

中預文本發送電子郵件,例如(也可用於右主題和正文文字或選擇一個預先定義的主題/發送到客戶端的模態窗口...

東西這樣的:)

我做了很多財務的網絡應用程序,從用戶輸入所有財務數據到發送合同的PDF完成填充只有一些點擊的網站,這些行動是在哪裏我使用模態窗口。

希望它有助於

0

37Signals的有模態here一個有趣的帖子。他們談論使用模態來指示屏幕大小的重要性,模態疊加不足以導致需要導航到新頁面。

0

我相當普遍使用模式窗口的Web應用程序的數據輸入屏幕。例如,用戶將擁有一個列表或搜索結果屏幕,並可以點擊一條記錄在模式窗口中打開它進行編輯。我不會在網站中使用模態窗口,因爲我更喜歡稍微少一點的「應用程序」,就像網站的感覺一樣。

0

網上對話的大多數問題都集中在糟糕的實施上。一些考慮因素包括:

  • 屏幕尺寸
  • 瀏覽器窗口大小調整
  • 何處打開對話框
  • 提交表單元素
  • 苛刻覆蓋頻閃效應
  • 適度降級(如前所述)

所有這些都很容易通過一些預謀和編程技巧,在正確實施的情況下,網絡上的對話非常有用。

1

看起來好像很多人把模態窗口與分層面板混淆。對話框可以是模式窗口,彈出窗口是模式窗口。分層面板不是一個窗口,而是具有彈出式窗口或對話框的外觀。它是模態的,因爲底層不可用。莫代爾窗口在網站上很受歡迎,因爲它們不受彈出窗口阻止程序的影響。

模態窗口旨在獲取底層應用程序需要繼續的信息或用戶操作。非模態窗口允許用戶在窗口和底層應用程序之間來回切換。非模態窗口的一個很好的用法可能是屏幕幫助或教程,用戶需要一個參考工具並訪問底層應用程序。

恕我直言,模態窗口被設計爲一個狹窄的特定用途,現在很多時候使用不當。只是因爲你可以做點什麼並不代表你應該!:-)