網頁設計:當標題不能顯示完整的時候

來源:互聯網
上載者:User

今天剛看到ChinaUI.com新改版的網站,覺得優艾網是越來越漂亮了,這次的變化的確是挺大的。一早大概的看了一下就關了,後來晚上又開啟看時發現個問題。也就是標題因為設計的寬度問題所以沒有顯示全,看樣子是使用程式來截字的。我想很多網站都遇到這樣的情況。為了視覺效果不得不進行截字顯示以滿足網站的整體視覺效果。通常我們採用截字的方法是兩種,一種是通過後台輸出時來事先設定一定的字元數量。另一種是通過CSS或是JS來對已經輸出的完整的內容進行視覺剪截。

在網頁標準沒有興起的時候基本上是採用第一種方式來解決這個問題,直到現在這種方式依然被廣泛地使用著。這種方式的好處就是可以準確的剪截字數,而不足可能就是因為剪截的工作在後台已經完成,所以輸出的內容是殘缺的。而第二種是通過CSS或是JS做出的一種障眼法。把一定長度以外的內容隱藏掉。以達到需要的視覺效果,好處就是他可以保留完整的資料內容,不足之處可能是非IE瀏覽器截的字並不完美。比如Firefox常常會有截半個字的尷尬現象。

我想提出的問題是:"標題的不完整是否會影響使用者的點擊動機?"我鬥膽提出這樣的論斷:標題的不完整將在很大層度上影響使用者是否會點擊該條資訊的動機。我們這裡就用優艾網中的一條新聞標題來作分析。網站中有這樣一條新聞標題"美國發明使用者介面新技術 對著吹",這是一句被機械性截掉的標題。面對這樣的標題我們的好奇心是否被勾引起來,當然有可能。但是我們的理解可能是這樣的:"美國發明了使用者介面的新技術,對著吹……這是個打假新聞。可能是兩家公司在吹牛。"如果是這樣那麼這種八卦的新聞我就沒興趣了。然而這個完整的標題應該是:"美國發明使用者介面新技術 對著吹氣就能操作電腦"對於這樣的標題我就比較有興趣,我想知道這個吹氣為什麼就能操作電腦呢,這是我從來沒想到過的事。這樣我就會有極大的興趣去點擊查看這條新聞。我們可以比較發現,其實最容易勾起我們好奇心的其實是"吹氣操作"。這是新技術的核心。也是這個新聞的核心內容。

當然有時候截字是必需的,否則整個網站就會顯得很雜亂。那麼現在一般的解決方案就是在連結上加入"title"屬性。遇到這種語義不清楚的標題時我通常是滑鼠移至上方查看提示區中的文字以獲得比較完整的標題資訊。從而完成我是否點擊該新聞的判斷。但是可惜的是優艾網標題連結中的title屬性與標題內容是一樣的,如此一來title屬性的意義大減。

我們在設計的時候當然是儘可能的把標題顯示完整,如果因為特需原因沒辦法顯示完整的時候要儘可能的使title屬性是完整的。還有雖然CSS的截字在Firefox中是有缺陷的,但是我還是覺得截字的事應該由CSS來完成。至少這樣我們可以得到一個完整的HTML資訊文檔。當無CSS的時候至少我們同樣可以看得到完整的資訊內容。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。