百度空间编辑器标题输入框中的设计瑕疵分析

如果我说，我正在使用的百度空间编辑器的标题框，就有一些设计上的瑕疵，不知道大家会怎样看？我没有说正文编辑器，我说的是标题输入框而已。:D



下面略举一些瑕疵。

1，大小

这个文本框里输入的文字，默认大概是10.5磅。标题是如此的重要，以10.5磅作为默认字体，未免小了些。如果正文编辑器的默认字体是11磅字，那么这个标题栏至少是12磅。自然，这个框的高度也要做相应调整。

这里体现的问题：重要的，就强化；不重要的，就弱化。强化的手段很多，字体加大只是其中一种而已，并且在这里可能是相对合适的一种。

2，宽度

博客标题栏应该做成多宽？这是一个很有意思的决策。我们来分析一下它受制于哪些因素。

a，从视觉角度，标题栏的宽度，不应超过正文宽度

b，正文宽度，比较适当的阅读体验，大约是11磅的汉字，40个左右。这样计算，一个所见即所得的编辑器，默认字体是11磅的情况下，行宽大约也就是40个汉字左右。

c，由a和b，标题栏的宽度，最宽大概能容纳40个汉字左右。但考虑到标题栏的字体为12磅，那么字数大概是35左右。

以上是从UI和用户阅读习惯的角度做的分析。光有这些是不够的，我们还需要分析，一个35汉字的标题栏宽度，能涵盖多大比例的博客标题？因为如果用户实际撰写标题大比例超过35个汉字的话，用户会由于看不全他所写的标题，而体验变差。

这个很好解决，随机抓一批博客标题数据，做一个抽样分析就行了。按我的估计，35个汉字，能涵盖掉99%以上的博客标题吧。

目前的编辑器标题栏宽度，能输入29个汉字。也许29个汉字也能涵盖掉很高比例的博客标题吧。但我仍有局促感。

这里体现的问题：用经验和直觉确定baseline；用数据来验证和修正baseline。

3，上限

空间的标题长度上限50个汉字。且不论这50个汉字是否合理。由于50>35，所以如果用户输入40个汉字的话，意味着用户无法看全整个标题，这是一种不好的体验。如何解决 第36-40个汉字的展现问题？

很简单，文本框设计成自动换行。第36个汉字自动换到第二行，文本框自动扩展变成两行。这样会让用户心里非常的踏实，因为所有的输入内容都是可见的。

上限如何确定？仍是基于统计。或者先拍一个保守一点的，上线后再根据用户行为数据统计做出更合适的调整。

这里体现的问题：让我“创新”出自动扩展输入框来解决输入展现不全问题，我觉得有难度；但是我看到了别人的做法，就一下子体会到其中的妙味了。

4，出错

我如果输入的内容，超过了50个汉字，编辑器不做任何提示。当我发表文章时，编辑器告诉我，标题仅限于50汉字，请修改后重发。

既然有了50个汉字的限制，为什么不在我输入超过50个汉字的时候给出提示，并且禁止更多无谓的输入？

这里体现的问题：适时的给出用户引导，不要等他累得半死后，再告诉他，你走入死胡同了。


你的需求文档中出现过标题框么？应该出现过。你都考虑了哪些问题和解决方案？未必那么全。这些细节需要这么麻烦么？不是麻不麻烦的问题，因为我的文章标题就叫：“麻雀虽小，五脏俱全”。

有些兄弟，对自己所从事的工作感到苦恼，因为觉得太简单，以至于没有成长空间了。但我觉得，对于“产品设计”这个工种而言，通常不怎么缺少成长空间，只要勤于思考、发现、询问、实践和总结，总会日有所得的。