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

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

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

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

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

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

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

漸進(jìn)式頁面骨架

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

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

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

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

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

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

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

終在向前推進(jìn)

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

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

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

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

充實(shí)等待時(shí)間

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

至少，千萬別紋絲不動(dòng)!

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

無論頁面加載進(jìn)程的指示圖是什么樣子，只要?jiǎng)悠饋砭秃?動(dòng)畫效果最好配上說明文字，向用戶表明事情正在向前推進(jìn)。

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