页面布局思路

页面布局思路,第1张

404页面的几个设计思路

经常看到一些服务平台共享404页面的设计方案,只是丢失了一些别人设计的页面,并没有其他表示。毕竟室内设计师很清楚,设计方案404页不仅仅是插图。因此,我花了一些时间收集和分析404页的设计方案,思考和梳理相关的设计理念。

创作者:_Ammy

在此之前,我们先简单建立一下404页的定义。404页是手机客户端浏览网页时,网页服务器无法正常显示信息,或者网页服务器无法回复,原因不清楚的页面。

自定义404页面是解决空不足的一种情况,对用户体验的作用一般是:

告知用户属于错误的地方,减少用户的焦虑。

展示解决方案,比如返回上一页或者首页,提高用户粘性。

伤害用户对网站的印象。

此外,百科全书还在第404页提到了“高峰和终点定律”的应用:

感觉到某样东西后,能记住的只是巅峰和终点的感觉,整个过程中好与坏的感觉比例以及好与坏的感觉时长都和没有伤害记忆的差不多。404错误页面应该作为页面访问的一部分。当用户看到“失败”或“对不起”等404页面时,对网站的信任度会迅速降低,会有失落感。

以下是一些相关的设计概念:

1.立即表明发生了错误。

一般可以用弄乱的东西来表示,比如风筝坏了,签字笔坏了,书破了,下雨天没伞,玻璃碎了,智能机器人常见故障。

2.表明我很抱歉找不到页面。

向用户道歉而不是指责(用户优柔寡断,呵呵)。

3.用幽默的方式提醒用户来到不正确的页面。

啊啊,不会有页面的!好像是从照片里的小动物嘴里说出来的。

4.迁移用户的专注力,比如可以在404页玩一会游戏,播放公益广告视频,甚至传递正能量:

吃豆子游戏

类似的还有Google404的跳龙手游,以完整著称。

5.页面的趋势

脑洞大开时没有寻找的页面的落地,比如页面已经休息了,页面消失了,页面被吹走了。

页面被武士偷走了!

6.说明游客迷路了。

如果访问者迷路了,迷失在无尽的宇宙空,来到了错误的区域,就会提示用户这是一个不正确的页面。

7.如果你的网站受众是年轻人,也可以选择卖萌和讨好。

404页的设计方案有很多常见问题。感觉百度百科已经写的很详细了,所以搬到这里:

1.不必将404错误转移到网站首页,否则很可能会导致首页在百度搜索引擎中褪色。

2.404页面不用跳转,让用户做决定。

3.不要用专业术语:“404错误”这个词的应用一直都很规范,但这不是你用专业术语吓跑访客的理由。“找不到网页”这个说法更准确,也更容易让人接受。

4.不要责怪游客

5.提醒访问者检查拼写(经常出现在百度搜索引擎中):还有一种可能是,访问者看到404错误页面是因为在输入URL网址时犯了语法错误。提醒访客检查拼写,但不要无礼。

6.建立说明404:明确向访问者说明找不到他们一直在寻找的页面,没有必要让不正确的页面看起来与所有正常的内容页面过于相似(比如添加的文字和链接太少)。你想解释这是一个不正确的页面,所以你不必向访问者暗示这一点。

7.放置网站的首页连接:访问者不必无家可归或者找不到你的网站信息。至少应该有一个链接回到你的主页。通过这种方式,从其他网站连接的访问者可以掌握你和你的网站,甚至他们很可能会在你的网站中寻找一些他们喜欢的内容。

8.访问者方便的反馈信息:如果一个访问者在你的网站上点击了一个不正确的连接,你就可以知道这个连接的常见故障。如果你按照404页给他展示一个方便快捷的反馈信息的方式,让他们报告这个通病,这样你就可以处理了。这必须是一种非常简单明了的方式来提醒访问者告诉你他们来自哪个页面和哪个链接。这样,你就可以得到你需要的所有信息。

9.保持知名品牌的设计风格:大家都见过不正确页面的酷炫设计案例“让访客找到一个巨大的复活节彩蛋”。但是不要让这个页面的设计方案和你网站上的其他页面差别太大,否则会显得这个页面和你网站的设计方案不匹配,会让访问者产生怀疑,误以为已经发到外部网站了。

10.语言版本号:如果您的网站是多语言的,404错误页面将从您的网站获得所有语言版本号的不正确信息。无论你想显示所有的信息,你都必须把它翻译成每一种语言的版本号,让每个人都能理解。此外,您需要显示一个链接,链接到访问者匹配的语言版本号的网站。

1.让访问者搜索他们想要的:如果访问者浏览过的页面被移动过,你可能想给他一个方法来搜索页面被移动过的地方。可以考虑在页面上凸起一个输入框。

如果只是像下面这种,大概就不适合了:

照片来自网络。

自然,如果你的用户是程,你也可以这样做:

上面只有有限的设计概念,但艺术创意是无穷的,例如:

注:阅读关于网站基本建设方法的文章,请将场景移至网站建设教程频道栏目。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/767540.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-02
下一篇 2022-05-02

发表评论

登录后才能评论

评论列表(0条)

保存