圖片加載失敗
首頁 動态

Our News

動态

  等待對(duì)于大多數人來說都(dōu)是一件容易焦躁的事(shì)情,厭倦等待是人的天性。因爲各種(zhǒng)暫時無法改變的因素,加載頁面(miàn)免不了需要一些時間,而這(zhè)段時間正是用戶的“空窗期”。其實用戶心裡(lǐ)也很明白,網頁加載速度緩慢是浏覽器或網速等客觀原因造成(chéng)的,但仍然會有諸多意見和抱怨,甚至也有耐心較差的用戶忍受不了實則十幾秒,卻看似很漫長(cháng)的等待過(guò)程,直接選擇放棄浏覽網頁,這(zhè)在無形中就流失了許多浏覽者,不然怎麼(me)說細節決定成(chéng)敗呢?

  今天,AnyForWeb爲大家搜羅了一些令人愛不釋手的加載頁,讓用戶們從此願意等待,愛上等待,把等待變成(chéng)一件很美好(hǎo)的事(shì)。

  1.第一個案例是來自AnyForWeb客戶Ever Earth的網站設計稿。從充滿童趣的Loading頁面(miàn)就不難看出EverEarth是一個專營兒童玩具的電子商務網站。網頁在加載時,5顆松果代替了傳統的省略符号,并且輪流閃動出現,無論是大朋友或是小朋友都(dōu)會被(bèi)可愛的形象深深吸引,再也不會因爲無聊的等待而煩躁了。

  2. Dave Werner是一個塗鴉手繪風格的設計網站,Loading頁的設計也不例外的采用了與網站基調一緻的風格。這(zhè)個加載頁雖然沒(méi)有很出彩的動畫效果,但是背景中密密麻麻的内容已經(jīng)足夠滿足充滿好(hǎo)奇心的你了。

  3.這(zhè)個案例其實并沒(méi)有格外特别的地方,屬于視覺體驗比較單一的等待加載頁面(miàn)。但細長(cháng)型的進(jìn)度條能(néng)夠給人一種(zhǒng)加載速度更快的錯覺,搭配純色背景,提升了頁面(miàn)整體的簡潔之風。感受一下。

  4.ZZZ以天空作爲網站主題,Loading頁簡簡單單,隻有圖片中呈現的Loading标志和卡通宇航員形象。在等待過(guò)程中,Loading标志不停回轉,而卡通宇航員始終表現著(zhe)不斷上升的效果。一邊告訴用戶這(zhè)是個Loading Page,同時又讓用戶期待著(zhe)宇航員的最終目的地。當然,最後(hòu)還(hái)是不意外的來到了美妙的星空中。

  5.在你無聊等待網頁加載的時候,如果看著(zhe)一隻帶著(zhe)一臉憂傷苦悶,卻又妙趣橫生的小雞在你的屏幕中來回走動,你還(hái)會焦躁嗎?

  6.單看Cheese & Burger的風格和界面(miàn),你一定猜不到它隻是一個快餐店的網站。案例中的儀表盤代替了常規使用的進(jìn)度條,是不是越看越像芝士呢?指針跟著(zhe)進(jìn)度旋轉,一定會增強浏覽者想吃漢堡的欲望!

  7. Pretty Loaded是一個關于預加載畫面(miàn)的合集,加載到100%之後(hòu)繼續加載,就這(zhè)樣(yàng)充滿藝術氣息的無限循環,下面(miàn)的案例是Pretty Loaded本身的Loading Page。在這(zhè)個案例中,重新設計了标志、文字,以及的百分比的大小和位置,在傳統的基礎上引入創新因子。

  8.Xixi No Banho的加載頁經(jīng)常會在有關于Loading的文章或案例中出現,用坐标作爲進(jìn)度條的确很有新意,再加上可愛清新的設計風格和色彩,也許會勾起(qǐ)你學(xué)生時代那些有趣美好(hǎo)的回憶吧。

  9.這(zhè)個網站的Loading Page偏于女性化,使用了極簡主義的設計風格,除去了所有的線框設計。充滿活力的桃紅色搭配純白色的背景,讓頁面(miàn)不僅俏皮,同時增添了些許柔美。直接用英語代替了阿拉伯數字的設計也比較少見。

  10.這(zhè)樣(yàng)的場景是不是很熟悉?每次充電時都(dōu)忍不住抱怨充電速度真慢!不如就讓這(zhè)款Loading設計來實現你的幻想吧! 

  這(zhè)些與衆不同的Loading Page是不是讓你覺得等待加載的時間過(guò)得很快?其實避免用戶的流失并不是什麼(me)難事(shì),除了維護運營好(hǎo)網站本身内容,在細節上花些小心思,就能(néng)讓網站的跳出率大大降低,留住本就屬于你的用戶