<small id='DZ4agMydVo'></small> <noframes id='XRdeBzpJl'>

  • <tfoot id='RE1oqQY3Z'></tfoot>

      <legend id='3zYgVy'><style id='MlJPvgGk89'><dir id='OL2ktd4'><q id='M89oRH'></q></dir></style></legend>
      <i id='xXIULAQVi'><tr id='xOD0UnZ'><dt id='yqNYPVZc'><q id='cXF3'><span id='v6G0u3'><b id='SQpEmq'><form id='3Gr9aXN'><ins id='BGKLwkiE'></ins><ul id='dezP'></ul><sub id='MP0jFXy'></sub></form><legend id='JPGS5Dds9L'></legend><bdo id='1pv4'><pre id='4f625I'><center id='1dY7EPxFa8'></center></pre></bdo></b><th id='fHDLs'></th></span></q></dt></tr></i><div id='oUv6'><tfoot id='xQ5hsR9'></tfoot><dl id='KZjPql'><fieldset id='tNeapObmB'></fieldset></dl></div>

          <bdo id='IbPVYeokCD'></bdo><ul id='YeV10'></ul>

          1. <li id='NU9pn'></li>
            登陆

            为什么别人家的 404 过错页面总是那么美观?

            admin 2019-06-25 188人围观 ,发现0个评论
            为什么别人家的 404 过错页面总是那么美观?

            编译:36氪,ID | wow36kr

            你必定有过这种阅历:看新能源电动汽车到一个十分感兴趣的超链接,点击后显现 404 页面无法拜访。

            遇到这种状况,你的用户体会必定会大打折扣。可是,这个 404 页面是否给了你什么其他信息?这些信息有用吗?它们会让你不再伤心吗?

            你能够把 404 页面当作一个着陆页(landing page),尽管它或许是能够人人都不喜爱的着陆页。试想,假设这个过错页面参加其它元素,会有什么不一样的体会?

            假如一个 404 页面规划得十分好的话,它会发生天壤之别的作用,会让用户体会到你的品牌存在感。反之,能够说你错失了一个品牌宣扬时机。

            这篇文章中,将向你简略介绍 404 过错页面的相关布景,并引荐一些在规划方面别出心裁的 404 页面。

            什么是 404 过错页面

            首要,你或许会猎奇,为什么叫 404 过错页面?

            这个问题的答案有点奥秘,这就要提到互联网发展史的最开端,在差不多 1990 年的时分。

            有一种传奇说法,之所以叫 404 过错页面,是由于万维网发明者 Tim Berners-Lee 的办公室房间号便是 404。假如你想拜访网页,就必须向这个房间提出申请,假如找不到这个网页,就会提示你“404 not found”。

            实际上,404 过错页面是客户端(即浏览器)的过错,由于咱们会经过浏览器了解你想要的资源(即你点击跳转进入的 URL 链接),而这个资源是不存在的,或者是无法找到的。

            不过值得注意的是,404 过错一般都不是你导致的。从其它站点复制粘贴的链接,谁也无法保证真实性和有效性。

            你或许需求重视的是,遇到这类 404 过错页面时,你该怎么做。

            关于 404 过错页面的不同观念

            大体上,有 2 种 404 过错页面的规划方法。

            一种是精约款。这种根本上没有什么内容的规划方法能够十分直观地传达出相关信息:这个页面呈现了过错,除了给你一个回来到主页的链接,根本上就没有其它剩余的元素了。

            谷歌的 404 过错页面便是这种典型规划。

            可是,我并不认同这种规划方法。在我看来,404 过为什么别人家的 404 过错页面总是那么美观?错页面至少应该奉告用户,即使用户没有得到其想要的内容,也并不会有太大的影响。

            一切的过错页面,至少不应该让用户的心里感到不快,并且经过一些风趣的元素搬运用户的注意力。

            因而,404 过错页面值得用心出资,然后规划出让用户觉得别具一格、浮光掠影的过错页面。

            404 过错页面应该包含哪些元素?

            不同品牌,适用不同的 404 过错页面元素。根本上,我主张包含以下 7 种内容:

            # 过错信息 #

            你需求让用户在第一时刻知道无法找到他们正在拜访的这个页面。

            # 品牌 Logo #

            供认自己的过错,即使有时分这个过错并不是你导致的。值得注意的是,最好保证用户能在 404 过错页面的中心方位看到你的品牌 Logo。

            # 品牌定位 #

            一起,保证 404 过错页面和你的品牌定位相匹配。

            # 一丝安慰 #

            给予用户一丝安慰。尽管并不算什么,但在 404 过错页面这种状况下,总是会遭到用户喜爱的。可是不能太夸大。

            # 链接至相关内容 #

            在 404 过错页面上,你能够增加 3 至 4 个或许会让用户感兴趣的链接。无论如何也不要挑选让用户直接走掉,即使是在 404 过错页面上。

            # 行为呼唤 #

            还记得前文说过,要把 404 过错页面当作着陆页来规划吗,所以无妨参加一些着陆页规划逻辑:在页面增加一些“下载”、“注册”乃至“查找框”等元素,让用户在遭受“波折”一起能够有更好的挑选。

            # 简而不减 #

            谁都不愿意翻开 404 过错页面,却像点开了一部在线小说的感觉。此外,404 过错页面也不应该像百度查找的成果页面。你底子不需求那么多的文字。

            7 种炫酷十足的 404 过错页面规划

            许多品牌 404 过错页面的规划风格,都是中规中矩的,并且大多数没有一点构思。我们必定希望能看到哪怕有一丝不同的过错页面。

            我总结出了以下 7 种受用户喜爱的 404 过错页面规划:

            1、高概念、具有视觉冲击的 404 过错页面:Huemor

            总部在纽约的网站规划公司 Huemor 的 404 过错页面,布景是一张带有上个世纪 50 时代科幻大片的图片。布景图上的火箭人正在全力冲向外太空。

            “啊!看起来如同现已抵达了世界的止境。赶忙回来吧,英勇的探索者!”

            2、播映视频内容的 404 过错页面:Nectafy

            专心内容运营的网站 Nectafy 的 404 过错页面就十分风趣。

            当你进入 404 过错页面后,这个网站会经过一段文字提示告知你过错信息,一起向你引荐一个视频。

            这个视频是一个原创的 MV 短片,经过改写 U2 乐队的一首歌,填入新的歌词。而歌词粗心根本上便是告知你,你现在翻开了过错页面,不要伤心,你能够经过这个 404 页面上的查找框和其它跳转链接查找你感兴趣的为什么别人家的 404 过错页面总是那么美观?内容。

            这种 404 过错页面十分有构思,并且想出这个构思的人把他的家人都请来演这部 MV,自弹自唱这首原创歌曲。

            3、让人考虑的 404 过错页面:Medium

            闻名的在线写作阅览渠道 Medium 的 404 过错页面规划十分精约,进入这个页面就有一个硕大的黑体“404”字样映入眼帘。

            除了这个首要信息外,还有一个显眼的查找框,3 篇关于迷失错失(lost)的文章链接。这种规划也十分有主意!

            4、规划心爱的 404 过错页面:Github

            软件项目保管渠道 Github 的 404 过错页面,参加了动画元素,规划十分心爱。一起,当你用鼠标将箭头放置在卡通人物上方时,还能看到一种视差作用。此外,Github 的 500 过错页面也值得一看!

            5、交互型 404 过错页面:Canva

            在线平面规划软件 Canva 使用其规划方面的优势,向用户展现了一个根据交互的 404 过错页面。

            除了一句过错信息提示和一个跳转至主页的链接,剩余的只要一副打乱的拼图。找不到你想跳转的页面,无妨花一点时刻玩一下拼图游戏也行。

            6、技能宅型 404 过错页面:Klaus

            网页开发服务商 Klaus 的 404 过错页面,完全是 404 过错页面中的“特殊”。你在页面中根本上找不到 404 过错页面的根本元素——没有品牌 Logo,没有行为呼唤按钮,乃至都没有退出这个页面的按钮。

            Klaus 公司的 404 过错页面十分风趣。整个界面风格是 Commodore 64 (Commodore 公司 1982 年推出的电脑类型)的载入界面。

            界面内容正在加载一个程序,而这个程序正在查找你想跳转的链接。在完结查找没有匹配成果后,页面就列出了磁盘目录,并找到两个文件名分别为 FOO 和 BAR 的文件。

            7、GIF 动画的 404 过错页面:Kickpush

            Gif 动画再简略不过了,你或许之前都看到过这个动画。总部坐落伦敦的产品规划工作室 Kickpush 在其 404 过错页面上也很好地结合了自己的优势。

            一起,布景还有一个十分有名的 Gif 动画——经典黑色幽默违法电影《低俗小说》其间的主角文森特维嘉(Vincent Vega)走失的 Gif。这个 Gif 动画真的十分应景。

            404 过错页面,其实是一个向用户展现本身构思的时机。

            越无聊,越有才调?| 本相

            声明:该文观念仅代表作者自己,搜狐号系信息发布渠道,搜狐仅供给信息存储空间服务。
            请关注微信公众号
            微信二维码
            不容错过
            Powered By Z-BlogPHP