<cite id="xtndt"></cite>
<cite id="xtndt"></cite>
<thead id="xtndt"><i id="xtndt"></i></thead><var id="xtndt"><video id="xtndt"></video></var>
<var id="xtndt"><strike id="xtndt"></strike></var>
<var id="xtndt"></var><menuitem id="xtndt"><video id="xtndt"></video></menuitem>
<var id="xtndt"></var>
<var id="xtndt"></var>
<var id="xtndt"><video id="xtndt"><menuitem id="xtndt"></menuitem></video></var>
<cite id="xtndt"></cite>

杭州企業網站建設:智能彈出設計指南之品牌識別與專業網頁設計

2019.08.08 mf_web

141

用戶經常厭倦了困擾彈出窗口,需要他們填寫表格或回答問題,但他們都是如此糟糕?有彈出窗口可以幫助用戶,提供提示或提供產品折扣。

因此,彈出窗口通常是在網站頁面的可視界面的前景中突然出現的小窗口。彈出窗口可能是廣告,信息塊,聯系表格等。它更可能是小而且顏色對比鮮明,但我們將定義彈出設計的所有元素和影響用戶如何按順序感知它的因素,不是一切都是。杭州企業網站建設

彈出窗口

出色的外觀

彈出窗口可以用于不同的目標,這會影響彈出窗口的啟動方式。如果是廣告或促銷橫幅廣告,則只會在您打開網頁后的某個時間段內顯示沒有操作。另一個案例是信息豐富的彈出窗口。它應該通過點擊啟動。信息彈出窗口具有解釋功能,例如它有助于填寫表單。彈出窗口也可以是一個額外的內容塊,其中包含關于此點或那一點的一些輔助信息,因此只有感興趣的用戶才能閱讀它。這可以幫助您在網站上進行內容安排和保持間距規則。彈出聯系表單最好不要突然彈出,因為用戶不會很好地對待它。應該通過指定的按鈕打開聯系人pop,這將是完美的。

帶有簡單彈出窗口的El MundoalRevés
這個網頁上有四個帶有服務描述的彩色塊。每個街區都附有一個彈出信息部分。通過單擊啟動它以及通過十字按鈕關閉它很容易。

El Mundo al Reves

El Mundo al Reves

越大越好?

對于許多網站設計元素來說大小很重要,這個列表中是否有彈出窗口 他們肯定在那里,但問題是彈出窗口應該是小還是大。比較:一個小的彈出窗口,假設整個網頁的30-40%,將是準確的,漂亮的,并且不會在視覺上阻止其他內容。盡管如此,如果您希望彈出窗口能夠吸引所有用戶的注意力并使內容高度可見,那么最好使這個窗口變得龐大并占據大約80%的網頁空間。使用的另一個技巧:如果彈出窗口非常小,使背景模糊或變暗。這將導致一個小窗口更好的視覺曝光。

帶有漂亮彈出設計的Photodoto博客
我們在這里看到的是一個非常酷的彈出窗口,按照正確的網頁大小比例完成。由于其明亮的色彩選擇和變暗的背景效果,它在背景中脫穎而出。

Photodoto

彩色游戲

顏色是每個網頁設計方面的重要組成部分,這是真的。但是哪種顏色選擇贏得了彈出窗口?最好的調色板是基于對比度的調色板。最后,任何彈出窗口的目標都是讓人們行動起來,因此您需要設計一個CTA按鈕/促銷代碼,或任何其他細節,以明亮的顏色進行操作。在這種情況下,主要的彈出顏色是中性的,例如白色,灰色或棕色。

農場網站設計與明亮的黃色彈出
這種彈出設計形成對比,但與我們討論的方式略有不同。它不使用兩種相反的顏色,它是單色的,帶有吸引人的黃色調。在黑暗的背景下看起來很棒。

農業網站設計

內容

