404页面为什么要制作,如何设计

zhushican | seo教程 | 2015年4月5日

  当用户在访问一个不存在的页面时,通常服务器就会返回404错误。比如我们在访问网页时偶尔会遇到404页面,404页面会提示到您访问的页面不存在了。浏览器往往会在网站没有设置特定的404页面时就会自动的默认一个页面为404页面。但是对于用户的体验来说默认的页面效果并不太理想,因此还需要花一些心思充分的利用起来。
 
  首先,我们先来了解404页面时什么,404是当所访问的页面不存在时就一定要返回404错误代码,但让也并不是所有的都是返回404因为有的服务器存因为设置问题所返回的是200状态码,这样表明网页数据是显示正常,但是对于搜索引擎来说它会认为网站上存在大量的相同页面。从搜索引擎的角度来讲页面不存在时也可以转为301到首页而这种设置是不友好的。
 
  要保证不存在的页面返回的是404状态码,在设置时可以自己对页面的设计来操作。不仅仅可以满足用户体验,更对搜索引擎友好。那么,该如何设计404页面,在设计时该满足哪些条件呢?
 
  首先要与网站的模板统一,因为404页面主要是传达错误的意思,不要让用户对自己所浏览的网站一无所知。设计的logo以及风格等名称也是如此,对其进行统一化这样才能更好的体现网站设计的规范性。
 
  其次应该在醒目的位置提示错误信息的,页面已经不存在了要明确的表达出来,并且提示用户还可以考虑进行哪些操作。比如网站首页,网站地图,重要页面等,也可以设置站内搜索的功能,让用户通过关键词的搜索能快速的找到相对应的页面。
 
  在浏览大型网站中有些404页面设计非常人性化,网页不存在也不会令用户失望,这就是404页面的作用所在,也是设计的魅力的所在。 

[阅读全文]

如何设计合理的用户引导界面

zhushican | seo教程 | 2014年7月25日

 移动网站与传统意义上的站点不同,由于手机或平板等移动设备的屏幕空间有限,即使是拥有5.7英寸屏幕的Galaxy Note3也无法在一个屏幕内展现所有页面内容。因此,网站开发者就会尝试设计出各种各样将视图叠加的方法。但是叠加的视图必须由一个按钮或者收拾来触发才能显示,这时就需要一定的学习成本。那么如何让用户快速掌握使用方法,并充分体验到设计的好处,这种情况下用户引导界面设计的重要性就会体现出来。下面我们就列出了几种较为合理的用户引导界面。
Mobile web site and the traditional sense of the site is different, because the mobile phone or tablet and mobile device screen space is limited, even with a 5.7 inch screen Galaxy Note3 nor in a screen to show all the content of the page. Therefore, developers will try to design a wide range of view superposition method. But the superposition of the view must be to trigger can display pack consists of a button or, then you need to learn certain cost. So how to allow users to quickly master the use of methods, experience and fully to the benefits of the design, in this case the user guide interface design will be reflected. Below we list several reasonable user guide interface.
1. 大段的文字介绍
1.Large section of text
一些移动站点和手机APP应用在界面无数据时会采取贴一长段文字来介绍页面的操作。从技术实现的角度来看,这样的设计是最容易的,但是用户体验却不理想。众所周知,用户在移动设备上几乎没有耐心去阅读长篇累牍的文章,这样就会造成大量用户的流失。因此,开发者可以在等待界面中以弹窗的形式,简明扼要的弹出一些文字说明,这样能够在保证通俗易懂的情况下,不浪费用户的时间。
Some mobile web sites and mobile phone APP application will take on a long text to the pages for the operation in the interface when no data. From the technology point of view, this design is the most easy, but the user experience is not ideal. As everyone knows, the user on the mobile device almost do not have the patience to read long-drawn and tedious documents article, this will result in a large number of users of the loss. Therefore, developers can waiting for interface with pop-up form, be concise and to the point out some text, which can guarantee the easy cases, don't waste the time users.
2. 通过类似PageControl的空间将应用的新增功能及介绍展示给用户
2.The application of the PageControl like space and the new function is displayed to the user
很多手机应用都是采用这种方式作为用户引导界面,但是这种形式的用户引导界面也存在一定的不足之处。首先,在很多应用中,这种用户引导界面只会出现一次,当用户快速划过屏幕进入应用之后却发现不会操作,却发现无法回头查看。其次,在某些重要更新后,可能会添加了许多新功能,这时用户在浏览到后面的页面时,很容易忘记先前页面中的内容。因此,在这种模式下,用户需要花费一定的时间来学习之后才能使用。
Many mobile phone application is used in this way as a user guide interface, but this form of user guide interface also has some deficiency. First, in many applications, the user guide interface will appear only once, when users quickly across the screen to enter the application was not operating, but found it impossible to look back. Secondly, in some important updates, may have added many new features, then the user to browse to the back of the page, it is easy to forget the previous page. Therefore, in this mode, the user needs to use after spending some time to learn.
3. 先期自动导入部分事例数据
3.Advanced automatic import part of case data
一个很好的例子就是课程表管理软件iStudiez,这项应用先期可以导入很多开发者建立的课程,在完成数据导入后,日程看起来就不是一张空白的表格,就会让整个界面顿时美化了不少。尽管这样的设计能够很好地美化界面,但是在指引用户使用方面并没有发挥很大的作用。因此,严格来说,这类设计是一个很好的填充空白界面的方式。
A good example is the class schedule management software iStudiez, the application of advanced can import many developers build curriculum, in the complete data import, schedule seems not a blank form, will allow the entire interface immediately to beautify a lot. Although this design is able to beautify the interface, but the direct users did not play a big role. Therefore, strictly speaking, this kind of design is a good way to fill the space interface.
4. 在特定界面的操作指导
4.In the specific interface Guide
与其他界面引导方式相比,这种引导方式的优势在于它需要在一定的特定情景下才会触发引导。当用户第一次进入一个全新界面时会弹出引导,这样就能让用户明确每一个界面按钮的意义。但是在设计这种引导方式时,要尽量避免强制引导用户操作。一些应用可能会强迫用户执行某些操作才能进入下一步,或者会重复出现某些提示,这时就不利于用户体验。
Compared with other interface guide way, the guide way's advantage is its need to trigger guide in a particular situation under certain. When the user first enters a new interface will pop up guide, so that you can let the user explicitly each interface button significance. But in the design of this guidance, to avoid the lead user operation. Some applications may force users to perform certain actions in order to enter the next step, or be repeated some of these tips, then it is not conducive to the user experience.

[阅读全文]
回顶部