主頁 > 知識(shí)庫 > 百度空間編輯器標(biāo)題輸入框中的設(shè)計(jì)瑕疵分析

百度空間編輯器標(biāo)題輸入框中的設(shè)計(jì)瑕疵分析

熱門標(biāo)簽:怎樣在騰訊地圖標(biāo)注自己的位置 桂林申請(qǐng)400電話 蘋果港口地圖標(biāo)注 人工智能 地圖標(biāo)注公安局要收費(fèi)嗎 地圖標(biāo)注員用什么軟件 鶴壁ai電話機(jī)器人報(bào)價(jià) 400電話申請(qǐng)哪種品牌好 400電話辦理什么意思

如果我說,我正在使用的百度空間編輯器的標(biāo)題框,就有一些設(shè)計(jì)上的瑕疵,不知道大家會(huì)怎樣看?我沒有說正文編輯器,我說的是標(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)的問題:重要的,就強(qiáng)化;不重要的,就弱化。強(qiáng)化的手段很多,字體加大只是其中一種而已,并且在這里可能是相對(duì)合適的一種。

2,寬度

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

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

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

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

以上是從UI和用戶閱讀習(xí)慣的角度做的分析。光有這些是不夠的,我們還需要分析,一個(gè)35漢字的標(biāo)題欄寬度,能涵蓋多大比例的博客標(biāo)題?因?yàn)槿绻脩魧?shí)際撰寫標(biāo)題大比例超過35個(gè)漢字的話,用戶會(huì)由于看不全他所寫的標(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)的問題:用經(jīng)驗(yàn)和直覺確定baseline;用數(shù)據(jù)來驗(yàn)證和修正baseline。

3,上限

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

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

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

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

4,出錯(cuò)

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

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

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


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

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

標(biāo)簽:北京 張家界 北京 通遼 玉溪 青海 廣元 鐵嶺

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《百度空間編輯器標(biāo)題輸入框中的設(shè)計(jì)瑕疵分析》,本文關(guān)鍵詞  百度,空間,編輯器,標(biāo)題,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《百度空間編輯器標(biāo)題輸入框中的設(shè)計(jì)瑕疵分析》相關(guān)的同類信息!
  • 本頁收集關(guān)于百度空間編輯器標(biāo)題輸入框中的設(shè)計(jì)瑕疵分析的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章