建站常識
說說web標簽設計
2010-12-15 08:37:00
一 為何要關心Web標簽
這周每天下午都會花點時間看網(wǎng)站的日志,網(wǎng)站日志記錄了用戶在瀏覽網(wǎng)站的行為軌跡,不是每一家公司都能邀請用戶進行測試和訪談,所以網(wǎng)站日志是運營者和設計者了解用戶的一個重要途徑。
在用戶的搜索日志里,發(fā)現(xiàn)很多用戶不去使用我們設計的標簽,通常在外部搜索引擎里輸入相關內容,搜索引擎匹配后,又回到了我們的頁面,反反復復的瀏覽著我們的頁面,如一位用戶預定了周莊景區(qū)門票,但他又想了解周莊的酒店,我們在景區(qū)產品頁面中已呈現(xiàn)了酒店入口,但用戶卻在搜索框里輸入周莊住宿,有時候甚至跳到外部搜索引擎中搜索,還好我們有強大的SEO團隊,最后又把用戶引導回了網(wǎng)站,這里我們的標簽沒有被用戶認知,用戶不清楚我們的標簽所傳達的意義,那標簽在網(wǎng)站中到底起什么作用呢?
標簽是簡化網(wǎng)站的一個重要辦法,它代表網(wǎng)站的很多信息,目的是引導用戶快速無障礙的瀏覽網(wǎng)站。例如“關于我們”就是一種標簽,代表一大塊內容,包括公司信息、地址、聯(lián)系電話和傳真等,用戶看見“關于我們”就能明白此標簽后面所呈現(xiàn)的內容。
最近我也在關注網(wǎng)站的信息架構,標簽是信息架構重要的一部分,結合著網(wǎng)站的日志分析整理下關于Web標簽設計的一些想法。
二 標簽分類
其實我們每個人都是標簽設計師,我們每天為自己或為別人做著各種各樣標簽,QQ資料有一個好友印象的功能,你能為你的好友添加各種標簽;現(xiàn)在比較火的微薄也有給自己添加標簽的功能,flickr的圖片上傳者可以為每張圖片添加標簽,方便了其他用戶來搜索查看,目前網(wǎng)上最大的書簽類站點Delicious也越來越受到互聯(lián)網(wǎng)好友的歡迎。一般網(wǎng)站的標簽面向的是全體用戶,絕大多數(shù)用戶能理解的標簽才是好的標簽,網(wǎng)站標簽大概分為以下四種: 導航標簽、標題標簽、情境標簽和索引標簽。
導航標簽很好理解,就是網(wǎng)站的導航條,一般我們進入網(wǎng)站,首先看的就是網(wǎng)站的導航,導航能夠讓用戶明白網(wǎng)站的大體架構,例如,同程網(wǎng)是十一級導航標簽,對應著“首頁”、“六大旅游產品”和“三大輔助產品”。
標題標簽是一大塊信息的描述,有時候用戶在瀏覽我們網(wǎng)站的時候只是掃一眼,并不想花太多的時間來查看,標題標簽需要分級,不同的級別應在視覺上呈現(xiàn)不同的效果,如同程知道右邊欄問題分類是一級標題標簽,對應下面的“吃”、“住”、“行”、“游”、“購”等二級標題標簽。
情境標簽是一種特殊的標簽,顧名思義是依據(jù)情境而產生的標簽,如果整個網(wǎng)站和內容能夠營造出一種用戶使用情境,那這個標簽就是一個成功的標簽,否則不同的用戶有不同的理解,就像之前提到的QQ好友印象標簽,當用戶看到這些標簽的時候,在聯(lián)系其在生活中的種種表現(xiàn),就能直觀的了解這個人的性格及喜好,博客類網(wǎng)站通常也會才用情境式標簽,因為大多數(shù)用戶都是好朋友,相互之間比較熟悉,標簽可以設計的模糊一些充滿神秘感,網(wǎng)站適當?shù)氖褂们榫硺撕灴梢栽黾泳W(wǎng)站的趣味性。
索引標簽時常被叫著元關鍵詞,能夠簡單準確的匹配,用戶也容易理解索引標簽所代表的意義。最簡單的索引標簽是采用英文字母,由英文字母匹配相關信息。
三 標簽設計
如何設計和建立網(wǎng)站的標簽呢,記得當初在設計自己的網(wǎng)站的時候一直很糾結標簽,參考了好多相關網(wǎng)站,最后結合了自己的內容才定下來三個導航標簽,其實標簽設計有兩個重要來源,分別是內容和用戶。
內容
內容為王,標簽可以直接來自網(wǎng)站的內容分析,你可以選擇網(wǎng)站中有代表性的內容,就像我們寫文章一樣,有題目、關鍵詞和摘要,這些都能形成標簽,關鍵是如何找到具有代表性的內容,標簽設計是一項痛苦而漫長的過程,需要付出很多努力,有時靈感閃現(xiàn)的時候才能獲得一個可用的標簽,有人說標簽設計是一個藝術性的工作。
分析內容的同時,你可以去找內容的提供者或作者,要求作者對他的內容建議標簽,因為作者對他們的內容非常熟悉,作者提供的標簽可能是最有用的,很多公司網(wǎng)站的內容都是市場部的同學在負責,他們去尋找資源和挖掘用戶需求,但是網(wǎng)站的標簽多是設計部門的架構師或設計師在負責,這里對內容理解的微小差異導致了用戶最終無法正確理解標簽。
另外一種做法是尋找行業(yè)專家或行業(yè)內口碑較好的網(wǎng)站,他們對用戶的需求有比較深入的研究,站在前人的肩膀上,你會考慮的更全面一些。
用戶
網(wǎng)站的用戶是標簽的最佳來源,也是標簽的最終使用者,用戶會說出他們喜歡什么樣的標簽,不論是直接或間接來自用戶,這些信息都是很有價值的。
直接找用戶
直接找用戶進行測試和訪談,讓用戶參與到網(wǎng)站的標簽設計中來,在這個過程中一般會采用卡片分類法,卡片分類法在定性研究中被廣泛應用,在標簽系統(tǒng)設計中采用的卡片分類法分為開放式和封閉式,開放式卡片分類法是為被試提供內容,讓被試為每個內容命名標簽,封閉式卡片分類法是為被試提供內容和標簽,一個內容對應幾個標簽,讓被試選擇并排除優(yōu)先級,在實驗的過程中,也可以讓用戶說出選擇標簽的原因,主持人要隨時做好記錄。
由于時間、人力、財力等相關資源的限制,標簽設計中的卡片分類法很難在國內公司中應用,只有一些大公司才會花很多時間和精力來做用戶研究,之前三月份和寶潔公司合作一個關于新產品用戶滿意度的調研的項目,為了獲得被試的消費特征,項目中就使用了卡片分類法,讓被試選擇一組圖片能夠代表他的現(xiàn)在生活和理想生活,這些圖片包括了不同的消費水平衣食住行,通過被試選擇的圖片,我們也從相關角度來分析被試的消費特征,這也是我第一次將卡片分類法運用到實際中,那次項目結果也比較滿意。
間接找用戶
絕大多數(shù)公司都通過分析和挖掘網(wǎng)站數(shù)據(jù),如查詢用戶的行為軌跡來指導網(wǎng)站的標簽設計,這也是一種有效的辦法,搜索日志分析就是標簽來源的一個重要途徑,根據(jù)用戶在網(wǎng)站上留下的痕跡,包括用戶瀏覽的頁面、用戶點擊的標簽和內容、用戶搜索使用的關鍵詞等,搜索日志里記錄了用戶用其語言描述了他們的信息需求,這些都是最真實的用戶語言,比用戶自己親口說出來還要有價值,我發(fā)現(xiàn)很多網(wǎng)站的標簽語言都太學術或專業(yè),一看就知道,標簽是計算機人士或公司領導寫出來。
優(yōu)秀的標簽設計是網(wǎng)站可用性的先決條件,互聯(lián)網(wǎng)的發(fā)展,海量信息的劇增,我們也看到了不少互聯(lián)網(wǎng)產品開始讓用戶參與到標簽設計中來,社會化的標簽必將是未來互聯(lián)網(wǎng)的發(fā)展趨勢,試使用通俗的用戶語言來設計標簽,也許能給你的網(wǎng)站流量帶來一個數(shù)量級的增加。
原文:http://www.wwued.com/?p=221
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2009-06-04 08:18:00] 微軟Bing交互設計與用戶體驗
- [2008-01-27 09:58:00] 交互設計中的視覺引導
- [2009-05-19 11:38:00] 淺談無結果頁面反饋提示交互設計
- [2010-05-15 09:10:00] 網(wǎng)易IDJ音樂站改版—UCD設計思想初體驗
- [2010-09-03 15:20:00] 案例—減少用戶的思考
- [2009-05-13 21:46:00] 誰為用戶買單(1)—電子商務網(wǎng)站的交互設計
- [2009-06-10 09:03:00] 以情感為中心的設計(1)
- [2009-05-04 08:19:00] 確認頁的設計(confirmation alert)(一)
- [2009-08-03 07:42:00] 如何理解與規(guī)劃設計師的職業(yè)生涯
- [2010-09-25 15:03:00] 交互設計雜七雜八
- [2010-02-06 15:54:00] 交互設計(9)—一次點擊
- [2009-09-25 07:53:00] 背著包袱跳著走
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
企業(yè)網(wǎng)站設計 青島網(wǎng)絡公司 搜索引擎蜘蛛 版面布局 微官網(wǎng)帶來的好處 中小型企業(yè)網(wǎng)站建設 php程序 網(wǎng)站制作 響應式設計 青島抖音小程序開發(fā) 青島網(wǎng)站制作 手機網(wǎng)站建設 青島高端網(wǎng)站建設 青島高端網(wǎng)站設計公司哪家好 HTML5 青島網(wǎng)頁制作 青島SEO 膠南網(wǎng)站建設公司 力圖數(shù)字科技 營銷型網(wǎng)站 青島好的網(wǎng)站優(yōu)化公司 青島黃島、紅島網(wǎng)站建設公司 網(wǎng)站建設,手機網(wǎng)站 審美 青島網(wǎng)頁設計 蘋果系統(tǒng) 高端輪胎網(wǎng)站設計 網(wǎng)站建設的步驟有哪些 官網(wǎng)網(wǎng)站建設 企業(yè)網(wǎng)站建設