第12部分(第3/4 頁)
上URL,會讓使用者知道他們開啟了正確的網頁。
整個網站導航計劃在螢幕的頂端最有效;這可以向訪客展示網站的總體佈局,也可做為備份檔案,確保您的獨特價值主張清晰突出。
賈爾德?斯普爾德使用者介面工程小組發現,使用者的目光最終要落在螢幕的中心位置,然後左右來回移動,不管是新使用者還是老使用者都這樣。當使用者尋找其他附加資訊時,她的目光不僅在螢幕中心,而且注視著某個區域。這個小組還發現使用者常常忽略螢幕底端的資訊,好像和正確區域外圍資訊進行互動。(人們使用垂直捲軸時連看都不看它一眼!)
很顯然,螢幕中心的位置是黃金地段,是“活躍視窗”,成敗皆在於此。這是訪客有意識地與您互動的第一個地方,當他們的視線從最初瀏覽的地方回來時,您希望網站的內容能吸引他們,推動他們進入轉換過程。如果網頁上有什麼東西分散了訪客的注意力或使他們離開中心區域,就不太可能使他們留下來。如果您已經學習了斯坦福-波因特(網上目光首先投向文字)這一課,您會明白文字要比圖片重要。
第二章 構建(26)
即使使用者還在中心區域,他們也同時注意著外圍的右方區域。這個區域是個寶貴的空間,可以透過保證、信譽、推薦書向使用者傳達對產品的信心,行動召喚在此也很有效。一個“訂閱公司快訊”是很好的例子。看看亞馬遜公司是怎樣做的,他們把“加入購物車”和“只按一下”固定於右上方,下邊是“新增到願望列表”按鈕。這樣使用者準備購買時就知道產品儲存在哪兒。
使用眼睛追蹤的知識,我們知道了業務的大概順序:首先,使訪客適應;其次,使用活動視窗保持其注意力,說服他們轉變為購買者(或訂閱者,或您的其他目標)。網站的其他位置當然也同樣重要,但是訪客就是不理會。
知道了人們怎樣瀏覽網頁,您就能佈置好網頁的模板,訪客就能以最好的參與方式在期望的位置找到需要的資訊。您可以用這些資訊滿足顧客需求,同時提高轉換率。
3。 圖解模型
選擇好合適的草圖之後,開始在Photoshop、Illustrator、Freehand、Visio或其他您喜愛的軟體中進行編輯。這是製作故事板的第一部分,製作故事板也是開始美學設計的地方。畢竟,在斯坦福大學的勸導技術實驗室的研究中,近半數的消費者()認為網站的信譽首先基於視覺設計的吸引力程度。
設計圖解模型時,要牢記網站是個互動勸導工具,不是營銷部門華而不實的東西。需要設計的三個原因:
(1)喚起顧客的記憶與影象和您的品牌的聯想。
(2)使您看起來更專業。
(3)幫助網站說服顧客更有效。
每個圖片、設計都會幫助顧客更加信任您的公司、產品或服務嗎?對說服顧客有用嗎?
設計師很討厭受約束,但是對轉換設計的錯誤觀念比比皆是,很多這樣的觀念都被認為是“最佳實踐方法”。一旦設計師知道了真正有效並無約束的轉換設計,他們會接受的。這是設計師在圖解模型階段應該遵循的一些基本準則:
停止不連貫的設計
很多網站有醒目的頁面,它們看起來“很好”或似乎都是“為了品牌”。但是醒目頁面與別的頁面的觀感不同,會使訪客失去方向,還會影響處於購買衝動中的顧客的心情。醒目頁面是顧客取得有關資訊的障礙,常常被誤用,要求訪客選擇路徑,而路徑的選擇由資訊建構管理倒比較好。
許多網站的結算過程的觀感與其他網頁不同(這與很多託管解決方案同時發生)。但它對去除無關的導航系統有用處,改變設計的一致性,購買過程也隨之改變,這樣可以讓人感到驚訝。
對比
一個影象有兩種選擇,可以新增到網頁頁面上增加感知價值,也可以很顯眼,以便帶領潛在顧客走到您希望的方向。您怎樣設計來勸說訪客如您所願的行動?對比!對比會使顧客的目光投向您希望的地方。它直觀地告訴訪客下一步是什麼。在《寫給大家的平面設計書》中,羅伊?威廉姆斯寫道:
讀者從來就不應該思考網頁上到底發生了什麼—焦點、組織材料、目的、資訊流動,所有這些應該看一眼就能分辨出來,同時,這與美化網頁也不衝突。
威廉姆斯列舉了六個對比專案:
(1)大小:大vs。小
(2)重量:重vs。輕
(
本章未完,點選下一頁繼續。