模仿頁面結(jié)構(gòu)

用戶進入程序后會覺得等待時間縮短，既然如此，南昌網(wǎng)站制作公司的設(shè)計者大可在這方面做些文章，讓用戶感覺在不斷推進。關(guān)鍵在于：利用包含程序各項結(jié)構(gòu)元素的頁面“骨架”。頁面骨架還不是程序本身，只是相似而已!蘋果公司的產(chǎn)品指南建議使用類似的“空心”頁面。

需要強調(diào)的是，這種方法的主要目的是改變用戶對時間長度的主觀感受，而不是真的縮短時間。

第一張圖是應(yīng)用程序的頁面骨架，在登錄時展示給用戶。第二張圖是進入應(yīng)用程序后的頁面。兩張圖非常相似，用戶在看到第一張圖的一瞬間以為自己已經(jīng)進入了程序。

對比頁面骨架時，很難說清楚哪個頁面骨架屬于哪個應(yīng)用程序。這不重要!

用戶在腦海中存有印象，知道點擊哪個按鈕可以進入應(yīng)用程序，使用目的也不會忘記。

根據(jù)不同的顯示模式，頁面骨架多多少少會展示出來，也會或多或少告知用戶頁面正在加載。

漸進式頁面骨架

設(shè)計者可以使用同樣的技巧逐漸顯示程序頁面的結(jié)構(gòu)元素，給用戶逐漸推進的感覺。

頁面骨架逐漸呈現(xiàn)，用戶感覺正一步步慢慢進入程序。用戶雖然在等待，但感覺互動流程沒有中斷過。

標(biāo)志性頁面骨架

設(shè)計者在頁面骨架上加入一點程序的專屬標(biāo)志，讓等待的時間更加個性化。設(shè)計者經(jīng)常將品牌的顏色用于等待頁面上。(參見前面的例子)在不與頁面骨架的整體設(shè)計策略相沖突的條件下，設(shè)計者還可以把品牌標(biāo)志巧妙地放在等待頁面上。

逐漸顯示加載內(nèi)容

讓內(nèi)容隨著頁面加載逐漸顯示出來，這樣既能縮短用戶感覺到的等待時間長度，又能縮短真實的等待時間。其實，很多移動應(yīng)用都采取了逐漸顯示加載內(nèi)容的方法，用戶可以在頁面沒有加載完所有內(nèi)容的情況下開始瀏覽。但是，這對加載策略產(chǎn)生了一定影響，設(shè)計者需要考慮優(yōu)先加載哪些內(nèi)容，以什么樣的順序加載，等等。

逐漸顯示加載頁面的做法既影響真實的等待時間(假如用戶對首先顯示的元素感興趣)，又影響用戶主觀感受到的等待時間(用戶覺得始

終在向前推進

南昌網(wǎng)站制作設(shè)計者應(yīng)該用替代品填補上尚未加載的圖像位置，這就是所謂的占位符。設(shè)計者可以填補上能反映品牌特征的占位符。

應(yīng)用程序在全部照片加載完畢之前就可以使用。因此，在圖片完全顯示之前，有必要顯示全部文字內(nèi)容。新聞題目的描述性最強，起到了決定性作用。因此，這種管理加載的方法能夠幫助用戶判斷是否點擊進入某一篇報道，閱讀詳細內(nèi)容。程序則利用用戶進行選擇的時間繼續(xù)加載圖片。

即使產(chǎn)品照片尚未加載完畢，顯示其他元素也能讓用戶產(chǎn)生不斷前進的感覺。而且頁面已經(jīng)加載了重要信息，如每個產(chǎn)品的降價情況，因此對用戶也頗有幫助。逐漸顯示加載內(nèi)容的方法不僅適用于應(yīng)用程序的內(nèi)容，也適用于其功能。設(shè)計者的戰(zhàn)略要點是：根據(jù)應(yīng)用程序的性質(zhì)，讓人機交互的核心元素在內(nèi)容之前優(yōu)先展示。無論是應(yīng)用程序還是其他類網(wǎng)絡(luò)頁面的加載，都可以依據(jù)這一原則。

在 INBOX 中， 用 戶 可 以 在 收 件 箱 尚 未 顯 示 收 到 的 郵 件 之 前 就 建 立 新 郵 件。 在FOURSQUARE 中，用戶可以在頁面中心內(nèi)容尚未加載的情況下開始使用程序。在 TAXISBLEUS 中，在地圖沒有生成前，用戶已經(jīng)可以確認出發(fā)地址了。

充實等待時間

再看看病人候診的例子：醫(yī)生經(jīng)常在候診室里擺放一些雜志，這不是沒有道理——如果病人有事可做，就不會感到等待時間太久。讓我們看看如何在等待加載的時間里，為用戶提供一點消遣。

至少，千萬別紋絲不動!

第一個技巧是動畫效果。用戶看到：有些事情正在發(fā)生!除了起到充實時間的作用之外，動畫效果能夠明確展示出頁面正在加載。用戶知道系統(tǒng)沒有死機，只需要耐心等著就行。動畫效果是最起碼的方案，也是大多數(shù)情況下采用的設(shè)計手段。另外，輔以說明文字也是業(yè)界常用的方法。但這不足以真正影響到用戶對等待時間的感覺。

無論頁面加載進程的指示圖是什么樣子，只要動起來就好!動畫效果最好配上說明文字，向用戶表明事情正在向前推進。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對廣大技人員有所幫助。原創(chuàng)文章出自:南昌網(wǎng)站制作公司-百恒網(wǎng)絡(luò)http://www.dgscpc.com如轉(zhuǎn)載請注明出處!