• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网站维护页面的列表制作技巧

网站维护页面的列表制作技巧

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网站维护,页面等相关知识,佚名 希望在学习及工作中可以帮助到您
而且,很多时候,维护需要你的网站至少断网几分钟。

那么,在你的网站将要关机维护的时候,你该做些什么呢?你当然不希望用户看到404页面或其它错误页面,而且你很希望可以鼓励他们很快回访你的网站而不是“稍后”,是吧?如果是这样的话,你将需要创建一个定制的维护页面。下面我们准备了一个制作有效的维护页面的的列表,它将有助于保留你的浏览者,无论是新访问者还是回访者。

1. 保持你的维护页面简单而又用

维护页面的全部功能就是让用户知道你的网站还在运转而且维护只是临时的。不需要做任何超出这个的事情。确认一眼就能看懂你的这个页面是干嘛的,并为访问者提供他们感兴趣的信息。

另外一个对简单的维护页面很有用的功能是用多种语言展示你的维护信息。网站是国际化的,而且尽管你的很多浏览者可能能说一些英语,但是提供多种语言是很有帮助的。请谨慎使用在线翻译工具,因为很多时候,它们很不准确。你想让你的维护页面做的最后一件事情可能是进一步的迷惑人们——或者更坏——让他们反感。

Maintenance Page Screenshot

Twitter 维护页面提供直接的最少的信息,并保持一个简洁的设计,而且对用户依然是吸引人和友好的。

Maintenance Page Screenshot

Google的Adsense页面 用多种语言提供了简洁的维护信息。

Maintenance Page Screenshot

而且有的时候,Google Adsense 仅仅用清晰的语言解释发生了什么事情和页面什么时候会重新上线。注意Google 同样消除用户的疑虑:收益将像平时一样被跟踪,而且在宕机时间广告目标不会受到影响。

Maintenance Page Screenshot

来自于苹果店的维护界面抓住了要点。

Maintenance Page Screenshot

MobileMe 使用一个在视觉上吸引人的多语言的维护屏幕。

Maintenance Page Screenshot

2. 认识到这对你的用户是一种不便

当你的网站宕机,对你的通常用户会很不方便。这是个简单的事实。但是不要让感到不便的用户变为疏远的用户。简单的承认你的网站的宕机对你的用户是件痛苦的事情常常就能够让他们满意了。为宕机道歉,为他们提供有用的信息,让他们感到你已经意识到了这对于他们意味着什么。

Last.fm 在他们的维护页面的上面的右侧放了个醒目的道歉。

Maintenance Page Screenshot

Twitter提供了一种颇轻松的方式,不过依然致歉了,因为用户可能无法忍受宕机。

Maintenance Page Screenshot

3. 不要顾虑使用幽默

没有必要因为你的网站当掉了就把一起搞的很严肃。使用一些小幽默或许可以然你的维护页面变得有趣,并帮助提高你的网站在那些因为宕机而感到不便的访问者眼中的印象。想象一下和你的网站内容有关的小天使可以被用幽默的手法描绘出来。无论它是在你的标志或吉祥物上做些小动作,或甚至是与你的网站没有一点儿关系的东西,肯定会有一个天使可以让你的维护页面变得有趣的。

Etsy 显示Halm 正在处理当前技术问题。主意Etsy 也传达了正在发生什么以及预计恢复时间。

Maintenance Page Screenshot

Soundcloud 许诺会很快恢复并使用了一个双关来让维护页面变得醒目。(来源…).

Maintenance Page Screenshot

Ning 使用一个可爱的插画并且声明有经验的技术人员(图片)正在为了尽管让Ning上线而努力工作。(来源…).

Maintenance Page Screenshot

Reddit的维护页面使用了更多的信息,Reddits 可能不会停止使用Lisp…

Maintenance Page Screenshot

YouTube 貌似正忙于推出一些新的组合和配方。(来源…)

Maintenance Page Screenshot

Mozilla: 维修中…(来源…).

