電子商務(wù)網(wǎng)站頁面 設(shè)計寶典 (二)

21.在元素變化時增加動態(tài)效果，取代唐突的出現(xiàn)
頁面上的元素為了符合使用者的使用情境與方式，它們有時會出現(xiàn)顯示、隱藏、移動或轉(zhuǎn)移等變化，其目的最主要就是協(xié)助使用者理解頁面的互動方式。另外，在元素的變化過程中增加一些動態(tài)效果，這是更尊重使用者的一種表現(xiàn)。怎么說呢?因?yàn)檫@些動態(tài)效果可以幫助使用者有時間理解頁面上各元素大小或是位置的變化。但是要特別注意，千萬不要讓動態(tài)效果的時間過長(最好在0.5秒以下)，因?yàn)榭赡茏尨蟛糠秩碎_始感到困擾，特別是想要快速進(jìn)行任務(wù)的使用者。

22.讓使用者逐步式體驗(yàn)產(chǎn)品，不要馬上要求注冊

與其要求訪客馬上注冊，何不先透過一些小任務(wù)來證明產(chǎn)品的價值(例如使用案例、影片或試用等方式) !藉由初步的互動，產(chǎn)品功效便可彰顯出來，也可表現(xiàn)出與他牌之差異。當(dāng)使用者體會到產(chǎn)品帶來的價值，他們更容易接受與分享你未來提供給他的訊息。所以盡可能的先讓使用者來試用你的產(chǎn)品或服務(wù)吧!逐步式參與來展示產(chǎn)品與服務(wù)的價值，才是使用者主動注冊的動機(jī)!

23.別因?yàn)榉奖銓㈨撁孀鬟^多的分割
因使用者時間有限且同一時間需注意的事情太多，網(wǎng)站怎么抓住他們的注意力就顯得相當(dāng)?shù)闹匾?。使用線框(border)來強(qiáng)調(diào)與定義不同內(nèi)容是過去常用的手法，不過因?yàn)榫哂忻黠@具體的線條，可能也會讓使用者花費(fèi)過多的專注力，特別是頁面上有多個具線框的區(qū)域時。較好的手法是，在設(shè)計之前就定義好內(nèi)容或元素之間的關(guān)系，將相似的內(nèi)容放置于同區(qū)，并透過對齊、不同的背景色或相似的風(fēng)格來排版，這樣才能有效的降低使用者認(rèn)知時的難度。
當(dāng)我們在設(shè)計頁面時，常因方便而將畫面安排為多個區(qū)塊(box)，不過有時候這些區(qū)塊僅是帶給我們頁面似乎很適合閱讀與統(tǒng)一的假像。殊不知，區(qū)塊安排不當(dāng)或過多，視覺上會趨于雜亂且不整齊。另外，頁面上安排線條可以區(qū)隔不同內(nèi)容或區(qū)域，但也可以思考另外的解決方式，例如:定義內(nèi)容視覺上的關(guān)系(例如標(biāo)題與內(nèi)文不同顏色) 或減少不必要的文字，這樣都可以減輕使用者閱讀的困難度，因而更理解網(wǎng)站內(nèi)容。

24.告訴顧客你賣給他的東西是價值

人們在選購產(chǎn)品或是服務(wù)時，考慮的不僅是需求，有時更在乎能帶給他們什么好處，而這些好處通常就是為顧客帶來價值的所在，也是讓他們甘心掏錢出來的關(guān)鍵。那人們關(guān)心的價值有哪些呢?不外乎就是愛、金錢、省時、降低壓力、避免沖突、解決難題及降低不確定性等。所以當(dāng)我們在網(wǎng)站上進(jìn)行行銷活動時，別僅是告知他們產(chǎn)品與服務(wù)的內(nèi)容，而是試著告知為顧客帶來什么好處!

25.設(shè)計系統(tǒng)在"無數(shù)據(jù)"時的頁面
設(shè)計師對于如何呈現(xiàn)數(shù)據(jù)的方式已經(jīng)相當(dāng)有經(jīng)驗(yàn)，但產(chǎn)出示意圖大多都是頁面上充滿數(shù)據(jù)的樣子，往往忽略了”無數(shù)據(jù)”狀態(tài)的設(shè)計。

當(dāng)使用者初次使用你的系統(tǒng)時，他會感到陌生與無助，此時”無數(shù)據(jù)”時的空白區(qū)域就相當(dāng)適合干些什么事情! 例如提供教學(xué)或提示，來幫助使用者跨越最初的障礙。

