說說web標籤設計

2021-06-18 07:32:40 字數 1713 閱讀 1514

一 為何要關心web標籤

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

二 標籤分類

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

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

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

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

三 標籤設計

內容

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

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

使用者

直接找使用者

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

由於時間、人力、財力等相關資源的限制,標籤設計中的卡片分類法很難在國內公司中應用,只有一些大公司才會花很多時間和精力來做使用者研究,之前三月份和寶潔公司合作乙個關於新產品使用者滿意度的調研的專案,為了獲得被試的消費特徵,專案中就使用了卡片分類法,讓被試選擇一組能夠代表他的現在生活和理想生活,這些包括了不同的消費水平衣食住行,通過被試選擇的,我們也從相關角度來分析被試的消費特徵,這也是我第一次將卡片分類法運用到實際中,那次專案結果也比較滿意。

間接找使用者

優秀的標籤設計是**可用性的先決條件,網際網路的發展,海量資訊的劇增,我們也看到了不少網際網路產品開始讓使用者參與到標籤設計中來,社會化的標籤必將是未來網際網路的發展趨勢,試使用通俗的使用者語言來設計標籤,也許能給你的**流量帶來乙個數量級的增加。

web標籤設計

一 為何要關心web標籤 這周每天下午都會花點時間看 的日誌,日誌記錄了使用者在瀏覽 的行為軌跡,不是每一家公司都能邀請使用者進行測試和訪談,所以 日誌是運營者和設計者了解使用者的乙個重要途徑。在使用者的搜尋日誌裡,發現很多使用者不去使用我們設計的標籤,通常在外部搜尋引擎裡輸入相關內容,搜尋引擎匹配...

原理 說說Web請求的過程

在面試過程中,我們可能都遇到過這個問題,如果我們不是很理解整個過程,可能覺得就是客戶端傳送請求,服務端處理請求這個簡單的過程。但是在工作中,我發現對這個問題理解的深度能讓你更快且精確的定位到的問題的所在,最起碼能知道是不是我們服務端的問題,接下來小生姑且根據目前自己的理解和參考資料對過程進行梳理。傳...

web載入html標籤

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