前段時刻在北京的交互體驗日上,聽了新浪產物司理李說明的《更效率的信息》,感傷新浪對于媒體和信息傳布研究之深刻、抓住了良多細微單直抵網平易近心靈的點。他認為微博之所以能迅猛成長并成為互聯網信息傳布不成輕忽的平臺,其關頭優勢就是效率。因而新浪微博的設計也是以此為中心去執行和推廣的。
他的演講是基于微博的信息設計的四個關頭點(信息獲取、自我信息表達、信息傳布和信息通信)來介紹的。支出寶作為一個工具類為主的網站,我重點關注了信息獲取方面的內容:我們怎么才能效率地傳達信息給用戶,便于用戶理解和使用我們支出寶的各類產物?他有幾個很是好的點,例如:盡量削減用戶的特出率,保證流利的閱讀;信息量不用多,讓有價值的工具更易領受。
分類
案牘就是傳達信息的主要手段。圖形化思維風行的現代,文本信息依然是網站的主要組成部門。
互聯網時代的人們,已經厭惡于閱讀年夜段的文字,網頁瀏覽速度也相當之快。若何針方針用戶迅速傳達有用信息并不會發心理解障礙,是案牘設計的重點。
例如網上登錄充溢著各類校驗碼來防止惡意抨擊襲擊,但也給用戶上岸造成必然未便。圖8是twitter對于校驗碼輸入的一句案牘,布滿趣味的提醒顯然能降低您對校驗碼的抗拒之心。
降低進修成本;
筆者認為關于網站的案牘概略可以分成運營案牘、產物案牘、操作案牘。
1、運營案牘是產物推廣和勾當宣傳為主的案牘。這種案牘需要有快速傳布價值和立異價值,精練精明,力爭能瞬間吸引住用戶眼球,刺激點擊欲望。

圖1
2、產物案牘則主若是產物功能介紹、使用體例,輔自傲息、和談,還搜羅網站導航、頁面問題等,是網站界面主體之一,追求嚴謹、精簡和邏輯性。下圖為google的產物導航和介紹。

圖2
3、操作案牘則指與用戶操作相關的案牘。搜羅控件標簽、操作提醒、報錯、狀況、操作結不美觀等。如下圖3的提現報錯案牘。

圖3
三者并不是較著區分的,經常會在統一頁面同時呈現。有時一句案牘還可能同時承載了多重功能,例如圖2關于google產物的介紹聲名案牘,既是產物案牘也可以算運營案牘。
原則
按照對這些案牘運用的理解,總結了案牘設計的根基原則有以下幾點:
1. 切確。切確要求案牘語義清楚、沒有歧義,這樣才能年夜白無誤地傳遞信息和交流思惟,這是案牘設計的根基要求。我們支出寶的設置付款體例其實是讓用戶去綁定快捷支出,但案牘上只說是“舉薦最合適的付款體例”。其目的是為了吸引用戶開通快捷支出,但在文字上恍惚概念,用戶是難以理解的。

圖4
2. 易懂。它的一個主要指標就是可讀性。可讀性描述了基于復雜句子和堅苦詞匯的文字的可理解的水平,它關乎這種說話自己的難度,而非其外不美觀。可讀性的指標凡是可以劃分可用性層級,經由過程一些人等閑理解一篇閱讀文章所需的春秋和級別來定。傳統的說話閱讀研究有不少成熟的權衡公式和品級指標,相信也可以移植到互聯網產渦?罾υ?本信息研究中來。 影響可讀性的身分搜羅文句的長度,以及很是用辭書呈現頻度。而年夜讀者的角度看,影響可讀性的身分搜羅:布景常識、閱讀手藝、樂趣、念頭。
在傳統書面文字研究中,可讀性需要和易讀性區分。易讀性描述的是排印文本閱讀時的輕松和舒適水平。它和說話內容無關,饒暌閨印刷或文本顯示的尺寸和外不美觀聯系慎密親密。對于互聯網,易讀性就與字體的樣式、顏色、行距、巨細、位置等有關。
3. 精練。精練是效率傳達信息的主要標的目的,是互聯網產物案牘的焦點要求。精練就是要刪減文字,精簡句子。精簡案牘有利于凸顯主要內容,同時能避免滿屏文字,年夜而用戶能更有抉擇信念去閱讀。刪減的首要手段有:
Giles Colborne-《簡約至上-交互式設計四策略》
刪減無意義的引見性文字,例如一些工具類網站在登錄后頂部釀成“親愛的XXX用戶,接待惠臨XXX”,其實只保留用戶名這個關頭信息即可;
刪除不需要的聲名;
少使用介詞(對于/按照/為了/基于/關于)。這些詞會弱化句子的謂語,是以要盡量省略;
不要使用被動式;
刪失蹤索然無味的開首。
財付通的提現頁面(如圖5)就很是精練,只保留了需要的案牘。

刪除繁瑣的詮釋,使用描述性鏈接;
圖5
曉生-文本設計的注重事項
當然,也要避免刪除過多,用戶要能節制結不美觀,通俗說就是刪太多了用戶會不年夜白你要表達什么。
4. 統一。網站案牘的語氣氣概、用詞、語法等要連結統一軌則。
利于用戶成立對網站的整體認知;
更好地打點。
5. 當令呈現。
案牘要呈此刻合適的處所,斗膽地潛匿需要潛匿的案牘;
輔佐要低調、避免干擾用戶;
當令呈現、當令消逝蹤。
例如圖6淘寶的注冊流程中表單填寫的輔佐只有在光標激活輸入框的時辰才會呈現,而不是在頁面打開時就直接顯示。即保證了頁面的清潔整潔又保留了對用戶的需要輔佐。

推薦閱讀
5月23日,北京大學百年講堂內,在軟件開發者做完“I Love code, I Live to code”演講后,身穿開發者logo衫的史蒂夫·鮑爾默(Steve Ballmer)活力四射地登上舞臺,上演了一場斗志昂揚的公開演講。 這場演講到底傳遞出>>>詳細閱讀
地址:http://www.xglongwei.com/a/22/20120606/65922.html