系統模型接近使用者的心智模型是優秀介面的主要作用。一般而言,可用性衡量網站互動方式的難易程度,也是衡量網頁設計的重要標準。本文總結了社區 媒體和網站的關鍵性特徵,舉例討論了這些設計背後特徵、技術和概念的重要性及其原因。這些可用性簡單實用,可以應用在幾乎所有的介面設計中。
1.簡潔
社區媒體網站的配色和圖形相當簡單。使用統一稍有變化的色彩,背景通常配以白色,用淺色突出補充資訊(綠色或者黃色,紅底用於表示警示資訊)。 圖形之所以如此簡單甚至保守,其中最重要的原因在於生動的視覺設計在這並不適用。社區應用程式體現的是分享氛圍,內容不時地更新,較強的視覺設計容易分散 使用者的注意力。例如Twitter的介面將文本輸入框放在突出的位置,以便使用者傳送簡訊息。當資訊流相當大的時候,介面越簡單越好。如果圖形過多,使用者較 難集中注意力在某個任務和或者地區上。簡潔的介面也並不意味著一個簡單的視覺設計,而是以直觀的形式呈現出來。使用者通常會忽略冷色系的色彩,而不是用明亮 的顏色分散使用者在資料和網站功能上的注意力。
2.搜尋功能
由於資訊量大,社區媒體必須有搜尋功能。這裡的搜尋有多重特點:除了傳統的內容搜尋之外,社區媒體搜尋也提供關聯性搜尋,比如小組、社團或者興 趣。搜尋功能常位於網站的右上方,包括一個輸入框和搜尋按鈕。社區應用程式通常使用即時結果搜尋和過濾。當在搜尋方塊中輸入字元時,下拉框中即時過濾相關的 內容,協助使用者快速地尋找到想要的內容。搜尋結果對於友好的介面更為重要,例如Digg可以按照多種方式排列搜尋結果,搜尋方塊始終在頂部,以便使用者隨時使 用。
3.吸引使用者點擊的按鈕
按鈕和連結是網頁中不可缺少的控制項,相比較而言,連結顯得消極和被動,大的按鈕顯得更為生動,按鈕和介面上其他元素對比起來更為顯眼。就像現實 生活中一樣。這些按鈕的具有立體效果,增加按鈕的尺寸並和背景有一定的對比。當滑鼠放在按鈕上時,有懸停效果,讓使用者知道這個按鈕是可點擊的。當按鈕被點 擊之後,還要有壓花效果。
4.元素區分
對於各種資訊塊的管理和呈現是社區使用者介面需要處理的設計問題之一。內容豆腐塊進行視覺區分可以增加內容的可讀性,元素區分是提升介面清晰度的 最簡單的方法。然而,元素視覺區分過多的話,介面上資訊塊也隨之增多,也會導致介面變得複雜。因此,視覺區分更為微妙,如使用無彩色系或者冷色系的縱橫 線,保證不分散使用者的注意力。
5.文本介面
當內容以大量的文字區塊的形式出現時,就需要融合不同的文本顏色、背景、字型和連結去保證介面的可讀性。元素不同的尺寸和顏色使得介面視覺清晰並 富有層次感,除了能提升可用性之外,還能強調內容的重要性,提高介面的可讀性。例如Digg的介面,文本的顏色各不相同,但是看起來卻很一致,有藍色的標 題連結,灰色的“more”連結等等7個不同的設計項目。
6.簡單實用的表格
網頁表格可能是社區媒體和網站最重要的設計項目,從註冊登陸頁面、回複到新增內容都要用到表格和輸入框。一個有效註冊頁面才能增加使用者黏度,保證社區媒體的生存。首先要保證表格簡短,許多社區媒體註冊只要使用者名稱和密碼,而其他資訊待使用者創立賬戶之後再去完善。
7.即時更新
微博之所以在去年火爆起來,其中一個原因就是“即時性”,和兩人交流的簡訊不同,Twitter實現了多人網上即時交流。時髦使用者需要獲得最新事件的訊息,使用者也希望軟體能即時升級,自動檢測是否有更新檔案。
8.口碑營銷和個人化
有效口碑營銷終極目標很有可能是提供高品質的服務和良好的使用者體驗。使用者對於一個社區網站越滿意,越願意提升社會資本和擴大社交圈。為了達到 這個目的,不管是線上還是離線,社區網站都必須夠吸引人。這也就容易理解,為什麼社區網站要提供更加靈活和更加適合的介面去滿足使用者的個人化需求。同時, 社區網站也要花費很長時間研究使用者行為和搜尋記錄、瞭解使用者的興趣和期望值。
社區網站不但要協助使用者查詢已經認識的朋友,還要挖掘一些志同道合的人。個人化推薦系統可以提升使用者的社會存在感,並協助使用者之間建立新的關 系。另外,使用者很容易邀請朋友,隨意地在關係圈中傳播資訊(如分享資訊)。這種網路效應的原因在於服務的價值可以在使用者之間傳遞,使用的人越多,社區網站 對於個人的價值也越大。
9.以使用者為中心
儘管社區網站是社會化的,但是它關注的是使用者的個人興趣。Twitter、Facebook以及其他社區網站關注的是使用者資料中的細節,推薦新 朋友、興趣、事件和小組等等來擴大使用者的關係圈和深化使用者的參與程度。Facebook的首頁是一個極度個人化的介面,包括了使用者的設定檔,更新或者隱 藏朋友最新動向的捷徑,還有使用者可能感興趣的朋友、小組或者交談。社區網站提供的不僅僅是一個功能,更是建立了和使用者之間的關聯,使用者黏度也隨之增 加。
via http://www.smashingmagazine.com/2009/06/03/9-crucial-ui-features-of-social-media-and-networking-sites/
文章來源:曉生語錄 轉載請註明出處連結。