在 web 空前繁榮的今天,有關 web 設計中的各種觀點很多會成為話題,有的很快達成一致,有的則一直爭議下去,本文講述 web 設計中的 5 大經典爭議,這些爭議從它們誕生的那天起,就被正反兩方爭得不亦樂乎。
外部鏈結應該始終從新視窗開啟,當你瀏覽乙個站點的時候,點選了乙個鏈結,卻被帶到另外乙個站點,你在這個站點的會話也因此丟失,這實在令人惱怒。因此,站點內的鏈結可以在現有視窗開啟,而站點外鏈結則應該在新視窗開啟。
反方:作為 web 設計師,我們不該控制使用者的行為,乙個鏈結是否在新視窗開啟,應該是使用者自己的選擇。剝奪使用者的控制權,在使用者的桌面上開啟一堆視窗或標籤,這才是真正讓人惱怒的事。如果使用者想開啟新視窗,他們可以自己選擇,而對非熟練使用者,新視窗讓他們丟失了後退按鈕更讓他們無所適從。
和事佬:
總體來講,應該避免使用新視窗開啟鏈結,但在某些場合,如開啟購物車中的幫助鏈結,開啟乙個非 html 檔案(如 pdf 檔案),應該使用新視窗。為了提高易用性,最好在需要開啟新視窗的地方,用乙個小圖示提示一下。
事實證明,click here 比描述性的鏈結更容易獲得點選,因此應該使用該詞彙以獲得更好的點選率。
反方:click here 一類的鏈結損害 web 的易用性,使用者在點選之前,只能通過周圍的上下文關係猜測這個鏈結是做什麼的。quality guidelines 建議,任何鏈結文字都應該明確描述該鏈結的目的。
和事佬:
為了提高站點的易用性,可訪問性和 seo 效能,應該始終使用描述性鏈結。很有趣聽到有人說 click here 比描述性鏈結可以獲得更多點選率,不知道那些點選進來的人是不是看兩眼就離開了。
如果你僅僅想把乙個詞設為粗體,而這個詞並沒有強調表示重要的意思,應該使用 b 標籤,不該用 strong 標籤,讀屏軟體對 b 和i 標籤有不同的發音,而 html5 規範中仍包含這兩個標籤。
反方:
這兩個標籤的作用是將文字設定為粗體或斜體,從語義角度看,任何裝飾性的東西都應該使用 css 實現,如果要強調乙個詞語,應該使用 strong 或 em 標籤。
和事佬:
b 和 i 標籤不應該用於修飾文字的式樣,這些視覺的修飾應該交由 css 處理。如果要強調乙個詞彙或語句,應該使用 strong 或 em 標籤。只有在那些沒有別的標籤可用的場合,才可以考慮 b 和 i 。
正方:
logo 不應包圍在標題標籤中,標題標籤應該包含這個頁面的標題或描述性內容,這是 seo 的最佳方式,否則,站點中的每個頁的標題豈不是全變成公司名字了?
反方:
乙個站點最明顯的標誌是它的 logo, 而 h1 是乙個頁面最頂級的標題,將 logo 包圍其中很自然,這樣,即使沒有 css 人們也很容易該明白這個頁面的結構。
和事佬:
標題標籤的作用是描述內容的層級結構,如果乙個站點有乙個描述站點內容的標題,應該放在 h1 中,否則,第二級結構或描述性的物件,就是 logo。
正方:
ie6 現在仍占有 10% 的市場份額(在國內更高-譯者注),因此,**毫無疑問應該支援 ie6。世界上仍然有很多公司的系統仍需使用 ie6 訪問,另外,還有很多人根本不知道怎麼公升級他們的瀏覽器。
反方:和事佬:
ie6 毫無疑問在衰退,隨著大公司對它的拋棄,它的死亡可能來得比預期還快,是否支援 ie6 要看的具體情況,可以考慮為 ie6 使用者提供最基本的頁面格式,而不必為它掙扎。(木工機械網)
Web 設計中的 5 個最具爭議性的話題
在 web 空前繁榮的今天,有關 web 設計中的各種觀點很多會成為話題,有的很快達成一致,有的則一直爭議下去,本文講述 web 設計中的 5 大經典爭議,這些爭議從它們誕生的那天起,就被正反兩方爭得不亦樂乎。正方 外部鏈結應該始終從新視窗開啟,當你瀏覽乙個站點的時候,點選了乙個鏈結,卻被帶到另外乙...
5個改進web表單設計的建議
最為常見的資訊收集表單,卻最容易忽視它的體驗。對於設計師而言,如何設計出乙個體驗優秀的表單?我總結了這 5 大策略 填寫流程與問題設計 1.足夠精簡的填寫流程 想讓使用者不設防 還不被打斷填寫完資訊,填寫流程就需要足夠精簡,才能讓使用者順暢地完成資訊採集,同時需要確保產品所有表單頁面操作的一致性。你...
產品主流程設計中容易出現的乙個爭議
最近在做乙個新產品,其主流程是 使用者來建立乙個廣告計畫,過程中,需要設定廣告計畫的基本引數 預算 投放時段 計畫投放的廣告牌等,然後完成付款。從上面的描述來看,這個主流程其實很簡單,無非是乙個表單,但是在實際的設計過程中,會有乙個問題 廣告牌怎麼處理。在國內做過廣告產品的人應該知道,作為廣告的投放...