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

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

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

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

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

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

推薦閱讀
5月23日,北京大學(xué)百年講堂內(nèi),在軟件開發(fā)者做完“I Love code, I Live to code”演講后,身穿開發(fā)者logo衫的史蒂夫·鮑爾默(Steve Ballmer)活力四射地登上舞臺,上演了一場斗志昂揚的公開演講。 這場演講到底傳遞出>>>詳細閱讀
本文標題:<b>更效率的信息-小議網(wǎng)站文案設(shè)計</b>
地址:http://www.geekbao.cn/a/22/20120606/65922.html