網頁設計是一門很深的學問，因為你不但要去分析目標訪客、針對目標訪客做設計優化，還要考量到訪客在瀏覽時的方便度，就是用戶介面(UI)的設計要好。但是常常看到很多網頁的設計是充滿著不良的地方，慢慢的才會發現訪客默默的流失掉，因為你的網頁不夠親民、夠擾民。設計常犯的錯誤就是自以為設計的很便利操作，會這麼說的原因是因為你專業，那訪客呢？有你專業？
這次Yuxin就直接切入正題，一一舉例。另外，整個大綱來自這裡，經過大篇幅的翻譯與改寫。另外這些要點有些是常識，有些頗富爭議也歡迎討論。
1.「秒殺」所有看你網站的訪客
很多網站經常在介面上拐彎抹角，加入一堆奇奇怪怪的元素在裡頭，拜託，不是每個訪客都這麼聰明知道你這頁面的重點在哪裡。所以，請你在設計網頁的時候把主要內容部分放的最顯眼，就像香腸一樣。要是你不能馬上讓訪客知道這個網頁在做什麼，是我的話會直接關掉網頁。
2.網站內容要言簡意賅，勿長篇大論
請記住訪客在看的是網頁，不是書。如果你想告訴訪客很多東西，想讓自己紅寫一堆資料分享，那我會建議你做成電子書讓訪客打包下載就好，沒必要放在網頁上。人的耐性並沒有你想像的那麼長，看累了自然就結束了。
3.字體別太雜，別搞藝術自以為很美觀
一個網頁上要有字體變化是正確無誤的，但是請不要使用雜七雜八亂的字體，排版也要清楚。你要知道，會來你的網頁都是因為你網頁中的內容，所以你應該要讓文字內容觀看舒適、別傷訪客眼睛。
4.承上一點，字別太小，要適中到最舒服的大小
請你明白這世界上近視、老花眼的很人多，請盡量不要使用小的字體，保持閱讀的舒適度。像滿多人的網誌字的大小都是15px，重灌狂人是1.1em、電腦玩物是16px（也有些是13px小號的字，看起來或許比較可愛吧，但是不是很建議就是。）。
5.不要使用target=”_blank”，不打開網頁在新的視窗
這點原文作者寫的不錯，我翻譯過來他是說：「如果訪客點一個連結讓他打開在新的視窗，你認為這樣訪客就不會離開你的網站。錯！要讓訪客自己決定想看什麼。甚至於為什麼瀏覽器會有上一頁的按鈕。不用擔心訪客跑去另一個網站了，他想要的話他一定會回來。」
這個論點有滿大的參考價值，對於大部分的人來說應該是這樣子沒錯，他想看的話的確會按上一頁回來，不要擔心訪客跑掉，如果你的外部連接不錯，可能訪客還會對你的網站印像加分，因為提供的他都想要。（不過我就是異類，每次點連結都會按著ctrl點，打開新分頁再看XD。
6.盡量減少使用CSS Hack
雖然CSS Hack能夠幫助你在製作網頁時某些效果的顯示，但是它並不是符合規範的一個動作。所以能讓不同瀏覽器相容的最好辦法：用最簡單、正確的程式碼。把程式碼簡化會有某種層面的減少不相容問題產生，就不需要用到CSS Hack了。真正的網頁設計應該保持相容性，而不是叫訪客把瀏覽器更新到最新版本，例如要你更新到IE9。不這麼做你可能會失去某些訪客，就算你不願意還是要做相容性的檢查。
7.沒有必要，千萬別叫訪客註冊
註冊對許多人來說是非常非常麻煩的事情，註冊代表對方會拿到你的資料，會有不好的感覺。重點是，訪客到你的網站來是需要看你網站的內容，不是來註冊的，如果需要註冊才能看的內容，我通常選擇不看，除非內容精華到極點。
8.承上點，如果註冊了，不要發垃圾訊息
如果你的網站是需要註冊類型的網站，請不要太頻繁的發郵件、edm等等，頻率要控制，否則當用戶收到很多沒有太大用處的郵件時，對你網站的印象會大大減分。
9.不要過度使用Flash動畫
Flash在網頁中的應用已經越來越少了，要做效果通常都改用jQuery來製作。另外，如果你要的效果一定要用Flash的話，請不要在旁邊有一直動來動去的東西，或是過多的效果，或許很炫，但這些都會造成使用者的不便利。
10.不要在網頁中嵌入背景音樂
許多新手在初接觸網頁設計時，都會以為在網頁中嵌入音樂會讓網頁質感很高。這不對，播放音樂並沒有比較好，個人感覺會很煩躁、無法靜下心來閱讀文章，很吵。如果一堆網站都這樣做，真的會被吵死。
11.不要讓影音自動撥放
如果你需要在網頁中嵌入影片、音樂盒的話，請不要讓它自動撥放，一定要有一個播放鍵，點下才撥放。（自動撥放真的很煩，特別是還沒有停止鍵的）
12.別自以為很厲害，別太招搖
請不要在網站側邊欄或內文（尤其是首頁）中放一堆得獎事蹟、認證。這些東西不是訪客想看的，而且會讓你的網站看起來不專業。這些事蹟盡量放在「關於我們」的分頁就好，每頁都顯示請減少到最少。
13.網站勿複雜、複雜則無法成大事
請你使用最少、最簡便的步驟讓訪客看到你網頁的內容，不需要在首頁載入前還先有一個Flash影片特效。訪客需要的是網站的內容，在網站剛起步時請直接讓訪客看到重要的內容，不要使用在進去首頁前特別用「點此進入」再來進去首頁。
14.一定要留下聯絡方式
沒有留下聯絡方式的網頁幾乎等於在做白工，沒辦法幫你增加一分人氣、一分知名度。這不僅對自己不利，更對訪客不利，你可能因此失去許多機會。
15.不要讓上一頁鍵失效
這與第5點相同的道理，就目前的習慣大家還是按上一頁為主要，當你使用打開新窗口瀏覽網頁，你就犯了這個錯誤。同樣的，不要使用Javascript把一些功能給封鎖掉，這只能防君子，不能防小人，而君子，它必定會遵照你網頁的授權來走。
16.不要使用一閃一閃的文字
請不要使用閃來閃去的文字，這看起來很不舒服。
17.不要使用太複雜的網址結構
比較好的網址是包含易記憶的關鍵字，而網址後方的目錄也不要過度複雜，凸顯出關鍵字比較好。太長不僅對SEO不利、網址太長看起來也很奇怪。
18.使用CSS+DIV取代HTML畫表格(table)、使用CSS定義樣式
如果你要學網頁設計我會建議你HTML和CSS一定要一起學，使用HTML畫table框架的模式已經非常非常非常落伍了(幾年前的網頁很多是這樣做)。CSS比HTML的功能更多、更便利、更容易分析整個網頁的佈局。強調一次，不要使用HTML畫table框架。
19.請留意SEO(搜尋引擎優化)，但不要過度操作
這個時代，已經沒有人在記你的網址打你的網址了，大家都使用Google來查資料，所以當你在製作網頁時，請留意網頁的meta標籤，是否讓搜尋引擎Google對你的網站微笑。
20.少用不明顯的下拉菜單
沒錯，盡量讓訪客第一眼就能看到你網頁的所有資訊，不要拐彎抹角，使用超多層下拉式菜單自己為很漂亮，實際上，又有多少人會去實際看一次你的下拉菜單的每一個文字呢？如果要使用下拉菜單，最好在旁邊加個小圖示讓訪客看到這是下拉式的。
全文
原文網站:
相關系列文章：
喜歡本文🔔按讚或分享
沒有留言:
張貼留言