26.使用"可以不參加"的行銷策略
行銷上，"可以不參加(opt-out)"策略會在文案中出現(xiàn)正反向的選擇語句(你可以要也可以不要)，且通常會先替使用者勾選其中一項(xiàng)(要)；而另一種"馬上參加(opt-in)"的傳統(tǒng)策略則是僅在正向的語句中(你一定要)，提供一個可勾選的方框(check box)讓使用者進(jìn)行選擇。 (道德上，此check box應(yīng)該要預(yù)設(shè)未勾選，但目前常出現(xiàn)粗劣的行銷手段，都將預(yù)設(shè)設(shè)為勾選，常讓使用者在未注意下就答應(yīng)了)
就這兩種策略的優(yōu)劣比較來說，有兩個理由可以解釋為什么“可以不參加策略"比"馬上參加策略"更好:第一，它會減緩當(dāng)使用者不想擁有或參與時的抵抗；第二，它也是一種推薦的手法，會讓使用者產(chǎn)生"可能大家都會想要，所以我也要"的心態(tài)，進(jìn)而選擇(你的目的)。

同樣的， “可以不參加策略"有時也會使用一些較不正派的手法而被大家詬病批評，例如，減低文字的可讀性或令人混淆的語法(雙重否定句)。所以，行銷時必須維持基本的道德 (影響使用者怎么看到你的品牌)，如果你采用 “可以不參加策略"，最好還是使用清楚且易理解的方式告知系統(tǒng)預(yù)設(shè)的值是什么!

27.一致性可以避免使用者重新學(xué)習(xí)
相信大家都有聽過，Donald Norman 曾提出具備一致性(consistency)是打造良好使用性不可忽視的要素之ㄧ。頁面上具一致性可以幫助使用者更容易學(xué)習(xí)，若頁面設(shè)計破壞了這樣的原則，他們可能需要再重新學(xué)習(xí)一次。在頁面上，一致性可藉由多種方式來達(dá)成，例如顏色、方位(directions)、行為、大小、形狀、標(biāo)記或語言等。
不過，"不一致"仍具有價值，因?yàn)椴灰恢碌脑貢褂谜叩淖⒁饬?，而你可以透過這樣的手法來強(qiáng)調(diào)需突顯的內(nèi)容。

28.智能導(dǎo)入預(yù)設(shè)值，避免重復(fù)的操作
填寫表單的頁面上，將輸入框內(nèi)預(yù)設(shè)好我們設(shè)想周全的預(yù)設(shè)值，可以大量的減少使用者的操作并節(jié)省他們的時間。

另一個令人詬病的問題就是不斷的要求使用者填寫以前已經(jīng)寫過的資料。此時，若能提供系統(tǒng)設(shè)定的預(yù)設(shè)值或自動帶入之前填過的資料，再讓使用者自行判斷正確性，絕對比每次都要他們輸入”值”來的好!

29.考量使用者過去的操作習(xí)慣

維持傳統(tǒng)的操作習(xí)慣也是頁面維持一致性的手法之一。如果使用大家習(xí)以為常的頁面元素，使用者在操作時就不會有太大的障礙，且可以降低學(xué)習(xí)曲線。例如，人們已經(jīng)可以不加思索的在頁面右上角找到關(guān)閉的圖標(biāo)。當(dāng)然，新的操作圖標(biāo)或方式也許可以帶來新的氣象及流行，但在進(jìn)行大改造前，我們必須思索改變的目的與成效。

30.強(qiáng)調(diào)產(chǎn)品怎么避免顧客的損失

心理學(xué)研究指出，人們可能更傾向于避免損失，而非獲得利益。這樣的觀點(diǎn)可被應(yīng)用于產(chǎn)品的布局策略以及如何說服使用者。例如你的產(chǎn)品是維護(hù)顧客的幸福、健康、財富或社會地位，可能較有效的行銷策略是讓顧客知道，用了產(chǎn)品或服務(wù)可以避免損失，而不是強(qiáng)調(diào)可以獲得他們已經(jīng)擁有的東西。

文章題目：電子商務(wù)網(wǎng)站頁面 設(shè)計寶典 (二)
當(dāng)前路徑：http://www.muchs.cn/news/152082.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有電子商務(wù)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)