Website, product design analysis: Talk about novice User Guide design

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

Novice user-led design has always been a topic of popular discussion, and today all kinds of web products are also follow the direction of the mobile end. Here I also on this topic, summed up their experience ideas.

What is a guided design?

We take it apart as "guide" and "design," What is guidance? We can return to life to find the answer, guide to lead visitors to visit the sights, help accommodation, let the tourists easily and happily complete their journey, teachers teach students to learn more quickly and more in-depth knowledge, learning; The roadside eye-catching arrow signs guide us to find the subways faster, and these are examples of life-leading.

So it can be summed up that guidance is the process of leading a set of target objects to achieve goals faster and more cheerfully, and guided design is the design of this process. In the category of Internet products, novice guide design is to guide novice users faster and more enjoyable to learn the process of using the product of the design, it tries to like guides, teachers, road signs, like lead novice users quickly familiar with the overall function of the product, in the user's operation encountered obstacles before giving timely help.

However, the Novice guide to design is not entirely to guide novice users to learn how to use the product design? So, it is too noble point, return to the product itself, is not the effort to make the product on the line is to meet the needs of users, of course, not all, more is to achieve their own profits, This should be said to be a win. So in fact, the product also has its own selfish, products can be used to guide the use of new tools to their own products faster marketing to users, so that users quickly from novice users to the high degree of active, adhesive high loyalty to the conversion of users.

Novice Guide design to meet user needs and product objectives, maintain the balance between the two, to achieve a win-win situation.

Like Jesse James Garrett. In the "User Experience Essentials" proposed that the most basic architecture is the user needs and web site goals, the promotion of novice-led design for two reasons: User needs and product objectives. For novice guidance, the user needs to learn to use products quickly and cheerfully. The goal of the product is to convert the novice user quickly into a loyal user with high active degree and adhesive degree.

User needs and product objectives will be different from the point of view, sometimes there will be conflicts, but not irreconcilable contradictions between them should be in meeting the needs of users can also achieve the status of product objectives. So the Novice to guide the design is to balance the user needs and product objectives, to achieve a mutually beneficial situation.

Meet user needs: Guide users to learn to use products more quickly and cheerfully

First of all to meet the needs of users, that is, to guide novice users faster, more enjoyable, unhindered learning to use products, and do not suffer from too much information interference, novice guide design is the process of design. From what has just been said, novice guide design is to conform to these characteristics:

A. Novice users-know nothing about the product, we should pay attention to the easy learning of products, the effectiveness of guidance.

B. Faster and more enjoyable--in addition to achieving the goal efficiently, there is a need to consider pleasure.

C. Process-the whole process through which users learn to use the product, not just the beginning.

1. Use the product itself to guide--Improve product accessibility

With the product itself to guide, to reduce the learning threshold of products, is the best way to guide the design is also the most essential part of the core. Using the interface to tell users what he can do in this interface, so that the invisible guide users unknowingly learn to use the product.

Keep the product concise and highlight the core functions

With the product itself to achieve guidance requires products need to do subtraction, keep the product concise, highlighting the core functions, so that users at a glance. QQ6.3 computer Butler through the simplification of the layout, through a large number of white and jump out of the green big button focus on the attention of the user, clearly told the user this interface is used for safe physical examination.

Use tones to keep users focused on core content

The sight of the person will first see the bright tones (warm tones) of the part, and then see the dark tones (cold tones) of the part, so you can use a bright hue (warm) to highlight the core content, so that the user's visual focus there. Tumblr, the originator of light blogging, uses dark tones to weaken the background, navigate, and highlight the highlights of the content, allowing users to focus their attention on the immersive reading experience of blogging and reading others ' posts.

2. Guide for first use instruction--make the guide more efficient and interesting

Using the product itself to guide users to learn is the best way, but many times this approach is not enough, the product needs to use a faster way, so that users have a global understanding of the product. Many products borrowed the concept of the use of industrial products in life, the user used the product at the beginning, tell the user how to use.

Home function Introduction

In the first use of products, the introduction of the function on the home page, this way is more commonly used way. such as Evernote on the home page using text to introduce its related functions and use methods, so that users have a preliminary understanding of the main functions of Evernote, but many times, the user may not have the patience to read a large section of boring text, and directly hastily skipped, as said before, The second feature without a beginner's boot: faster and happier--besides being effective at achieving goals, you need to consider pleasure. So the simple text introduction of the guide is still relatively poor.

The homepage of the QQ browser function introduction uses the way of the diagram, careful design lets the user be more willing to read it.

Global Tour

Global tour is like a guide to lead novice users to quickly tour the entire product, so that novice users of the product has a holistic understanding, often graphic combination, careful design can give users a more profound impression, so that users moved warmth. such as the following QQ space graphics and text combination of the way, a friend of the network after the revision of a careful global tour of the people before the bright, highlighting the concise text description, clear. #p # subtitle #e#

3. The use of timely use of guidance-guidance is a ubiquitous process

