UE學習筆記:Tag Tag(下) - 網頁設計

https://webdesign.zoapcon.com

版權聲明:轉載時請以超鏈接形式標明文章原始出處和作者信息及本聲明
https://piglili.blogbus.com/logs/45218952.html

3.tagging系統,及其UI交互設計

3-1. tagging系統

網站在添加tagging功能前,需要考慮若干維度,才能讓tag對網站的信息管理、檢索發揮真正的作用,否則只是潮而不實的裝飾。

Marlow et al (2006)提出一個tagging系統模型,包括資源、tag、用戶三部分,它們的關系如圖3。


圖3:tagging系統包括資源(信息)、tag、用戶三部分

筆者認為該系統忽略了另一部分:傳統的系統分類。并不應該丟棄或將專家的智慧斥之于外,就如亞馬遜既有商品的樹狀分類,以有用戶提供的tag。

與模型一并提出的是該系統應考慮的7個維度(表3,最后兩個維度做了合并)。

 

維度

種類

對設計的啟示

Tagging權限

? 只能自tag(Technorati) ? 權限性tag(Flikr)? 隨意tag(豆瓣)

決定了資源被描述的豐富度、準確度;

影響用戶個人管理tag的復雜程度

Tagging支持

? 半盲tag,輸入后給與提示(Flikr); ? 輸入前展示自己、他人常用tag(豆瓣)

影響tag的質量;

用戶tagging時的思維負擔

聚合方式

? 囊括式:同一資源可被賦予任何tag,
并計算重復頻率(豆瓣) ? 組式:同一資源不重復tag,無累計(Flikr)

囊括式反映大眾意見;
組式反映平均

資源類型

網頁、圖片、視頻、音樂等

標示資源的難易程度會影響用戶所需的tagging支持:

資源來源

? 用戶貢獻(Flikr); ? 系統提供(Amazon); ? 抓取(豆瓣)

tagging權限的設置

聯通性

? 通過鏈接(資源); ? 通過社交群組(人);

決定用戶間的互動程度、資源的可發現

 

表3:tagging系統的維度及設計啟示

筆者以為,還需補充的一個維度是,tagging清理。對于系統而言,是任由tag無限泛濫不做任何事情?還是結合傳統的機器索引、專家人工干預,適當過濾、聚合,以實現收斂?Gruber (2006)提出通過tag內在的規范名(Canonical Name)對字面各異、實質相同的tag進行清理。如通過算法將User Experience, UX, user_experience在系統內部統一為規范名User Experience。無論用戶輸入的是哪個形式的tag,系統都將返回所有的結果。

tagging支持維度還需要慮的一個問題是:系統是否該教育、引導用戶打某些維度的tag?上文提及,當tag與系統固有分類維度重合的時候,就會失去價值、沒有發揮其作用。

不考慮這兩點的話,隨著tag幾何級數增長時,噪音也會越來越多。對于系統、對于面對這么多“原始”tag的用戶,都很糟糕。

3-2. tagging系統的UI設計

UI作為tagging系統與用戶的交互層,肩負適當引導用戶tagging行為的重任,是決定tag質量的關鍵。

· 添加tag:
要引導用戶創造更優質的tag,輸入時刻的輔助至為重要。
(1)提供參考。
如羅列個人常用tag,他人常用高頻tag,可有效減少拼寫相異語義重復的tag,提高tag之間關聯性,并可減輕用戶思考負擔。

在Delicious上收藏URL時,每輸入一個tag都有tag池中同首字母的羅列。下方列有個人常用tag,且優先放置與該資源可能相關的tag。并有他人常用tag的羅列。


圖4:在delicious上收藏一條URL

(2)批量添加。對于所tag資源是用戶自發貢獻時(典型如相片),批量添加tag的功能能提高效率以及減少二義性。


圖5:在Flikr上傳時

· 編輯tag:
目前常見的編輯操作包括:
(1)刪除。
(2)重命名。除了基礎的重命名,此功能可延伸為tag的合并與分拆。合并指,若改為與現有另一tag重名的tag,自動將二者下的信息合并。分拆指,將當前tag進行概念細化成新的若干概念。


圖6:在Delicious重命名一個tag

(3)tag tag.較為高級的操作,包括用一個tag 囊括若干tag(tag bundle),對tag增加描述等。

· 瀏覽tag:
目前tag的展現方式主要有列表與云圖兩種。列表無重點,云圖則降低了較小字號tag被發現的效率。但無論采取哪種視圖,由于標簽的增長性較強,數量的增加相應提高尋找成本。從算法的角度,可考慮Montero et al(2006)所提出的語義聚類:根據不同tags同現的頻率將其聚合、相鄰放置。從交互的角度,應提供一種或以上排序(按字母、熱度)。具體設計案例可參考此文。


圖7:Delicious的tag云頁面

總結:

Tag以及tagging的社會性、自我性,能幫助實現個人化、社會化、情景化搜索,但前提是:
· 有更成熟的tagging系統構建。底層技術上,目前對于垃圾tag的收斂、清理,做得不夠,也尚未良好地結合傳統分類與大眾分類。UI上,尚未實現有效引導用戶去tag系統已有維度之外、更具附加值的維度。如在豆瓣上打“友情”這個tag是有價值的,但打“電影”就無甚價值了。)

· 對大部分人來講,tagging的門檻——無論是操作上還是腦力負荷上——仍然較高。如果結合SNS著名設計師Joshua Porter的使用周期論以及產品接納三階段來看, 一個tagger的發展可用下圖來表示:


圖8:tagger的進階
目前大部分人仍處于第一階段之外,但也許隨著tag的好處被更好地表現,tagging的易用程度增加,更多的人會進入這個周期。當系統完善了,人更能輕松發揮力量去補足系統了,語義網的實現就將更有可能。


創作者介紹
創作者 zoap的部落格 的頭像
Zoap_網頁設計

zoap的部落格

Zoap_網頁設計 發表在 痞客邦 留言(0) 人氣( 6 )