Maintenance Page Screenshot

Revver (来源…).

Maintenance Page Screenshot

Flickr的维护页面似乎不是很信息化的,但是很有趣。Flickr 正在享受按摩。

Maintenance Page Screenshot

FlashDen 声明一个10秒中的宕机并提供一个在维护自己的卡通角色以博取访问者的笑容。

Maintenance Page Screenshot

Bloglines 在网站宕机的时候使用一个管工的图片来做出解释。

Maintenance Page Screenshot

Apartmentguide.com: 在维护页面上使用维修工人的有一个例子。

Maintenance Page Screenshot

4. 为维护页面设计同样的外观

你希望访问者立即意识到他们来到了正确的地方,即使你的网站和往常看起来灰常不一样。如果你的维护页面与你的正常网站没有相似性,那么很多访问者会觉得他们到了一个错误的URL,而可能不会去关注你的页面上说了些什么。

请确保你的维护页面包含了你的logo并和你的网站保持同样的用色。即使只用这两件事情就可以让访问者在遇到一个意外的页面的时候感到比较释然。

Grooveshark 完整的保留了他们的头部和基本的色彩。

Maintenance Page Screenshot

StumbleUpon同样完整的保留了他们的头部和logo,甚至插画也是使用的他们的招牌色彩。

Maintenance Page Screenshot

Naturalinstinct 使用了同样的配色方案并提供给用户替代的联系选项。

Maintenance Page Screenshot

5. 告诉访问者你的网站什么时候可以恢复

维护时间可能会有较大的变化。有的时候一个网站可能仅仅宕机几分钟,也可能会有一两个小时,甚至更长的时间。让用户知道你预计网站什么时候能够恢复并运行。这样他们将会了解什么时候他们在什么时候可以回来访问。一个公开的维护页面可以鼓励用户在几个小时甚至几天后会回访一下,看看网站是否恢复了。有些事情比如你将在5分钟后恢复会鼓励他们这样做的。

iStockPhoto的维护页面告知访问者网站可能恢复正常的预计时间。

Maintenance Page Screenshot

Blogger使用一个包含网站预计恢复的时间的简单的页面。

Maintenance Page Screenshot

Linkedin让用户知道网站什么适合可以上线(来源…).

Maintenance Page Screenshot

StudiVZ建议用户先喝杯茶(等一下),然后告知访问者网站将在8点钟上线。(

您可能想查找下面的文章:

  • 网站维护页面的列表制作技巧

相关文章

  • 2017-08-06网页设计师也要学习网页代码编写
  • 2017-08-06HTTP头部信息解释分析(详细整理)
  • 2018-08-23私货分享!设计师如何全面提升自己的工作效率?
  • 2018-08-23交互基础小课堂!从五个维度全面分析「下拉刷新」功能
  • 2018-08-23网易设计师:为什么要成为全价值链的研究员?
  • 2018-08-23从聊天界面的设计,看QQ和微信的不同
  • 2018-08-23【推广】设计创业者| 为了提高过稿率,我换了台可以解决吐槽的笔记本
  • 2018-08-23阿里巴巴UED总监:新商业环境下设计师的转型三部曲
  • 2018-08-23工作复盘:从四大角色带你了解H5制作流程
  • 2018-08-23超全面!从0到1正确开启UX项目的方式

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 成为解决问题的人!总结我在用户测试里吸取的5个教训
    • 一份超实用的UI设计师上线执行手册
    • 你好,我就是传说的佛系设计师
    • 非科班福利!仅需5分钟,让你成为一名专业的画画人士
    • 交互基础小课堂!从五个维度全面分析「下拉刷新」功能
    • 是谁剥夺了设计师的话语权?来看资深设计师的总结!
    • JPG,GIF及PNG各类型的图片格式详细解说
    • 如何去掉超链接下划线用三个简单的实例来说明
    • 腾讯设计师总结的图标设计五维自检法
    • 新闻资讯类App 该如何设计?这儿有一份UX分析

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有