頁麵上的元素為了符合使用者的使用情境與方式，它們有時會出現顯示、隱藏、移yi動dong或huo轉zhuan移yi等deng變bian化hua，其qi目mu的de最zui主zhu要yao就jiu是shi協xie助zhu使shi用yong者zhe理li解jie頁ye麵mian的de互hu動dong方fang式shi。另ling外wai，在zai元yuan素su的de變bian化hua過guo程cheng中zhong增zeng加jia一yi些xie動dong態tai效xiao果guo，這zhe是shi更geng尊zun重zhong使shi用yong者zhe的de一yi種zhong表biao現xian。怎zen麼me說shuo呢ne?因為這些動態效果可以幫助使用者有時間理解頁麵上各元素大小或是位置的變化。但是要特別注意，千萬不要讓動態效果的時間過長(最好在0.5秒以下)，因為可能讓大部分人開始感到困擾，特別是想要快速進行任務的使用者。
22.讓使用者逐步式體驗產品，不要馬上要求注冊
與其要求訪客馬上注冊，何不先透過一些小任務來證明產品的價值(例如使用案例、影片或試用等方式) !藉ji由you初chu步bu的de互hu動dong，產chan品pin功gong效xiao便bian可ke彰zhang顯xian出chu來lai，也ye可ke表biao現xian出chu與yu他ta牌pai之zhi差cha異yi。當dang使shi用yong者zhe體ti會hui到dao產chan品pin帶dai來lai的de價jia值zhi，他ta們men更geng容rong易yi接jie受shou與yu分fen享xiang你ni未wei來lai提ti供gong給gei他ta的de訊xun息xi。所suo以yi盡jin可ke能neng的de先xian讓rang使shi用yong者zhe來lai試shi用yong你ni的de產chan品pin或huo服fu務wu吧ba!逐步式參與來展示產品與服務的價值，才是使用者主動注冊的動機!
23.別因為方便將頁麵作過多的分割
因使用者時間有限且同一時間需注意的事情太多，網站怎麼抓住他們的注意力就顯得相當的重要。使用線框(border)來lai強qiang調tiao與yu定ding義yi不bu同tong內nei容rong是shi過guo去qu常chang用yong的de手shou法fa，不bu過guo因yin為wei具ju有you明ming顯xian具ju體ti的de線xian條tiao，可ke能neng也ye會hui讓rang使shi用yong者zhe花hua費fei過guo多duo的de專zhuan注zhu力li，特te別bie是shi頁ye麵mian上shang有you多duo個ge具ju線xian框kuang的de區qu域yu時shi。較jiao好hao的de手shou法fa是shi，在zai設she計ji之zhi前qian就jiu定ding義yi好hao內nei容rong或huo元yuan素su之zhi間jian的de關guan係xi，將jiang相xiang似si的de內nei容rong放fang置zhi於yu同tong區qu，並bing透tou過guo對dui齊qi、不同的背景色或相似的風格來排版，這樣才能有效的降低使用者認知時的難度。
當我們在設計頁麵時，常因方便而將畫麵安排為多個區塊(box)，buguoyoushihouzhexiequkuaijinshidaigeiwomenyemiansihuhenshiheyueduyutongyidejiaxiang。shubuzhi，qukuaianpaibudanghuoguoduo，shijiaoshanghuiquyuzaluanqiebuzhengqi。lingwai，yemianshanganpaixiantiaokeyiqugebutongneironghuoquyu，danyekeyisikaolingwaidejiejuefangshi，liru:定義內容視覺上的關係(例如標題與內文不同顏色) 或減少不必要的文字，這樣都可以減輕使用者閱讀的困難度，因而更理解網站內容。
24.告訴顧客你賣給他的東西是價值
人ren們men在zai選xuan購gou產chan品pin或huo是shi服fu務wu時shi，考kao慮lv的de不bu僅jin是shi需xu求qiu，有you時shi更geng在zai乎hu能neng帶dai給gei他ta們men什shen麼me好hao處chu，而er這zhe些xie好hao處chu通tong常chang就jiu是shi為wei顧gu客ke帶dai來lai價jia值zhi的de所suo在zai，也ye是shi讓rang他ta們men甘gan心xin掏tao錢qian出chu來lai的de關guan鍵jian。那na人ren們men關guan心xin的de價jia值zhi有you哪na些xie呢ne?不外乎就是愛、金錢、省時、降低壓力、避免衝突、解(jie)決(jue)難(nan)題(ti)及(ji)降(jiang)低(di)不(bu)確(que)定(ding)性(xing)等(deng)。所(suo)以(yi)當(dang)我(wo)們(men)在(zai)網(wang)站(zhan)上(shang)進(jin)行(xing)行(xing)銷(xiao)活(huo)動(dong)時(shi)，別(bie)僅(jin)是(shi)告(gao)知(zhi)他(ta)們(men)產(chan)品(pin)與(yu)服(fu)務(wu)的(de)內(nei)容(rong)，而(er)是(shi)試(shi)著(zhe)告(gao)知(zhi)為(wei)顧(gu)客(ke)帶(dai)來(lai)什(shen)麼(me)好(hao)處(chu)!
25.設計係統在"無數據"時的頁麵
設計師對於如何呈現數據的方式已經相當有經驗，但產出示意圖大多都是頁麵上充滿數據的樣子，往往忽略了”無數據”狀態的設計。
當使用者初次使用你的係統時，他會感到陌生與無助，此時”無數據”時的空白區域就相當適合幹些什麼事情! 例如提供教學或提示，來幫助使用者跨越最初的障礙。
26.使用"可以不參加"的行銷策略
行銷上，"可以不參加(opt-out)"策略會在文案中出現正反向的選擇語句(你可以要也可以不要)，且通常會先替使用者勾選其中一項(要)；而另一種"馬上參加(opt-in)"的傳統策略則是僅在正向的語句中(你一定要)，提供一個可勾選的方框(check box)讓使用者進行選擇。 (道德上，此check box應該要預設未勾選，但目前常出現粗劣的行銷手段，都將預設設為勾選，常讓使用者在未注意下就答應了)
就這兩種策略的優劣比較來說，有兩個理由可以解釋為什麼“可以不參加策略"比"馬上參加策略"更好:第一，它會減緩當使用者不想擁有或參與時的抵抗；第二，它也是一種推薦的手法，會讓使用者產生"可能大家都會想要，所以我也要"的心態，進而選擇(你的目的)。
同樣的， “可以不參加策略"有時也會使用一些較不正派的手法而被大家詬病批評，例如，減低文字的可讀性或令人混淆的語法(雙重否定句)。所以，行銷時必須維持基本的道德 (影響使用者怎麼看到你的品牌)，如果你采用 “可以不參加策略"，最好還是使用清楚且易理解的方式告知係統預設的值是什麼!
27.一致性可以避免使用者重新學習
相信大家都有聽過，Donald Norman 曾提出具備一致性(consistency)是打造良好使用性不可忽視的要素之ㄧ。頁(ye)麵(mian)上(shang)具(ju)一(yi)致(zhi)性(xing)可(ke)以(yi)幫(bang)助(zhu)使(shi)用(yong)者(zhe)更(geng)容(rong)易(yi)學(xue)習(xi)，若(ruo)頁(ye)麵(mian)設(she)計(ji)破(po)壞(huai)了(le)這(zhe)樣(yang)的(de)原(yuan)則(ze)，他(ta)們(men)可(ke)能(neng)需(xu)要(yao)再(zai)重(zhong)新(xin)學(xue)習(xi)一(yi)次(ci)。在(zai)頁(ye)麵(mian)上(shang)，一(yi)致(zhi)性(xing)可(ke)藉(ji)由(you)多(duo)種(zhong)方(fang)式(shi)來(lai)達(da)成(cheng)，例(li)如(ru)顏(yan)色(se)、方位(directions)、行為、大小、形狀、標記或語言等。
不過，"不一致"仍具有價值，因為不一致的元素會吸引使用者的注意力，而你可以透過這樣的手法來強調需突顯的內容。
28.智能導入預設值，避免重複的操作
填寫表單的頁麵上，將輸入框內預設好我們設想周全的預設值，可以大量的減少使用者的操作並節省他們的時間。
另(ling)一(yi)個(ge)令(ling)人(ren)詬(gou)病(bing)的(de)問(wen)題(ti)就(jiu)是(shi)不(bu)斷(duan)的(de)要(yao)求(qiu)使(shi)用(yong)者(zhe)填(tian)寫(xie)以(yi)前(qian)已(yi)經(jing)寫(xie)過(guo)的(de)資(zi)料(liao)。此(ci)時(shi)，若(ruo)能(neng)提(ti)供(gong)係(xi)統(tong)設(she)定(ding)的(de)預(yu)設(she)值(zhi)或(huo)自(zi)動(dong)帶(dai)入(ru)之(zhi)前(qian)填(tian)過(guo)的(de)資(zi)料(liao)，再(zai)讓(rang)使(shi)用(yong)者(zhe)自(zi)行(xing)判(pan)斷(duan)正(zheng)確(que)性(xing)，絕(jue)對(dui)比(bi)每(mei)次(ci)都(dou)要(yao)他(ta)們(men)輸(shu)入(ru)”值”來的好!
29.考量使用者過去的操作習慣
weichichuantongdecaozuoxiguanyeshiyemianweichiyizhixingdeshoufazhiyi。ruguoshiyongdajiaxiyiweichangdeyemianyuansu，shiyongzhezaicaozuoshijiubuhuiyoutaidadezhangai，qiekeyijiangdixuexiquxian。liru，renmenyijingkeyibujiasisuodezaiyemianyoushangjiaozhaodaoguanbidetubiao。dangran，xindecaozuotubiaohuofangshiyexukeyidailaixindeqixiangjiliuxing，danzaijinxingdagaizaoqian，womenbixusisuogaibiandemudeyuchengxiao。
30.強調產品怎麼避免顧客的損失
心(xin)理(li)學(xue)研(yan)究(jiu)指(zhi)出(chu)，人(ren)們(men)可(ke)能(neng)更(geng)傾(qing)向(xiang)於(yu)避(bi)免(mian)損(sun)失(shi)，而(er)非(fei)獲(huo)得(de)利(li)益(yi)。這(zhe)樣(yang)的(de)觀(guan)點(dian)可(ke)被(bei)應(ying)用(yong)於(yu)產(chan)品(pin)的(de)布(bu)局(ju)策(ce)略(lve)以(yi)及(ji)如(ru)何(he)說(shuo)服(fu)使(shi)用(yong)者(zhe)。例(li)如(ru)你(ni)的(de)產(chan)品(pin)是(shi)維(wei)護(hu)顧(gu)客(ke)的(de)幸(xing)福(fu)、健康、財富或社會地位，可能較有效的行銷策略是讓顧客知道，用了產品或服務可以避免損失，而不是強調可以獲得他們已經擁有的東西。
電子商務網站頁麵 設計寶典 (三)
電子商務網站頁麵 設計寶典 (二)
電子商務網站頁麵 設計寶典 (一)
