操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

新聞資訊

    模態(tài)對話框是一種重量反饋,通常用于用戶的重要操作。模態(tài)對話框?qū)⒅袛嘤脩舢斍暗牟僮鬟^程,如果用戶未對彈出窗口進行操作,則無法使用其他功能。從這一點上,我們可以看到,模態(tài)對話框的優(yōu)點和缺點非常明顯:優(yōu)點是它可以很好地獲得用戶的視覺焦點,缺點是它會中斷用戶當前的操作過程。使用模態(tài)對話框有什么注意事項呢?本文Pixso帶你揭曉!

    1. 對重要警告使用模態(tài)對話框

    當用戶的工作可能丟失或操作可能產(chǎn)生破壞性和不可逆轉的后果時,請中斷用戶以避免災難。

    若要確定哪一個錯誤嚴重到可以使用模態(tài)對話框,請考慮以下內(nèi)容:

    如果可能的話,在人為錯誤發(fā)生之前防止它總是好的。但是,一旦發(fā)生錯誤,如果錯誤消息出現(xiàn)在主要內(nèi)容中而不是模式對話框中,則可能更容易修復錯誤。

    例如,表單中的錯誤應該在頁面上報告錯誤的位置,以便用戶在解決問題時可以參考錯誤消息。但是,通知用戶其計算機將在10秒后重新啟動可能會出現(xiàn)在模式對話框中,以確保用戶注意到該消息。

    不可逆轉的錯誤通常會導致信息丟失,這對于復雜且耗時的任務尤其具有破壞性。

    未能將商品添加到購物車對電子商務企業(yè)來說可能是一個不幸的錯誤,但如果用戶沒有注意到細微的通知,這對他們來說并不是不可逆轉的。另一方面,覆蓋文件或無法保存對數(shù)百張幻燈片的更改是不可逆的,因此需要中斷這些更改,并且通常是受歡迎的。

    如Pixso工作臺的回收站清空提示,該行為屬于重要警告行為,模態(tài)對話框有助于防止不可逆轉的誤刪。

    模態(tài)對話框

    2. 提示用戶輸入流程的重要的信息

    如果缺少信息導致系統(tǒng)無法繼續(xù)用戶啟動的過程,則模態(tài)對話框可以提示用戶輸入此信息。

    如下圖所示,如果用戶未輸入團隊名字而直接點擊“創(chuàng)建團隊”,則會出現(xiàn)“團隊名稱不能為空”的紅字提醒。

    創(chuàng)建團隊

    3. 將復雜工作流劃分為更簡單步驟

    對于耗時且涉及精神和情緒化的任務,同時要求大量信息可能會讓人不知所措。在這種情況下,可以使用模態(tài)對話框?qū)碗s的信息分解為更簡單、更容易理解的塊。向?qū)沁@種使用模態(tài)對話框的常見示例。

    然而,需要注意的是,具有多個步驟的模態(tài)只會延長主任務之外的時間,使用戶更容易忘記他們實際做了什么。也就是說,如果它需要幾個步驟才能開始,那么就有理由花一整頁的時間來專門用于它。

    如Pixso社區(qū)中的移動端點餐設計素材,用戶需要篩選類別、評分、價格才能完成對話框的選擇。

    移動端點餐設計素材

    4. 詢問信息,減少用戶的工作量

    當請求或呈現(xiàn)的信息相關或可以簡化當前任務的執(zhí)行時,模態(tài)可以有效地工作。

    以房地產(chǎn)網(wǎng)站為例,用戶可以在沒有帳戶或房地產(chǎn)代理的情況下瀏覽房地產(chǎn)列表。但是,當他們試圖聯(lián)系代理檢索列表時,站點會顯示一個模態(tài)對話框,詢問他們是否已經(jīng)有代理。這些信息對于下一步聯(lián)系掛牌代理并不重要,但對于促進未來的互動仍然很有價值。該對話框使用漸進式分析,每個對話框代表一個易于回答的問題。這些問題是低承諾的,并且專注于相關細節(jié)。

    漸進式分析的關鍵在于,它們遵循用戶對工作流的期望,中斷只有在與當前任務相關或有幫助時才有用。

    對話框

    5. 不要用于與當前進程無關的信息

    如前所述,模態(tài)對話對用戶來說有許多缺點和成本。為了使這些成本合理化,它們應該與任務非常相關且重要。與用戶目標沒有直接關系的模態(tài)對話被認為是具有破壞性的,會降低對公司的信任。

    如果非必要信息以高優(yōu)先級格式顯示,例如模態(tài)對話框的形式,則用戶將拒絕考慮該形式的其他實例。這類似于伊索寓言中的《狼來了》故事。小男孩通過說“狼來了”反復誤導村民,當狼真的來時,小男孩已經(jīng)失去了村民寶貴的信任。

    與普遍的看法相反,郵件列表注冊對于生成商業(yè)廣告至關重要,但對用戶來說并不重要。在最近的一項網(wǎng)絡可用性研究中,我們聽到了對與電子郵件通信注冊相關的模態(tài)對話的強烈蔑視。

    模態(tài)對話框的工作流程_對話框模態(tài)和非模態(tài)_模態(tài)對話框是什么時候?qū)嵗膶υ捒?/></p>
<p style='margin-bottom:16px;color:#555555;font-size:16px;line-height:200%;text-indent:2em;'>6. 避免中斷高風險流程</p>
<p style='margin-bottom:16px;color:#555555;font-size:16px;line-height:200%;text-indent:2em;'>對于用戶和企業(yè)來說,結賬是一個高風險的過程:用戶希望確保這個過程是無縫的、安全的和無錯誤的,而企業(yè)希望確保用戶遵循他們的購買決定。模態(tài)對話,如果沒有根據(jù),充其量只會分散用戶的注意力,最壞的情況下會削弱用戶的信任。</p>
<p style='margin-bottom:16px;color:#555555;font-size:16px;line-height:200%;text-indent:2em;'>如下圖所示,沒有緣由的支付失敗會讓用戶感到沮喪,因此需要“立即支付”按鈕重新喚起用戶的支付熱情。</p>
<p style='margin-bottom:16px;color:#555555;font-size:16px;line-height:200%;text-indent:2em;'><img style='display:block;max-height:500px;max-width:80%;margin: 10px auto;'  src='http://m.dszhyy.com/uploadfile/2024/1123/1732363583896_7.png' alt=

    7. 避免在復雜決策中使用

    模態(tài)對話框應用于與用戶進行簡短、直接的對話。如果模態(tài)框要求用戶執(zhí)行復雜的研究或查閱其他信息源(模態(tài)框可能會阻止這些信息),那么它不是進行交互的正確UI元素。

    如Pixso社區(qū)中的微信模態(tài)對話框,只需要突出獲取手機驗證碼字眼即可,簡短易理解。

    Pixso社區(qū)

    通過以上的分享,相信你對模態(tài)對話框已經(jīng)有一個初步的認識。Pixso內(nèi)置騰訊、阿里、字節(jié)、今日頭條、螞蟻設計等優(yōu)秀設計規(guī)范,提供海量設計模板和素材,本地化字體資源,肯定能為你提供設計模態(tài)對話框的靈感。趕快來試試吧!

網(wǎng)站首頁   |    關于我們   |    公司新聞   |    產(chǎn)品方案   |    用戶案例   |    售后服務   |    合作伙伴   |    人才招聘   |   

友情鏈接: 餐飲加盟

地址:北京市海淀區(qū)    電話:010-     郵箱:@126.com

備案號:冀ICP備2024067069號-3 北京科技有限公司版權所有