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

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

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

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

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

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

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

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

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

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

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

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

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

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

維持傳統(tǒng)的操作習(xí)慣也是頁面維持一致性的手法之一。如果使用大家習(xí)以為常的頁面元素，使用者在操作時(shí)就不會(huì)有太大的障礙，且可以降低學(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ù)顧客的幸福、健康、財(cái)富或社會(huì)地位，可能較有效的行銷策略是讓顧客知道，用了產(chǎn)品或服務(wù)可以避免損失，而不是強(qiáng)調(diào)可以獲得他們已經(jīng)擁有的東西。

文章名稱：電子商務(wù)網(wǎng)站頁面 設(shè)計(jì)寶典 (二)
網(wǎng)頁地址：http://www.rwnh.cn/news32/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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)