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

所属分类: 网站运营 / 建站经验 阅读数: 94
收藏 0 赞 0 分享

如果我说,我正在使用的百度空间编辑器的标题框,就有一些设计上的瑕疵,不知道大家会怎样看?我没有说正文编辑器,我说的是标题输入框而已。: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个汉字的时候给出提示,并且禁止更多无谓的输入?

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


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

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

更多精彩内容其他人还在看

美国Inmotion主机的购买及续费教程

这篇文章主要介绍了美国Inmotion主机的购买及续费教程,90天内无条件全额退款是Inmotion Hosting最为著名的一大特色,需要的朋友可以参考下
收藏 0 赞 0 分享

网站建立前怎么办?企业网站建立前本身有哪些问题被忽略?

网站是需要运营的,在运营过程中有一个重要的点就是营销,而网站的营销大多数朋友采用的就是竞价或者优化。那么网站建立前怎么办?企业网站建立前本身有哪些问题被忽略?下面我们就来看看吧
收藏 0 赞 0 分享

移动端网站页面调试的一些经验分享

这篇文章主要介绍了移动端网站页面调试的一些经验分享,包括远程调试以及针对iOS和Android平台的具体调试方法,干货十足,需要的朋友可以参考下
收藏 0 赞 0 分享

使用Google CDN导致网站页面无法加载的问题解决

这篇文章主要介绍了使用Google CDN导致网站页面无法加载的问题解决,由于谷歌在国内的访问原因,使得很多内置使用Google CDN的产品影响网站的访问,需要的朋友可以参考下
收藏 0 赞 0 分享

网站如何进行改版更好些 网站改版注意事项详情解答

为了应对客户的需求和当下网友们的审美观,很多网站都会在后期进行改版,网站改版期如果做的不过,那么对整个网站就是伤筋动骨的大事了,那么,如何进行网站改版?以及网站改版需要注意哪些事情呢?对此,本文小编就为大家介绍网站改版的详细注意事项
收藏 0 赞 0 分享

美国Hostigation的VPS主机购买管理及评测完全攻略

这篇文章主要介绍了美国Hostigation的VPS主机购买管理及评测完全攻略,Hostigation中用户可以选择KVM或者OpenVZ虚拟机下的服务器,这一点比较难得,需要的朋友可以参考下
收藏 0 赞 0 分享

网站分类目录的赚钱模式有哪些?网站分类目录站点的五种盈利模式分析

近些年网站分类目录站点很受个人建站喜欢,主要因为运营维护不需要花费太大精力,推广简单,外链自然增长,PR值很容易提升,还有盈利渠道简单多样等等,那么网站分类目录的赚钱模式有哪些?本文提供网站分类目录站点的五种盈利模式分析供大家了解,希望对大家有所帮助
收藏 0 赞 0 分享

知乎社区如何保持用户高粘性?

知乎是一个真实的网络问答社区,帮助你寻找答案,分享知识,当下知乎已经从一个小众的极客社区成长为了拥有1700万注册用户的庞大社区,那么知乎是如何做到这些的呢?下面就分析一下
收藏 0 赞 0 分享

如何购买模板?防范购买模板上当受骗的几个方面

于是很多站长开始选择第三条路,那就是购买一些定制化的模板,可是不幸的是,这些采购者往往会遭遇各种各样的陷阱,有些所谓的个性化模板已经被很多人倒转了几手,而且内部还存在着很多的缺陷,买回来也难以使用。所以为了防范自己上当受骗,就需要从下面几个方面来防范
收藏 0 赞 0 分享

简单总结Hadoop和Spark集群技术的不同点

这篇文章主要介绍了简单总结Hadoop和Spark集群技术的不同点,一般情况下人们普遍认为Spark的性能要比Hadoop好很多,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多