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

移动网站与传统意义上的站点不同,由于手机或平板等移动设备的屏幕空间有限,即使是拥有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.

网站建设咨询