赞助商
立即赞助

标题文案溢出使用「…」合理吗?来看高手的分析!

产品经验3年前 (2021)发布 流光
2K 0 0

讨论一个较见的问题。

读者:

呆呆,个图的卡列表里,标题用省略号合适吗?

(因为原图涉及读者项目隐私,所以重画个草图。)

标题文案溢出使用「…」合理吗?来看高手的分析!

啊!又是没有业务背的问题。不个问题比简单,以展开来说一下。

通常,会在各类产品面见诸如「标题超出部用略号显示」这的计,譬如上面这图。

于是,许多在自家品设计过程,遇到此类情况,被开发问到时,也会搪塞句:文案要是出「…」显示吧。

多数遇到这种况的,都因之考虑好,临时了这解决办法。

而很多时候,一些产之「…」显示,并是因为单纯地案溢,可是专门设计过的。

所以,果简单地认为「…」就是决溢出而使用的方法,就有问题。

下面举个例。

有些品,我们几乎看不到列表视图里标题是有省略号。

因这类产品的目的就让用户读到完整的标题信息,对眼的内好判断,从考虑否点去看详。

在设定的时候,界面中标题字数的规定,与界面样式就已经前规划好了,可在后台设置就限定死字数,要求营人员上时要统一界面的展示形式。

种情况下,一般就不有省略号的问题,譬一识付费类产品。

标题文案溢出使用「…」合理吗?来看高手的分析!

比典型的还有 TED 演讲视频的标题,在《设计系》书里门提到个案例。

对于 TED 来说,演讲标题的息优先是最高的,所以宁可保留所有标题文案,也不对文案做截断用「…」显示。

因为对标题做截断是容易的,而难的是把一个演讲主题提炼成一句简短句,所以为了展示更清晰的标题,宁可在界面上保留长标题,甚至为长标题的显示而专门计相符的展示形式。

标题文案溢出使用「…」合理吗?来看高手的分析!

反过来,也因为这一点而确定了界面上标题字数的上限,确保文案不会超过界面显示的最大临界值。

括些资讯类品,在标题上也会做限制,以满足最大化呈现不使用省略号。意思是:假设界上文案范围定了 30 个符,那么配时候必须 30 个符以内把内容表楚,必须完全显示在界上。

标题文案溢出使用「…」合理吗?来看高手的分析!

所以经常看到些 UGC 品所以会限制标题数,原除了常见标题不能过长,有是为了在列表页能显示完。

各设这类产品功能时,也注意到这一点,不随意一「字符不能超过 50 吧」。

而有些产的容列表,之频繁使省略号,它的目的是为了引导户点击的。

标题文案溢出使用「…」合理吗?来看高手的分析!

这类形式一般现在营销号发的章里,多是营销人员自己为了章点击率而做的。很会有一款产的有容都是这样的,除非是一些容产,营方是企自己,为了产上的容有更多人点击而这样设计,当中可涵盖了广告,此赚取广告。

不类内容的设计已经让用户开始反感,所以果不是特殊情况,最少样去做。

当然,还有同类型的,一出现在页面面积且需要展示更多息的集类视图,比如:

标题文案溢出使用「…」合理吗?来看高手的分析!

这种形式的计,就是因为页面上想展示的息多,以至于通过这类集来展示某个模块的内容,营造出一种丰的觉。

也是利用「…」引导用户击,表示信息没有展示全,如要看,开详情,进级页。

还一些产品的省略,纯粹就家理解的,溢出就省略显示。

如同样是资讯或容类,字为的产,虽然标题超范围了省略号,但户基本已经知道是么容(上面那个集合类视图是一种),且还有摘要引读。

比下图:

标题文案溢出使用「…」合理吗?来看高手的分析!

种标题字符在两行以内,余字符用「…」展示,基上已经是一句完整的,能让人大致条信息的意思。并且还有部分摘要,已经够用户判断是否对它有兴趣,果没兴趣,直接刷走也无所谓。

包括一些商类产品,用户多以商品图片为主要决策因素,商品标题作为辅助息,优先不高,所以标题溢出是否略号显示也无所谓。

这其有个特殊情况,是有些品标题即不展示全,时又没有省略号,比如淘宝商品搜索结页。

标题文案溢出使用「…」合理吗?来看高手的分析!

为这类列表实质是个品卖合浓缩词,不是完句话,多余符展示或者不展示,都不会有太大影响,所以也不要。

当中我比较反感的还数农了。

好友邀请的列表视图里,看全昵称,因为好友会有游戏昵称,微信备注会展示在游戏昵称后面,至于要点到游戏系里先看全昵称,再到匹配界面邀请好友。

既已经区分微信与游戏,为什么昵称上面不也加以区分呢?

当然,经常玩的好友可能没这个必要,毕竟头像或昵称都可以快识别出来,但是偶尔一起玩的好友通过这的识别方式就比较难了。

这里是简单提句。

通过面提到的一些例子,以及不同场景下标题省略的处理方式,相信家对这块的理解会比之深。

同样,对于开篇读者到的问题,更符合的情况可类似于知乎这种,有整句子,标题是否省略号处就没太大影响。

但具的还是要结合业务详情仔细考量。

而标题内容的展示是否要用略号理,优先要这条息的业权重,以及是否会响用户决策。

所以各位在设计这类内容标题是否要用「…」显示时,也要注意判断自己品特性符合哪类型,而不是随意句话,说「出省略号显示好了」。

欢迎关注作者的微信公众:「呆呆U理」

标题文案溢出使用「…」合理吗?来看高手的分析!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

Netflix 制作了一部艺术纪录片,名叫《Abstract:The Art of Design 》,这部纪录片探访全球创意艺术名家,分享这些世界顶级...
产品设计
缘起 最近组内设计评审,视频和小说两个业务都涉及到在图片上显示标签(Tag)的设计,但是Tag的样式和位置却不完全不同,如下...
ui设计
想一个问题吧,如果有人给你发了一条微信,你没有回复 ta,原因是什么? 可能是给你发消息的人对你来说不重要?或者消息内...
交互设计
Tesla Model 3,标志性意义的中控设计,成为汽车业内一个颠覆式创新。采用极简的内饰设计,精简了物理按键,甚至连仪表都不复...
Tesla Model 3
转自城中村群租房:《论交互设计师的死掉》,作者李大毛 你在面试的时候肯定被问过一个问题:你的职业规划是什么。这个问题不...
ui设计
文章目录 我见过最赞的招聘启事,来自程序员的别样浪漫 断网环境下,Google浏览器页面的小恐龙可以打游戏哟 「亲戚计...
产品细节
王M争:在界面设计中,我们如何确定目标元素的交互方式是滑动还是点击呢? 前几天在朋友圈看到一条关于新版知乎(iOS端)的...
App交互方式
很多人在这个信息爆炸的移动时代,更想看到一些所谓的「干货」,干货到底是什么,可以直接拿来上手的是干货吗?还是需要你经...
交互模式