On the interactive design of web-educational institutions

Zhang Dio (CEO of Net School Network) This is an article, online network in the implementation of product design, the study of the domestic network of educational institutions of many models, at the same time with the end user exchanges a lot, accumulated some design experience. Today, the importance of web-based education product design has become the consensus of the industry, as the operator of the third party platform, I hope to share some feelings with the industry to discuss with people. In particular, this article deals only with online education sites that exist as web-based educational institutions, and those that are based on a single point of breakthrough in web learning sites (such as memorizing words, curriculum, exercises). NET home design of an online network in the absence of innovation must be a lot of friends reading this article, will look at the Nets made what it looks, because this article's experience from the network design of the summary, so I really have to explain the net network model. A few days ago a writer friend interviewed me. He mentioned a problem: "School network positioning is to solve the network learning Autism Learning community, but why from the home page can not see." "It was really a very informative question, and then the friend wrote the manuscript, the name is" from the creative creativity ", in fact, this is what I would like to share the biggest experience, that is," some product design can be completely subversive innovation, some industries due to user habits, but also really have to comply with the existing user groups to use the habit of starting, Even if it looks more earthy. " China's education and training industry is such a special field, as a service product, education, the standardization of a low degree of discipline involving a wide range of sales process of high pre-sales dependence, entry threshold low, so the education and training industry is still difficult to standardize. In the ten years of industry development, the game between institutions and users, the continuous adjustment within the industry, has formed a deep-rooted user awareness, that is, "perhaps users believe that only such a model is educational institutions." It is precisely because of this reason, although the current traditional network education institutions seemingly "page is very soil", but still business is booming. Also because of this reason, the net after many revisions adapt, still return to the current home page style. Although this design "does not look anything special", but the home page bounce rate is only 20%. As an entrepreneur in the online education industry, my biggest experience is: We do not have the ability to educate users, in the risk of subversive innovation is greater, it is better to start from the existing mode of micro-innovation. And professionals can see that the existing Web page of educational institutions still have a lot of "micro-innovation" to improve the scope. I think this is an important idea when sharing interactive design experiences. Otherwise make the product is likely to be applauded by the media, but users can not necessarily be recognized. The second world model, the positive guarantee mode and the learning and thinking mode in many online education discussions, we rarely see the mention of existing web-based educational institutions, and we are very interested in innovative models, which is indeed an interesting phenomenon. In fact, the traditional network education institutions can be in the market for many years, each year for millions of students to provide web-based courses, the current network of education in the field of major incomeAlso among them, there must be rationality. And even if the traditional design of educational institutions to be upgraded, but they have been in the market for many years to promote the use of user habits, this power is not to be underestimated. Therefore, throughout the school's UE law is very important, macro-induction, the existing educational institutions of the website structure can be summed up in three categories: Global network home design 1. "Global vocational Education online" has been operating for many years and is a comprehensive network training organization for vocational education. It is characterized by the teaching of a number of subjects, the site provides more information content. If we observe a large number of online school pages, we can see that many network education institutions are imitating the global web site structure, the characteristics of this model is: 1-1 home page has a large subject directory, navigation is also a large number of lists of disciplines. 1-2 First page is not the user's reading focus, the user's focus is on the two-level channel of each subject. 1-3 subjects of the two-level channel to display a large number of learning materials, test dynamics, text clouds, promotional ads and enrollment schedule embedded in it. The 1-4-ring net School model forms a class timetable standard, namely, the curriculum according to the longitudinal arrangement, according to the commodity information horizontal arrangement, forms the two-dimensional curriculum. Users need to further understand and then select the class. 1-5 of schools ' promotional information is embedded under the timetable, almost all of which are text descriptions. 1-6 Click on the course and go directly to the pay page. The Chinese accounting net of long distance education home 2. The positive insurance mode is guaranteed long-distance education, is the New York Stock Exchange's listed company, is the only in the domestic long-distance education in the overseas listing organization, this is worth the industry personage proud. The distance education is based on the Chinese accounting school, at the same time provides more than 10 different directions of the campus model, such as primary and secondary education network, construction Engineering Education Network and so on. Therefore, the Orthodox distance education itself is also a multi-disciplinary comprehensive school, and the different from the global schools, is the different disciplines by the major categories of division into a branch, and each branch of the content of relative focus. The Chinese accounting net is the most common pattern in the industry. 2-1 the number of subjects involved in each branch is greatly reduced, so the subject catalogue is no longer the main content of the paging page. 2-2 Branch of the structure of the model, the subject directory and information classification information in the navigation, the entire site is still in the form of information-type site. 2-3 courses are still presented in a timetable style, and after clicking the course, go directly to the pay page. Learn to think home 3. Learning and thinking mode and thinking mode of the subject scale is similar to the branch station of the insurance school, that is, the subject direction is relatively concentrated. And the positive mode is different, learning and thinking school using the course Information page live, this model is K12 or English class to use more. 3-1 Learning and thinking of the course of the school is a list, not a global insurance curriculum style, that is, the course by line, each row of the information is larger, 3-2 and the global model, positive mode, learning and thinking mode of the site has product information details page. 3-3 in the productThe Message Details page automatically plays the listening content. The above is from the website structure view of three kinds of common patterns, believe that these different models are the results of many years of exploration, which for entrepreneurs have a strong reference value. However, it is worth mentioning that, in the UI perspective, traditional schools do have great room for improvement, which is just the opportunity of the latest entrepreneur. Three courses chopped up here, I would like to understand the teaching of the industry must smile, this should not be a secret. The reason why I mentioned this in the article is that we should look at this problem not only from the angle of teaching but from the UE. The so-called cut the course, that is, a complete teaching video, according to the knowledge and teaching objectives broken into a number of small segments, and to arrange the combination. For example, the teacher told an English text, video recording for 2 hours, the current more professional practice is, the 2-hour course in accordance with the content of the teaching into the text section, exercise section, Vocabulary parts, review part and so on. As a result, we've got more than n videos, and there are multiple combinations of video for these different courses. That is, all the exercises in the text of the integration, the formation of the exercise class, the vocabulary of all the text to integrate, forming a vocabulary class ... So we have a number of classes, suitable for different learners taste. To do this is a teaching and research effort, but also the idea of interactive design. That is, cutting the course to provide users with a large number of standardized, personalized courses self-service choice of space. This idea is indeed a start-up network education enterprises can not ignore. Four to the electric quotient, and have to have an education regardless of any subject of learners, they are the first ordinary Internet users, they are in the life of the most contact is certainly Taobao, Jingdong, Fank such an electric business platform. Therefore, as a paying person, the user's thinking mode of using the website is strengthened by the electric quotient platform first. Therefore, in the network education institutions of product design, must not and the electrical quotient of the UE difference too far, otherwise it will lead to user confusion. For example, the timetable-style display, though more intuitive, but users will spend some of their mind to understand the meaning of the timetable, if the course from the curriculum to find no product information page, if the timetable embedded in a large number of text links, this way is easy to let the user's eyes pain, presumably this to the user's patience is a big test. Other such as promotional information display, copy design, button design, and so on. But if simply using the electric business template, this also has the question, may let the user feel loses the education feeling, to the page professional experience raises the question. How to take a proper balance between the two this is really a kung fu, is the need for UE expert to participate in the work. In fact, this is the article in the previous mentioned "Innovation from No innovation", the so-called "no innovation", refers to the site's educational flavor can not be changed, the so-called "innovation", in fact, is the user common success of the UE model introduced. Pinterest Waterfall streaming site design Five waterfall streams, pictures and text waterfall Streaming site is really tempting, because a lot of pictures show will attract usersAttention. However, for the network education institutions, waterfall flow design will encounter the problem, that is, waterfall flow way is difficult to adapt to all subjects of the content needs of learners. If a class-one builder's learner is sure to want to see a cascade of Class one builder's courses, you will lose a lot of other subjects unless you are a dedicated school. But if we put all the subjects of the curriculum evenly waterfall, it will make users feel less professional. And as an education site, can be used for waterfall streaming picture content is relatively single, therefore, personal experience is, unless the professional education institutions, should be careful to use waterfall flow. By the way, I have seen the waterfall streaming course Information page, the feeling is that even as a professional, I can not understand. The online education organization can show the picture is afraid of only teacher photos and promotional ads, then work this. It is important to make the picture a little bit more precise, because it is a sharp tool to break the boring nature of the page. When it comes to page boring, educational websites also encounter an unavoidable problem, that is, if we do not display text information, then users will feel that the Web page is lack of professionalism. If we show the text, then a lot of text will dazzle the user. This is a dilemma, in addition, a large number of text links to help SEO, this is also the need for network promotion, so many schools would rather embody the professional arrangement of a large number of text, but also to sacrifice the readability of the page. Therefore, the current situation on the UE designers is a challenge, if the solution to this problem, your site must be invincible. Six UI design, you can do better UI design is too sensitive, even in the UE we have more than n "have to do so", but the UI design can certainly alleviate the "have to do so" flaw. Here, I really don't understand why educational institutions (including offline agencies) also adopt gradient buttons and metal-sensing navigation, gaudy theme colors, complex line segmentation, heavy color embellishment, and small spacing. This really has to spit, I can understand now is that perhaps the user mentality has adapted to this art design, that this is the characteristics of educational institutions. But the user is ultimately guided by the eye comfort, now users like Microsoft's elegant black font, concise color block, functional area segmentation, Web2.0 icon, hand-painted banner. From the network's users feel that this really can be, and this is exactly the creative space of online education institutions. Therefore, as long as the user to grasp the traditional heart and the Internet design trend of the scale, can greatly enhance the network education institutions of the product experience. Seven what else do users need besides these? In the network and the user's contact to feel that the user in addition to teaching, but also need to teach organizations and after-school services. Users do not want to buy after class on the page to ask questions, do not want to call customer service telephone attitude cold. Users want to have a sense of management, such as leaving a job for the user, and periodically reminding the user: "You should have a class, come quickly";In the long term, users do not have classes, give users a 2 points, which is the user's psychological needs, and these are just outside the education, but also the start-up of the network education institutions can work hard place. The above is on the online education product interaction design some observation and thinking of the experience, the net is the network education industry's third party community and elective platform, from its own, the most want to see is the network education industry development and growth. So as the CEO of the network, the first line of their own work to share the superficial experience to you, in order to be able to play a role, such as biased points of view, also hope not to laughable it.