中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > web標簽設(shè)計
手機客戶端交互設(shè)計三部曲 回到列表 幫助用戶從錯誤中恢復(fù)
 web標簽設(shè)計

作者:wangliang 時間: 2010-12-16 文檔類型:轉(zhuǎn)載 來自:Cooler:少設(shè)計.多思考

第 1 頁 web標簽設(shè)計 [1]
第 2 頁 web標簽設(shè)計 [2]

一、為何要關(guān)心Web標簽

這周每天下午都會花點時間看網(wǎng)站的日志,網(wǎng)站日志記錄了用戶在瀏覽網(wǎng)站的行為軌跡,不是每一家公司都能邀請用戶進行測試和訪談,所以網(wǎng)站日志是運營者和設(shè)計者了解用戶的一個重要途徑。

在用戶的搜索日志里,發(fā)現(xiàn)很多用戶不去使用我們設(shè)計的標簽,通常在外部搜索引擎里輸入相關(guān)內(nèi)容,搜索引擎匹配后,又回到了我們的頁面,反反復(fù)復(fù)的瀏覽著我們的頁面,如一位用戶預(yù)定了周莊景區(qū)門票,但他又想了解周莊的酒店,我們在景區(qū)產(chǎn)品頁面中已呈現(xiàn)了酒店入口,但用戶卻在搜索框里輸入周莊住宿,有時候甚至跳到外部搜索引擎中搜索,還好我們有強大的SEO團隊,最后又把用戶引導(dǎo)回了網(wǎng)站,這里我們的標簽沒有被用戶認知,用戶不清楚我們的標簽所傳達的意義,那標簽在網(wǎng)站中到底起什么作用呢?

標簽是簡化網(wǎng)站的一個重要辦法,它代表網(wǎng)站的很多信息,目的是引導(dǎo)用戶快速無障礙的瀏覽網(wǎng)站。例如“關(guān)于我們”就是一種標簽,代表一大塊內(nèi)容,包括公司信息、地址、聯(lián)系電話和傳真等,用戶看見“關(guān)于我們”就能明白此標簽后面所呈現(xiàn)的內(nèi)容。

最近我也在關(guān)注網(wǎng)站的信息架構(gòu),標簽是信息架構(gòu)重要的一部分,結(jié)合著網(wǎng)站的日志分析整理下關(guān)于Web標簽設(shè)計的一些想法。

二、標簽分類

其實我們每個人都是標簽設(shè)計師,我們每天為自己或為別人做著各種各樣標簽,QQ資料有一個好友印象的功能,你能為你的好友添加各種標簽;現(xiàn)在比較火的微薄也有給自己添加標簽的功能,flickr的圖片上傳者可以為每張圖片添加標簽,方便了其他用戶來搜索查看,目前網(wǎng)上最大的書簽類站點Delicious也越來越受到互聯(lián)網(wǎng)好友的歡迎。一般網(wǎng)站的標簽面向的是全體用戶,絕大多數(shù)用戶能理解的標簽才是好的標簽,網(wǎng)站標簽大概分為以下四種: 導(dǎo)航標簽、標題標簽、情境標簽和索引標簽。

導(dǎo)航標簽很好理解,就是網(wǎng)站的導(dǎo)航條,一般我們進入網(wǎng)站,首先看的就是網(wǎng)站的導(dǎo)航,導(dǎo)航能夠讓用戶明白網(wǎng)站的大體架構(gòu),例如,同程網(wǎng)是十一級導(dǎo)航標簽,對應(yīng)著“首頁”、“六大旅游產(chǎn)品”和“三大輔助產(chǎn)品”。

標題標簽是一大塊信息的描述,有時候用戶在瀏覽我們網(wǎng)站的時候只是掃一眼,并不想花太多的時間來查看,標題標簽需要分級,不同的級別應(yīng)在視覺上呈現(xiàn)不同的效果,如同程知道右邊欄問題分類是一級標題標簽,對應(yīng)下面的“吃”、“住”、“行”、“游”、“購”等二級標題標簽。

情境標簽是一種特殊的標簽,顧名思義是依據(jù)情境而產(chǎn)生的標簽,如果整個網(wǎng)站和內(nèi)容能夠營造出一種用戶使用情境,那這個標簽就是一個成功的標簽,否則不同的用戶有不同的理解,就像之前提到的QQ好友印象標簽,當用戶看到這些標簽的時候,在聯(lián)系其在生活中的種種表現(xiàn),就能直觀的了解這個人的性格及喜好,博客類網(wǎng)站通常也會才用情境式標簽,因為大多數(shù)用戶都是好朋友,相互之間比較熟悉,標簽可以設(shè)計的模糊一些充滿神秘感,網(wǎng)站適當?shù)氖褂们榫硺撕灴梢栽黾泳W(wǎng)站的趣味性。

索引標簽時常被叫著元關(guān)鍵詞,能夠簡單準確的匹配,用戶也容易理解索引標簽所代表的意義。最簡單的索引標簽是采用英文字母,由英文字母匹配相關(guān)信息。

出處:Cooler:少設(shè)計.多思考
責(zé)任編輯:bluehearts

上一頁 下一頁 web標簽設(shè)計 [2]

關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/21個記錄/頁 轉(zhuǎn)到 頁 共2個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2