1419846270919.jpg (14.96 KB, 下载次数: 11)
下载附件 保存到相册
如何打造优秀的404错误页面
2017-3-2 08:23 上传
1419846270427.jpg (32.91 KB, 下载次数: 7)
404 Not Found HTTP 404 Not Found 404 Error The page cannot be found The requested URL was not found on this server
1419846270945.jpg (45.85 KB, 下载次数: 13)
显眼的标题或文字向用户说明出现当前页面的原因。看到自己打开的网页和预期的不是一回事是很恼人的。一定要让用户知道他们打开的页面不正确,但所登陆的网站是没问题的。 搜索。在404错误页面上提供与网站其他部分相同(且位置一致)的搜索功能。这样一来用户就能自己查找要访问的页面。 通往主页和网站地图的链接。这个设计要素中可以包含与网站其他部分搭配的标题或脚注。 其他简化信息。建议删去复杂的导航功能。如果用户进入到错误页面,你只需为其提供简单几个能够导向正确位置的选项。如果选项过多,反而会让用户更加头疼或者困惑。 加入显眼的操作提示。告诉用户下一步如何操作。
1419846270766.jpg (49.45 KB, 下载次数: 4)
明确告知用户其所寻找的页面无法找到。语言应当友善、诱人。 404错误页面应当与网站其他部分的外观和感觉相互匹配。 考虑在其中添加通往热门文章或帖子的链接。 为用户提供报告坏链接的渠道。 让网络服务器在收到对丢失页面的请求时返回实际的404 HTTP状态代码,以免其显示在搜索结果中。 使用Enhance 404工具在自定义404页面中嵌入搜索框。 使用Change of Address工具将网站的动作告知Google。
1419846270623.jpg (30.1 KB, 下载次数: 1)
保持设计的一致性。使用与网站其他页面相同的颜色、字体和图形风格。 保留品牌标识。使用相同的logo、标题和脚注处理方式能够帮助用户识别你的网站。 保持视觉上的简约。在错误页面上,少就是多。 不要让用户滚动鼠标。设计应该以一屏为限。 不要使用太多噱头。虽然与整体网站和品牌保持相同的基调和感觉是个好主意,但是过多的内容反而会让用户忘记自己本来要找的东西。 表示歉意。用户进入错误页面时你道个歉绝对没问题。 如果你的网站需要登陆,可以添加登陆功能。(错误是否因为用户需要登陆而造成?) 发挥创意,或者表现趣味。不要忘记先对页面进行测试。保证所有用户都能理解你的设计。 如果你使用了“404错误”这句话,则应当再加一行文字告诉用户其意思是什么,或者他们下一步应当如何操作。
使用道具 举报
本版积分规则 发表回复 回帖并转播 回帖后跳转到最后一页
|关于我们|申请友链|Archiver|手机版|拘留所|冠富商务通
GMT+8, 2026-8-8 23:50 , Processed in 0.265016 second(s), 17 queries , Wincache On.
Powered by HCMS Version 2.0
© 2008-05-14 guanfu.net.cn