The first use of the instructions because the general use of Exclusive window mode, will only put the core function of the guidance, so as to avoid too much hint to the user caused greater interference, but many other functions also need to guide. Therefore, in addition to the initial use of the instructions, in the user learning to use the product throughout the process, should be through the guide.

Masking Operation Introduction

During the first entry into the corresponding scene, the introduction of the interface operation appears. such as Tencent Weibo app, the first time to enter the people around the module, in a translucent mask to show the operation of the introduction.

EF Word app in the first time to enter this interface in a gray transparent mask to circle the way the operation of the interface instructions, very warm heart.

Inline Operation Boot

Inline guide is to help guide directly embedded in the interface, when the need to guide the role of guidance to help, such as the following QQ browser Nine Sudoku did not add a blank location on the page to boot operation "Click Add your Favorite Site", guide users can add by clicking.

QQ iphone version In the absence of dynamic when given inline guidance, in the dynamic when no longer appear.

Meet Product Goals: Guide Novice users to loyal users

Products created in addition to meet the needs of users, more to meet the product's goal: more powerful than the competition and better use, users download (online volume) More, users more active and so on, for novice users, the goal of the product is to quickly convert novice users to active high degree of adherence to a high degree of loyal users. That is, the novice user-led design in meeting the product target level is to guide novice users fast to active, high degree of adhesion of the faithful user transformation design.

1. Mission guidance-faster and more direct transformation

The common way is to guide the task, that is, a task to allow users to complete, such a way is a more direct way, but also relatively fast way, so it will become the product of the more commonly used way of guidance. For example, the product can improve the operation of human tolerance: perfect information, upload avatar, etc., will adopt this way of guidance. However, the presence of the task will cause some interference to the user, depending on the degree of interference can be divided into:

Exclusive page

Tencent Weibo Novice task with exclusive page to guide users to friends and celebrities to listen, although the degree of interference is quite large, but also the best degree of guidance, in this way to guide users to complete some very important operations is very fast and direct.

Window flick

Tencent microblogging novice task with the pop-up window to guide the upload avatar, compared to the window will be more than exclusive page interference less intrusive, users more easily choose to close the window and skip, so the success rate of the guide will be relatively poor.

Small Bubble type

The guidance of small bubbles is relatively small, but the guidance is also a relatively poor way, users can easily ignore and ignore it. Like the following friends network with small bubbles in the way you want users to upload avatar, hope that through the interesting hand-painted and text to enhance the user upload avatar. #p # subtitle #e#

Embedded

Taobao uses the position of the avatar to skillfully do the embedded task Guide, to the user interference is almost zero, but delicate the truth of the hint will allow users to finally pass their own avatar, guidance is also good, but need some time, because the embedded guidance does not require users timely response, you can have time to pay attention to.

The friend net to the user adds the person's action to embed in the page, will the user's interference degree to be minimized.

2. Incentive Guide--to inspire users in a stealth way

Motivate the user to complete some of the product operations, improve the integrity of the user data, product familiarity, participation in some of the activities of the product and so on.

Digital incentive

With the way of digital stimulation is also seen, such as friends network with the resident tips display data integrity value, so that users have to click in to continue to improve the material's desire.

QQ computer Butler with a red number warning users do not scan the Trojan days, prompting users to immediately carry out Trojan scan.

Example Motivation

Shrimp nets use role models to inspire the human nature of the competitive heart, into the desire, so that users can quickly participate in.

3. Recommend--let users find more

In addition to the product's basic experience, let the user discover more other new features or fun activities, so that users grow into more advanced users, and their product recognition will become high, as a loyal product users. At the same time, because the product with the development of the continuous iteration and expansion, we need to recommend users to discover new function points.

New Feature Recommendation

QQ space with the image of the tips to tell users the new recycling station functions; Friends network with tips recommend users to find friends live chat.

Circles use tips to tip you can circle people and join the circle of interest, but pay attention to not too much tips will cause great interference to users.

Activities recommended

Tencent Weibo uses small banner on the top of the microblog to recommend different activities each day to enable users to participate and increase their active presence in the microblog. But at the same time also must note that the user easily banner as the advertisement ignores the custom, may elaborate designs the small banner, lets it not look like the advertisement.

When encountering user needs and product goals

In essence, product objectives and user needs should be symbiotic relationship, only to meet the needs of users, product objectives can be better met, but we still encounter a lot of products in order to hurt the user needs of the case.

1 constantly recommend new function points

In the process of gradual iterative function expansion, the original point will be forgotten, many of the guidance is constantly recommending new function points. Forget that this actually hurt the interests of novice users, users are constantly disturbed.

2 user angle or product angle

In introducing the new function point of the product, it is to use the user's language simple and straightforward expression of the mode of operation or product introduction, I would like to more redundant sounding feature introduction may not be the best novice guide.

In view of the above, summed up is that we face the novice user guidance, to be able to balance the user needs and product objectives of the relationship between the two to achieve a harmonious and win.

This article is reproduced from the Tencent CDC link http://cdc.tencent.com/?p=5265