那種方式前,請先衡量一下這筆交易:短期收益與長期信任。
號外:來自于我們的個案研究的結(jié)論
更近幾年,Smashing Magazine的編輯團(tuán)隊(duì)帶領(lǐng)了一些個案研究以試圖找到一些普遍的方案和實(shí)踐。到目前為止,我們已經(jīng)分析了網(wǎng)站表單、博客、排版和作品集;更多的個案研究將在下個月發(fā)布。我們發(fā)現(xiàn)了一些能夠?yàn)槟愕南乱粋€設(shè)計(jì)充當(dāng)指導(dǎo)方針的有趣的模式。
在這里,我們將回顧一下我們在那些個案研究中發(fā)現(xiàn)的一些實(shí)踐和設(shè)計(jì)模式,簡化這些概述,以使你更方便。
根據(jù)我們的排版研究:
行高(像素) ÷ 主體字體大小(像素) = 1.48
1.5 通常被推薦于傳統(tǒng)印刷的書籍中,那么我們的研究也支持這個單憑經(jīng)驗(yàn)的方法。只有很少的網(wǎng)站使用小于這個的,而且使用超過1.48的網(wǎng)站就像也在減少。
行長度(像素) ÷ 行高(像素) = 27.8
平均的行的長度是538.64 像素(不包括外邊距和內(nèi)邊距),這是相當(dāng)大的,考慮到很多網(wǎng)站仍然在body中使用是12至13像素大小的字體。
段落之間的空間(像素) ÷ 行高(像素) = 0.754
結(jié)果是段落空間(就是一個段落的更后一行和下一段落的前幾行之間的空間) 難得的等于行間空白了(這將是**的垂直節(jié)奏的主要特點(diǎn))。更常見的是,段落間距正好是行間空白的75%。原因可能是行間空白通常都包括下行線;而因?yàn)榇蟛糠肿址紱]有下行線,那么多余的空白就出現(xiàn)在了線的下面了。
每行字符數(shù)更好是55到75
根據(jù)傳統(tǒng)排版圖書,每行文字的更佳字符數(shù)是55-75,但是事實(shí)上,每行75-85個字符更流行。
根據(jù)我們的博客設(shè)計(jì)研究:
布局通常采用固定寬度(基于像素) (92%)并且通常是居中的(94%)。固定布局的寬度大部分在951px和1000px之間(56%)。
首頁顯示10到20篇日志的摘要(62%);
一個網(wǎng)站的整體布局的58%用來顯示主內(nèi)容。
根據(jù)我們的網(wǎng)站表單設(shè)計(jì)研究:
注冊鏈接寫為“sign up” (40%)并被放置在頁面的右上角;
注冊表單有簡單的布局,以避免分散用戶的注意力(61%);
輸入字段的標(biāo)題加粗(62%),字段垂直放置的要明顯多于水平放置的(86%)。
設(shè)計(jì)師趨向于采用一些強(qiáng)制性字段和可選字段;
未提供Email驗(yàn)證(82%),但是需要密碼驗(yàn)證(72%);
“Submit”按鈕即有居左的(56%)也有居右的(26%)。
根據(jù)我們的作品集網(wǎng)站研究:
89%的布局水平居中,而且他們中的大部分使用巨大的水平導(dǎo)航菜單。
47.2%的作品集網(wǎng)站有一個客戶頁面,67.2%有一些前幾立的服務(wù)頁面。
63.6%對每一個項(xiàng)目會有個詳細(xì)的頁面,包括個案研究、感言、截屏幻燈、草稿和草圖等。
聯(lián)系頁面包括努力方向、手機(jī)號碼、Email地址、郵寄地址、名片以及在線表單。
其它資源(英文)
15個你從未聽說過的有價值的可用性PDF
15個你應(yīng)該知道的重要的研究結(jié)論
你應(yīng)該知道的10個額外的研究成果
良好的可用性簡介
11個從眼動跟蹤研究中獲得的成果
25個超級有用的可用性手冊和清單
10個增加銷售和用戶忠誠度的可用性結(jié)論
網(wǎng)站表單設(shè)計(jì)指南:一份眼動跟蹤研究
對我們所講的有什么想法嗎?或者了解其它的有用的可用性結(jié)論?請?jiān)谙旅媪粞越o我們,多謝!
10條有用的可用性結(jié)論和指南3,謝謝圍觀。
查看更多寧波網(wǎng)站制作可用性結(jié)論有用