优化作品打开速度

一些用户在使用美叶作品集后,向我们反馈,他们的作品集打开速度较慢,经我们确认得知,这些用户有一个共性问题,那就是上传的作品集图片相当之大。有的用户在作品中使用相当多的肌理效果,有的用户上传了非常多的竖长图。

尽管美叶不会对用户的图片进行任何压缩处理,但如此之多的大图,往往会拖累浏览器的运行速度,让页面打开变得困难。为此我们给出几点建议,这些建议可以很好的帮到你。


1. 多使用横长图,而不是竖长图

你可以简单的理解为,美叶作品集是由自上而下的多张图片拼合而成的一份文档,所以你可以选择将这个图片文档自上而下裁切为任意数量的横条。然后再按照裁切顺序依次上传美叶作品集。

这样我们使用浏览器打开作品集时,逐一加载每一张图片,都会变得非常容易。如果我们只是一味的上传竖长图,那么每个图片加载都需要非常多的时间,也就会发生,文档中某张长图加载不出来的问题,这非常影响面试官的阅读体验。


2. 适度控制肌理和尺寸,视觉效果“骗过”眼睛即可

我们发现有相当数量的用户,看到美叶宣传语提到支持用户上传高清原图后,就直接将设计稿的原图上传进作品集了,这个不是不可以,但是不够科学。

大多数情况下,设计稿原图的尺寸都比较大,比如有的用户上传进来的图片,宽度为10000px以上,这显然会拖累图片加载。

在认识上,我们一定不要进入这样一个误区,那就是图片越大,视觉效果就越棒。其实适度压缩图片,在眼睛不能有效区哪一个是原图,哪一个是压缩图的情况下,用小尺寸图显然会更为科学,收益也最大。


3.适度控制首图大小

作品集中的第一张图通常为作品集封面图,可以说这是作品集的门面,找工作,我们必须要把这张图的设计做足。

有的设计师的首图设计的非常复杂,包含元素众多、肌理也特别丰富多,有的时候还尺寸还特别大。所以在访问这类作品集时,首图往往不是第一个被加载出来的,这就比较尴尬,可能有的时候面试官还没看到这个图呢,就已经滚屏看下一页的内容了。所以首图固然重要,但是要有一个平衡取舍在里面。

有的同学可能会说,那你们的加载机制能不能改成逐个图片加载,前面不出来,后面排队等呢?是的,我们也尝试过,但发现实际效果特别不好,由于图片是按照顺序逐个加载的,这就会经常性的出现人等图的现象,显然这个浏览体验更糟。

最近,我们在作品集工作台上增加了,图片提示功能,当上传图片的宽度超出某一警戒值时,或是图片大小超出某一警戒值时,会给到提醒,我们希望以此来帮助我们的用户朋友,以更加科学合理的方式,建构自己的线上作品集



何时下线作品集

有的用户朋友在使用美叶作品集找到工作后,便第一时间将作品集给下线了。这些用户觉得线上作品集不够安全,可能存在被恶意传播的风险。

具备风险意识,这一点无可厚非,但是贸然下线作品集,可能会给你带来更大的损失。举个栗子,你在找工作的时候,可能会将简历投给了很多公司,这些公司大都是你比较中意的,但是公司和公司对待招聘这件事的态度和流程,可能还不太一样,比如有的公司的招聘流程进度非常缓慢,尤其是某些大厂,HR从简历投递,到做完初筛,可能一两周过去了,然后才轮到用人部门看简历看作品。

一般情况下,用人部门的面试官看完简历和作品后,也不会第一时间约人面试,可能需要攒一波,一起看,这样又好几周过去了,等到攒够人了,看作品了,发现你的作品已经失效打不开了。。。

所以在会员套餐设定上,建议大家开通3个月的会员套餐,并不是想让大家多花钱,而是基于上述情景的综合考虑,毕竟一个好工作需要你花更长的时间去“遇见”。

回过头,再说传播风险这件事,其实有时大家对这个问题,太过于焦虑了。试想一下,传统作品的线下投递方式,被恶意传播的可能性会更高,毕竟作品集文档可以被无限复制。

美叶作品集支持查看访客数据的功能,如果我们发现某一顿时间内,访客数据激增,那么就意味着作品集链接可能被恶意分享了,此时执行下线操作也并不会太迟




如何生成作品集二维码

一些用户向我们提建议,问作品集有没有这样的功能,那就是将访问链接地址,生成二维码图片。他们的需求场景是这样的,他们想将作品集二维码粘贴到自己的简历中,这样面试官在收到简历后,就可以通过扫描二维码的方式,在手机端查看作品集。

我们在立项之初,也考虑过这个需求点,但因为手机环境下看作品集,很难看清细节,我们对已知的面试官查阅作品环节进行调研是发现,这些面试官大都会选择在电脑端查看作品集。所以,我们就将这个需求的优先级调低了,但这个需求并没有废除,我们会逐步开发这一功能

目前有类似需求的用户,可以借助第三方工具转译完成:

打开如下链接https://cli.im/url,将作品集链接粘贴都输入框内,点击生成二维码按钮,点击下载图片即可。

温馨提示使用该工具生成的二维码后,在投递简历前,请务必亲自扫码验证,作品集是否可以被正常打开



如何增加图片间隙

一些用户想要为自己的作品集的图片,在竖向上增加间隙,这样能够使得作品集具备更强的透气感,这个功能我们会逐步支持,目前通过图片处理的方式也能达到类似的效果。

我们只需要将这个间隙在设计图中表达出来,然后裁切到某一部分的碎图中,上传后即可得到同样的效果。

如果间隙颜色相同,那么可以将间隙效果保存为一张图片,然后在上传两张相邻的图片中间,上传一张间隙图即可。