模仿頁面結構
用戶進入程序后會覺得等待時間縮短,既然如此,南昌網站制作公司的設計者大可在這方面做些文章,讓用戶感覺在不斷推進。關鍵在于:利用包含程序各項結構元素的頁面“骨架”。頁面骨架還不是程序本身,只是相似而已!蘋果公司的產品指南建議使用類似的“空心”頁面。
需要強調的是,這種方法的主要目的是改變用戶對時間長度的主觀感受,而不是真的縮短時間。
第一張圖是應用程序的頁面骨架,在登錄時展示給用戶。第二張圖是進入應用程序后的頁面。兩張圖非常相似,用戶在看到第一張圖的一瞬間以為自己已經進入了程序。
對比頁面骨架時,很難說清楚哪個頁面骨架屬于哪個應用程序。這不重要!
用戶在腦海中存有印象,知道點擊哪個按鈕可以進入應用程序,使用目的也不會忘記。
根據不同的顯示模式,頁面骨架多多少少會展示出來,也會或多或少告知用戶頁面正在加載。
漸進式頁面骨架
設計者可以使用同樣的技巧逐漸顯示程序頁面的結構元素,給用戶逐漸推進的感覺。
頁面骨架逐漸呈現,用戶感覺正一步步慢慢進入程序。用戶雖然在等待,但感覺互動流程沒有中斷過。
標志性頁面骨架
設計者在頁面骨架上加入一點程序的專屬標志,讓等待的時間更加個性化。設計者經常將品牌的顏色用于等待頁面上。(參見前面的例子)在不與頁面骨架的整體設計策略相沖突的條件下,設計者還可以把品牌標志巧妙地放在等待頁面上。
逐漸顯示加載內容
讓內容隨著頁面加載逐漸顯示出來,這樣既能縮短用戶感覺到的等待時間長度,又能縮短真實的等待時間。其實,很多移動應用都采取了逐漸顯示加載內容的方法,用戶可以在頁面沒有加載完所有內容的情況下開始瀏覽。但是,這對加載策略產生了一定影響,設計者需要考慮優(yōu)先加載哪些內容,以什么樣的順序加載,等等。
逐漸顯示加載頁面的做法既影響真實的等待時間(假如用戶對首先顯示的元素感興趣),又影響用戶主觀感受到的等待時間(用戶覺得始
終在向前推進
南昌網站制作設計者應該用替代品填補上尚未加載的圖像位置,這就是所謂的占位符。設計者可以填補上能反映品牌特征的占位符。
應用程序在全部照片加載完畢之前就可以使用。因此,在圖片完全顯示之前,有必要顯示全部文字內容。新聞題目的描述性最強,起到了決定性作用。因此,這種管理加載的方法能夠幫助用戶判斷是否點擊進入某一篇報道,閱讀詳細內容。程序則利用用戶進行選擇的時間繼續(xù)加載圖片。
即使產品照片尚未加載完畢,顯示其他元素也能讓用戶產生不斷前進的感覺。而且頁面已經加載了重要信息,如每個產品的降價情況,因此對用戶也頗有幫助。逐漸顯示加載內容的方法不僅適用于應用程序的內容,也適用于其功能。設計者的戰(zhàn)略要點是:根據應用程序的性質,讓人機交互的核心元素在內容之前優(yōu)先展示。無論是應用程序還是其他類網絡頁面的加載,都可以依據這一原則。
在 INBOX 中, 用 戶 可 以 在 收 件 箱 尚 未 顯 示 收 到 的 郵 件 之 前 就 建 立 新 郵 件。 在FOURSQUARE 中,用戶可以在頁面中心內容尚未加載的情況下開始使用程序。在 TAXISBLEUS 中,在地圖沒有生成前,用戶已經可以確認出發(fā)地址了。
充實等待時間
再看看病人候診的例子:醫(yī)生經常在候診室里擺放一些雜志,這不是沒有道理——如果病人有事可做,就不會感到等待時間太久。讓我們看看如何在等待加載的時間里,為用戶提供一點消遣。
至少,千萬別紋絲不動!
第一個技巧是動畫效果。用戶看到:有些事情正在發(fā)生!除了起到充實時間的作用之外,動畫效果能夠明確展示出頁面正在加載。用戶知道系統(tǒng)沒有死機,只需要耐心等著就行。動畫效果是最起碼的方案,也是大多數情況下采用的設計手段。另外,輔以說明文字也是業(yè)界常用的方法。但這不足以真正影響到用戶對等待時間的感覺。
無論頁面加載進程的指示圖是什么樣子,只要動起來就好!動畫效果最好配上說明文字,向用戶表明事情正在向前推進。
本文僅限內部技術人員學習交流,不得作于其他商業(yè)用途.希望此文對廣大技人員有所幫助。原創(chuàng)文章出自:南昌網站制作公司-百恒網絡http://m.gimmickmag.com如轉載請注明出處!