網站對于每個企業而言是展現品牌的重要渠道。
當你在為你的用戶設計網站的時候,一定要控制好網站的內容量。用戶并沒有必要在塞滿屏幕的大量信息當中,費勁巴拉地去找自己想要的那一條。極簡主義風格的流行并不是沒有道理的。
有針對性地呈現內容,為品牌進行合理的適配,提供清晰且扣人心弦的視覺設計,這樣的網站是令人印象深刻的。
極簡的設計并不意味著你無法和用戶進行更多的溝通,也許你覺得當前的設計還不足以滿足你的品牌和用戶進行溝通的需求,好在還有許多方法和技巧幫你做到這一點。
彈出框就是為此而出現的。在幾年前,這種設計被作為一種不影響當前網站內容的信息呈現方式而廣泛應用,隨后又因為大量的、無節制且毫無美感的濫用,被設計師和用戶廣泛吐槽。Google 認為彈出框對于用戶體驗造成了明顯的干擾,同時,需要借助彈出框提升信息交互的設計師和開發者因此也困擾不已。
那么,這是不是意味著彈出框已經被淘汰了?并非如此。進入的文章我們將會詳細為你分析彈出框在如今UI/UX設計當中的真實情況,并且提供一些可供參考的最佳實踐。
首先我們應該聊聊彈出框的類型,正確用法。
彈出框遵循著一系列模式而存在。它會在打開網頁的時候彈出,滑入網頁,或者干脆就在網頁加載的時候就直接加載進去了。雖然有的網頁會將它置于頁面的正中間,不過也有許多設計師將它置于頁面的底部或者角落。
插頁式和覆蓋式的彈出框會覆蓋住整個屏幕,通常會出現在一打開網頁的時候,
另外一種是通知欄式的彈出框,它會緊貼在頁面的頂部或者底部,甚至是常駐式的存在。
彈出框有的時候確實令人頭疼,作為設計師你總想遠離它。但是,它依然存在于許多網頁當中,并且發揮著巨大的作用。下面的 5 個理由,讓設計師真正離不開它。
1. 彈出框能夠讓人集中注意力
越來越多的用戶無法集中注意力閱讀,彈出框這種打斷式的信息呈現方式,非常抓人眼球,能夠快速直接地傳遞信息。
2. 讓用戶注意到最重要的信息
彈出框讓其中所呈現的信息擁有了額外的價值,當彈出框出現的時候,其中所展現的信息擁有了超過其他信息的重要性,至少感覺上是這樣。
3. 彈出框是多用途的
如今的彈出框擁有多種多樣的玩法和呈現方式,不會將用戶推開,也不再使用廣告讓用戶頭疼不已。彈出框的觸發機制也非常的多變:
在進入時彈出
滾動到特定的位置時彈出
通過特定操作觸發
在離開時候觸發
4. 保持頁面干凈整潔
正如我之前所提到的,極簡主義的設計讓網站足夠美觀,但是想要順暢地傳遞信息,彈出框能夠作為不錯的載體,確保不會占用頁面位置,影響整體風格。
5. 提升轉化率
根據 Sumo 的研究,彈出框和轉化率之間有著清晰的關系。他們發現,彈出框讓轉化率的平均轉化速度提升了大概3%,而設計得好的彈出框能夠將轉化率提升到9%,對于許多網站而言,這個轉化率的意義是非同凡響的。
彈出框提升了網站的參與度。