如果我說(shuō)，我正在使用的百度空間編輯器的標(biāo)題框，就有一些設(shè)計(jì)上的瑕疵，不知道大家會(huì)怎樣看？我沒(méi)有說(shuō)正文編輯器，我說(shuō)的是標(biāo)題輸入框而已。:D



下面略舉一些瑕疵。

1，大小

這個(gè)文本框里輸入的文字，默認(rèn)大概是10.5磅。標(biāo)題是如此的重要，以10.5磅作為默認(rèn)字體，未免小了些。如果正文編輯器的默認(rèn)字體是11磅字，那么這個(gè)標(biāo)題欄至少是12磅。自然，這個(gè)框的高度也要做相應(yīng)調(diào)整。

這里體現(xiàn)的問(wèn)題：重要的，就強(qiáng)化；不重要的，就弱化。強(qiáng)化的手段很多，字體加大只是其中一種而已，并且在這里可能是相對(duì)合適的一種。

2，寬度

博客標(biāo)題欄應(yīng)該做成多寬？這是一個(gè)很有意思的決策。我們來(lái)分析一下它受制于哪些因素。

a，從視覺(jué)角度，標(biāo)題欄的寬度，不應(yīng)超過(guò)正文寬度

b，正文寬度，比較適當(dāng)?shù)拈喿x體驗(yàn)，大約是11磅的漢字，40個(gè)左右。這樣計(jì)算，一個(gè)所見(jiàn)即所得的編輯器，默認(rèn)字體是11磅的情況下，行寬大約也就是40個(gè)漢字左右。

c，由a和b，標(biāo)題欄的寬度，最寬大概能容納40個(gè)漢字左右。但考慮到標(biāo)題欄的字體為12磅，那么字?jǐn)?shù)大概是35左右。

以上是從UI和用戶(hù)閱讀習(xí)慣的角度做的分析。光有這些是不夠的，我們還需要分析，一個(gè)35漢字的標(biāo)題欄寬度，能涵蓋多大比例的博客標(biāo)題？因?yàn)槿绻脩?hù)實(shí)際撰寫(xiě)標(biāo)題大比例超過(guò)35個(gè)漢字的話(huà)，用戶(hù)會(huì)由于看不全他所寫(xiě)的標(biāo)題，而體驗(yàn)變差。

這個(gè)很好解決，隨機(jī)抓一批博客標(biāo)題數(shù)據(jù)，做一個(gè)抽樣分析就行了。按我的估計(jì)，35個(gè)漢字，能涵蓋掉99%以上的博客標(biāo)題吧。

目前的編輯器標(biāo)題欄寬度，能輸入29個(gè)漢字。也許29個(gè)漢字也能涵蓋掉很高比例的博客標(biāo)題吧。但我仍有局促感。

這里體現(xiàn)的問(wèn)題：用經(jīng)驗(yàn)和直覺(jué)確定baseline；用數(shù)據(jù)來(lái)驗(yàn)證和修正baseline。

3，上限

空間的標(biāo)題長(zhǎng)度上限50個(gè)漢字。且不論這50個(gè)漢字是否合理。由于50>35，所以如果用戶(hù)輸入40個(gè)漢字的話(huà)，意味著用戶(hù)無(wú)法看全整個(gè)標(biāo)題，這是一種不好的體驗(yàn)。如何解決 第36-40個(gè)漢字的展現(xiàn)問(wèn)題？

很簡(jiǎn)單，文本框設(shè)計(jì)成自動(dòng)換行。第36個(gè)漢字自動(dòng)換到第二行，文本框自動(dòng)擴(kuò)展變成兩行。這樣會(huì)讓用戶(hù)心里非常的踏實(shí)，因?yàn)樗械妮斎雰?nèi)容都是可見(jiàn)的。

上限如何確定？仍是基于統(tǒng)計(jì)。或者先拍一個(gè)保守一點(diǎn)的，上線(xiàn)后再根據(jù)用戶(hù)行為數(shù)據(jù)統(tǒng)計(jì)做出更合適的調(diào)整。

這里體現(xiàn)的問(wèn)題：讓我“創(chuàng)新”出自動(dòng)擴(kuò)展輸入框來(lái)解決輸入展現(xiàn)不全問(wèn)題，我覺(jué)得有難度；但是我看到了別人的做法，就一下子體會(huì)到其中的妙味了。

4，出錯(cuò)

我如果輸入的內(nèi)容，超過(guò)了50個(gè)漢字，編輯器不做任何提示。當(dāng)我發(fā)表文章時(shí)，編輯器告訴我，標(biāo)題僅限于50漢字，請(qǐng)修改后重發(fā)。

既然有了50個(gè)漢字的限制，為什么不在我輸入超過(guò)50個(gè)漢字的時(shí)候給出提示，并且禁止更多無(wú)謂的輸入？

這里體現(xiàn)的問(wèn)題：適時(shí)的給出用戶(hù)引導(dǎo)，不要等他累得半死后，再告訴他，你走入死胡同了。


你的需求文檔中出現(xiàn)過(guò)標(biāo)題框么？應(yīng)該出現(xiàn)過(guò)。你都考慮了哪些問(wèn)題和解決方案？未必那么全。這些細(xì)節(jié)需要這么麻煩么？不是麻不麻煩的問(wèn)題，因?yàn)槲业奈恼聵?biāo)題就叫：“麻雀雖小，五臟俱全”。

有些兄弟，對(duì)自己所從事的工作感到苦惱，因?yàn)橛X(jué)得太簡(jiǎn)單，以至于沒(méi)有成長(zhǎng)空間了。但我覺(jué)得，對(duì)于“產(chǎn)品設(shè)計(jì)”這個(gè)工種而言，通常不怎么缺少成長(zhǎng)空間，只要勤于思考、發(fā)現(xiàn)、詢(xún)問(wèn)、實(shí)踐和總結(jié)，總會(huì)日有所得的。