彈出窗口中的內容非常小,因此其主要任務是引人注目且非常明智。您在此部分中編寫的這兩行或三行文本將決定您的在線廣告系列的未來。你可以使用的一些引人注目的詞是:保存,免費,結果,想要,準備好,需要,獲取,嘗試,討價還價,折扣,交易,快速,現在,快點,成為第一個,最后一個機會等等。

我愛婁網站與比賽彈出
這個法國網站上的彈出窗口有一個有說服力的CTA按鈕。這意味著用英語“玩和贏”。

我愛婁

給出一個選擇

制作一個彈出窗口提出一個問題并提供兩個簡單答案“是”或“否”是一件非常好的事情。例如,您希望訪問者嘗試新產品的免費試用版,并且您有一個問題“您想免費測試我們的新產品嗎?”。當然你可以制作一個帶有'yes','try','try now','test','試用'等文本的單個CTA按鈕。但你可以制作兩個按鈕(最好是不同顏色)以下文字:'是的,我想要'和'不,我不想要任何免費的東西'。這些只是近似變體,但感覺很清楚。在這種情況下,您需要用戶了解他們現在有機會,以后將沒有任何免費。

有限的選擇煽動用戶采取行動,而不是猶豫。

報名表

任何形式的用戶都會懷疑,因為它要求提供個人數據。它不涉及聯系表單彈出窗口,用戶根據他們的決定。現在,我們正在談論提供用戶訂閱時事通訊,獲得免費電子書或課程,獲得折扣等的表格。兩步彈出窗口有可能更好用。你在第一個彈出窗口中詢問一個問題(就像我們上面提到的例子中那樣)然后有2個場景要繼續。對于那些積極回答的人,您將打開另一個帶有輸入表單的彈出窗口,然后關閉選擇否定答案的用戶的窗口。

帶有快速
彈出窗口的 SentinelOne站點彈出窗口中的Web表單允許您通過單擊按鈕和幾個空字段來快速訂購公司服務。順便說一句,檢查CTA按鈕 - 它的顏色真的很吸引人!

SentinalOne

Hatteras網站彈出簡單聯系表格
按下主頁或聯系頁面上的“聯系我們”按鈕,您將看到這個最小的彈出式設計,并填寫表格。如果你改變主意,點擊十字架。

哈特拉斯

替代

每個用戶都有權選擇,您應該尊重這一點。在使用彈出窗口創建時,您需要考慮所有可能的結果。有些人會喜歡你的彈出窗口,其他人會討厭它,有些人會自動關閉它,然后再找到它的位置。對于想要盡快回到網站的用戶,您需要讓彈出窗口易于關閉(不提供任何答案),因為他們對優惠和廣告不感興趣。

那么,時間是你可以面對的一個非常大的問題 - 什么時候彈出來,它應該在關閉后再次出現?中庸的意思是在網站打開后大約5秒內彈出一個彈出窗口,如果用戶關閉它,它不應再出現。盡管如此,如果關閉是偶然的,并且彈出窗口提供了獨家信息/折扣,請確保它足夠頻繁出現,例如每次用戶打開網站(或某個頁面)時。

Xchop網站實時聊天彈出
實時聊天是與用戶聯系的好方法,本網站展示了如何充分利用彈出式設計與客戶進行交流。窗口會自動顯示,但您可以使用向下箭頭隱藏它。

Xchop

Facebook的彈出式創新殺戮
這種彈出式設計的變體(在網站開放后立即出現)旨在吸引更多新的Facebook粉絲。如果您不想關注此社區,請使用左上角的十字按鈕。

創造力殺死

下一步是什么?

彈出窗口不應該破壞用戶體驗。在彈出窗口出現之前,將用戶帶回到他們曾經去過的地方。不承諾將用戶轉發到您希望他們訪問的頁面或部分。

結論

彈出式設計有很多規則,但決定性的是使其有效。在設計,編寫和正確放置時有效。讓你的彈出窗口成為一個有用的網站元素,而不是破壞性的!

杭州企業網站建設

關鍵詞

最新案例

聯系電話 400-6065-301

留言

国产免费三级a在线观看 - 视频 - 在线播放 - 影视资讯 - 免费看