web標籤設計

2022-10-05 09:33:17 字數 2136 閱讀 1722

一、為何要關心web標籤

這周每天下午都會花點時間看**的日誌,**日誌記錄了使用者在瀏覽**的行為軌跡,不是每一家公司都能邀請使用者進行測試和訪談,所以**日誌是運營者和設計者了解使用者的乙個重要途徑。

在使用者的搜尋日誌裡,發現很多使用者不去使用我們設計的標籤,通常在外部搜尋引擎裡輸入相關內容,搜尋引擎匹配後,又回到了我們的頁面,反反覆覆的瀏覽著我們的頁面,如一位使用者預定了周莊景區門票,但他又想了解周莊的酒店,我們在景區產品頁面中已呈現了酒店入口,但使用者卻在搜尋框裡輸入周莊住宿,有時候甚至跳到外部搜尋引擎中搜尋,還好我們有強大的seo團隊,最後又把使用者引導回了**,這裡我們的標籤沒有被使用者認知,使用者不清楚我們的標籤所傳達的意義,那標籤在**中到底起什麼作用呢?

標籤是簡化**的乙個重要辦法,它代表**的很多資訊,目的是引導使用者快速無障礙的瀏覽**。例如「關於我們」就是一種標籤,代表一大塊內容,包括公司資訊、位址、聯絡**和傳真等,使用者看見「關於我們」就能明白此標籤後面所呈現的內容。

最近我也在關注**的資訊架構,標籤是資訊架構重要的一部分,結合著**的日誌分析整理下關於web標籤設計的一些想法。

二、標籤分類

其實我們每個人都是標籤設計師,我們每天為自己或為別人做著各種各樣標籤,qq資料有乙個好友印象的功能,你能為你的好友新增各種標籤;現在比較火的微薄也有給自己新增標籤的功能,flickr的程式設計客棧上傳者可以為每張新增標籤,方便了其他使用者來搜尋檢視,目前網上最大的書籤類站點delicious也越來越受到網際網路好友的歡迎。一般**的標籤面向的是全體使用者,絕大多數使用者能理解的標籤才是好的標籤,**標籤大概分為以下四種: 導航標籤、標題標籤、情境標籤和索引標籤。

導航標籤很好理解,就是**的導航條,一般我們進入**,首先看的就是**的導航,導航能夠讓使用者明白**的大體架構,例如,同程網是十一級導航標籤,對應著「首頁」、「六大旅遊產品」和「三大輔助產品」。

標題標籤是一大塊資訊的描述,有時候使用者在瀏覽我們**的時候只是掃一眼,並不想花太多的時間來檢視,標題標籤需要分級,不同的級別應在視覺上呈現不同的效果,如同程知道右邊欄問題分類是一級標題標籤,對應下面的「吃」、「住」、「行」、「遊」、「購」等二級標題標籤。

情境標籤是一種特殊的標籤,顧名思義是依據情境而產生的標籤,如果整個**和內容能夠營造出一種使用者使用情境,那這個標籤就是乙個成功的標籤,否則不同的使用者有不同的理解,就像之前提到的qq好友印象標籤,當使用者看到這些標籤的時候,在聯絡其在生活中的種種表現,就能直觀的了解這個人的性格及喜好,部落格類**通常也會才用情境式標籤,因為大多數使用者都是好朋友,相互之間比較熟悉,標籤可以設計的模糊一些充滿神秘感,**適當的使用情境標籤可以增加**的趣味性。

索引標籤時常被叫著元關鍵詞,能夠簡單準確的匹配,使用者也容易理解索引標籤所代表的意義。最簡單的索引標籤是採用英文本母,由英文本母匹配相關資訊。

三、標籤設計

如何設計和建立**的標籤呢,記得當初在設計自己的**的時候一直很糾結標籤,參考了好多相關**,最後結合了自己的內容才定下來三個導航標籤,其實標籤設計有兩個重要**,分別是內容和使用者。

內容內容為王,標籤可以直接來自**的內容分析,你可以選擇**中有代表性的內容,就像我們寫文章一樣,有題目、關鍵詞和摘要,這些都能形成標籤,關鍵是如何找到具有代表性的內容,標籤設計是一項痛苦而漫長的過程,需要付出很多努力,有時靈感閃現的時候才能獲得乙個可用的標籤,有人說標籤設計是乙個藝術性的工作。

分析內容的同時,你可以去找內容的提供者或作者,要求作者對他的內容建議標籤,因為作者對他們的內容非常熟悉,作者提供的標籤可能是最有用的,很多公司**的內容都是市場部的同學在負責,他們去尋找資源和挖掘使用者需求,但是**的標籤多是設計部門的架構師或設計師在負責,這裡對內容理解的微小差異導致了使用者最終無法正確理解標籤。

另外一種做法是尋找行業專家或行業內口碑較好的**,他們對使用者的需求有比較深入的研究,站在前人的肩膀上,你會考慮的更全面一些。

使用者**的使用者是標籤的最佳**,也是標籤的終端使用者,使用者會說出他們喜歡什麼樣的標籤,不論是直接或間接來自使用者,這些資訊都是很有價值的。

直接找使用者

直接找使用者進行測試和訪談,讓使用者參與到**的標籤設計中來,在這個過程中一般會採用卡片分類法,卡片分類法在定性研究中被廣泛應用,在標籤系統設計中採用的卡片分類法分為開放式和封閉式,yfcajrxo開放式卡片分類法是為被試提供內容,讓被試為每個內容命名標籤,封閉式卡片分類法是為被試提供內容和標籤,乙個內容對應幾個標籤,讓被試選擇並排除優先順序,在實驗的過程中,也可以讓使用者說出選擇標籤的原因,主持人要隨時做好記錄。

說說web標籤設計

一 為何要關心web標籤 這周每天下午都會花點時間看 的日誌,日誌記錄了使用者在瀏覽 的行為軌跡,不是每一家公司都能邀請使用者進行測試和訪談,所以 日誌是運營者和設計者了解使用者的乙個重要途徑。二 標籤分類 其實我們每個人都是標籤設計師,我們每天為自己或為別人做著各種各樣標籤,qq資料有乙個好友印象...

web載入html標籤

第一種 settings.setusewideviewport true settings.setloadwithoverviewmode true 第二種 websetting settings webview.getsettings settings.setlayoutalgorithm lay...

web標籤語義彙總

為了更快更好的運用標籤語義化,下面的表單列出了所有的html標籤以及標籤的描述。以下列表按字母順序排列,其中new為 html5 中的新標籤。標籤描述 定義注釋。定義文件型別。定義超連結。定義縮寫。html 5 中不支援。定義首字母縮寫。定義位址元素。定義影象對映中的區域。定義 article。定義...