Assignment 4: User experience analysis--taking "Division road Nantong Website" as an example

I. Objectives of the operation

• Based on the case analysis, 7 rules of user experience design are realized.

Second, the operation requirements

• The UX analysis is carried out for the division of Lu Nan Tong. PS: Comparison of 2 other learning sites: 1. Umu learning platform; 2. Student Safety Education Platform
• Based on 7 UX evaluation criteria, analyze the place where you feel satisfied with the user experience design (not less than 2 o'clock), please state your reasons.
• Similarly, the analysis of "Division Road Nantong" in the user experience design to make you feel most dissatisfied with the place (not less than 2 o'clock), please state the reasons.
• When replying to the above questions, attach.

Third, analysis

(i) Welcome interface

1. Division Road Nantong

Click to enter "Division Road Nantong", a page appears, is a welcome interface (1), Nantong Education Introduction (2) and 4 Nantong Educator profile (3-6) of the animation.

Figure 1 Welcome Interface Figure 2 Nantong Education Introduction Figure 3 Nantong Educator--Hu Yuan Introduction

Figure 4 Nantong Educator--Sha Yuanbing Introduction Figure 5 Nantong Educator--Gu Yisheng profile Figure 6 Nantong educator--Zhang Jian

The interface makes a simple animation that is good for attracting new users. The use of a unified standard template, clear layout, in the next to the page is sufficient to stay white, visual clarity, the display of content is easy to read.

But the interface is composed of pure animation, no hint button prompts the user to click into the first page, novice use may create doubts, do not know how to enter. The animation is a brief introduction of Nantong education and Nantong's 4 famous educators, the author has tried to do not move the mouse and the mouse is not placed in any position in the animation, after about 3s will automatically appear the next picture, if the mouse placed in any position in the animation, will remain in the page, This setting is a bit superfluous for most users, and most users do not go into the picture to see what is being shown, and do not find out what else to look for next, so developers should make it as simple as possible, reduce memory, and improve speed.

2.UMU Interactive Learning Platform

Click into the "Umu Interactive learning platform", there is a user login interface, 7, appears very abrupt, no user to use the pleasure.

Figure 7 Umu Interactive Learning Platform Welcome interface

3. Student Education Security Platform

Click on the "Student Education security platform" to appear on the regular first page.

Figure 8 Student Education Security Platform Welcome interface

4. Summary

(1) "Division Road Nantong" Welcome the advantages of the interface: with animation, for the new user has a great appeal.

(2) "Division Road Nantong" Welcome the shortcomings of the interface: A. Welcome to the interface does not set any prompt button; b. Set the animation is not very reasonable scrolling way, a lot of content will be ignored, with the increase and perfection of the content of the website, will waste some of the page jump time.

(b) User Login

1. Division Road Nantong

"Division Road Nantong" in the user login aspect does not have the perfect design, clicks the user login, the page left the figure jumps not to come out, the right side only provides "the account", "The password" two columns, wherein "The password" may with "The Verification Code" the interchange, but did not provide "the registration" button, the ordinary user does not Only users who have distributed the account and password can use it, and users who do not have an account click to get the verification code will be prompted to "the phone number does not exist and cannot be verified". About the "Confirm" and "Cancel" button, click on the "Confirm" button will be prompted to request, the error message gives the next action prompt, but the "Cancel" button is not set, click After no response.

Figure 9 Division Road Nantong User Login settings

2.UMU Interactive Learning Platform

Umu Interactive learning platform in the user login to do a good job, in the registration/login interface, you can choose to use e-mail, mobile phone number or login, and the other two learning platform, in the input password is also set to hide/show the password, when the user accidentally lost can see the lost, do not have to lose all.

Figure ten umu Interactive learning platform User login interface

For the first registration/landing of the visitors, need to complete the information before registration success, normal landing. In the perfect information, the user must fill in the real name, company, unit or school name, mobile phone number and region, prompt language concise, no professional terminology, but can not skip, in the guarantee of the user's true and reliable circumstances, refused to some special attention to personal privacy users. User registration completed also to select the user identity, convenient page push service.

Figure One umu Interactive Learning Platform Registration "perfect Information"

Figure umu Interactive Learning Platform Registration success

Umu Interactive learning platform A bad thing to do during the registration process is that you cannot go back to the previous level to modify the information only in the "personal account".

3. Student Education Security Platform

The landing window of student education security platform provides account number, QQ, Weibo login, password is case-sensitive. But also limited to the distribution of account users login, ordinary users can not register login, which is similar to the Division road Nantong.

Figure 13 Student Education Security Platform User login

4. Summary

(1) "Division Road Nantong" User Login Advantages: Similar to the "Student Education security Platform", limited to the distribution of account users to log in, to ensure that the user is true and effective.

(2) "Division Road Nantong" Welcome the shortcomings of the interface: A. The interface design is not good, the pattern cannot jump out; b. Part of the button is in a dummy form, such as "Cancel"; c. " Landing "located in the upper right corner of the homepage, not like other software homepage is displayed, not intuitive; d. Compared with the" Umu Interactive learning platform ", it is not possible to register, limit the number of users of the site, the general user in addition to the view can not do anything else; E. Compared with" Umu Interactive learning platform ", passwords are hidden, Can not view the lost password, once the wrong most cases can only be re-lost; F. Compared with the "Student Education security Platform", although it is only for the distribution of account users, but the interface design and error design is obviously not humane, the design of "Student Education security platform" beautiful.

(c) Main Page

1. Division Road Nantong

Master Road Nantong Main page consists of the upper and lower three blocks, the top is the navigation bar and a picture, the main color is blue, the picture has a brighter eye of the yellow orange color, the middle is "recent training", "Classic training" and "recommended course" three pieces, with blue color as the main color, so that the upper picture of the Orange is very "For the transition, to the lower part of the main page, consisting of" training course category "and" training course ", the background color is red, and the upper blue is two tones, very abrupt.

You can also see some other problems on the main page: (1) The main page is placed a lot of content, but did not consider the visual effects, such as the "classic training" headline pushed back not upload pictures, upload the course picture background color, uploaded expert pictures without the uniform background color of the photo, which led to the entire interface is not harmonious ; (2) "Training experts" column using scrolling way, the user does not have control, not good choice to look back to scroll over the photos, only wait until after the loop to play again, and only put the picture, no text commentary, for most users is useless, because the vast majority of users do not know these experts, Add an expert name and position to scroll along with the photo; (3) The lower part of the main page of the classification is unreasonable, the "training course" to two pieces, put a few different courses, but click on the two "training courses" after the "more" button, jumped to the same page.

Figure 14 Division Road Nantong Main Page

2.UMU Interactive Learning Platform

The main page of Umu Interactive learning platform is very concise, the navigation bar is a beginner's guide, using the user's own keys to view the relevant video guide. The next step is personal achievement (including the number of courses completed, number of cities visited, number of students), course calendar and course information, and the difference between the two software is that the Umu Interactive learning platform classifies users ' courses by time into today's, future, and past three categories, more directly telling the user which classes are already in place, Which is the future to start, which is today's course, play a very good hint and query role. Umu Interactive Learning Platform interface is relatively concise, but also did not notice the user's visual effects.

Figure Umu Interactive Learning Platform homepage

3. Student Education Security Platform

The student education security platform looks good from the visual effect, the interface conforms to the Convention, the entire page background, the color collocation coordinates. The main page shows the school safety Education Platform, school safety education test Area two home links, including security news, shared resources, help Center, platform ads, feedback, I want to leave a few modules, but the only thing is not the navigation bar, there is no clear indication of the current location, no clear definition of the first page of the link.

Figure 16 Student Education Security Platform homepage

4. Summary

(1) "Division Road Nantong" user Login advantage: Compared with "Student education security Platform", set up the navigation bar, clearly show the current location, define the first page of the link

(2) "Division Road Nantong" User login deficiencies: A. Compared with the "Student Education Safety Platform", the interface visual effect is not good, the color is uncoordinated; b. There are a lot of content, but the classification is confusing, unlike the "Umu Interactive learning platform" to highlight the course management, or as "Student education security Platform" each module has corresponding content , "Division Road Nantong" There is a phenomenon of classification and repetition.

(iv) Website content

1. Division Road Nantong

Division Road Nantong There is a "division of the Road Discourse", "quality training," High-end study "," training course "," Talent Training "," Nantong Model "," title promotion "," State culture culture "a few pieces of content, including" Division Road Discourse "," Nantong model "only one content, respectively wrote only a paragraph, introduced two educators; High-end training "," courses "from the three perspectives of experts, courses and studies;" Training courses "provide relevant curriculum information;" Talent training "is related to the teacher information;" Promotion "and" state culture "provide some relevant information or announcements. Such classification is not very reasonable, the contents of the duplication, such as "quality training" in the "Ching", "Talent training" also appear, and point to the same link.

Figure 17 Division Lu Nan Tong--Fine training

Figure 18 Division Lu Nan Tong--high-end training

Figure 19 Division Lu Nan Tong--Talent training

As can be seen from Figure 19, although there is "Home > Quality Training" in the navigation bar, but in the navigation bar, the dark box still stays on the "home", does not point to "quality training", this problem in several other modules also exist.

Look at the "training course", as shown in Figure 20, there are 20 types, but only 59 courses, the classification is not very perfect, there will be 21 of the cases shown in the retrieval of the course. The course of Nantong in the Master road is mainly PPT courseware. The module does a good thing is that the user has autonomous control, you can choose from the type of attention, and it according to the "Default", "Recommended", "latest" three methods to sort, when the election is wrong can also delete the selected conditions, back to the initial course list interface. The module also provides "recommended courses" and "course rankings" to help users find high-quality resources.

Figure 20 Division Lu Nan Tong--training course

Figure 21 Division Lu Nan Tong--Training course--Class teacher contest

2.UMU Interactive Learning Platform

Umu Interactive learning platform is mainly for users to upload courseware, including "My Course", "Learning Project", "Course resources", "Membership Upgrade", "App download", "help" several modules, users can manage their own courses created by time, in the "template" Select the appropriate template, in the "help" to learn how to use. The "My Courses" and "Learning projects" provide a search box that is available in 22 to be searched by the user. Because I can only upload courseware after registration, not good search has a curriculum resources, do not introduce more.

Figure Umu Interactive Learning platform search box

3. Student Education Security Platform

Student Education security platform contains "security news", "Shared resources", "Help Center", "platform advertising", "Feedback", "I want to leave a message" several modules, including "Security News", "shared resources" provided the site portal, linked to a brand-new site, 22. While several other modules are attributed to "user Help", the point is another layout, shown in 23. Such a layout would make the user feel a bit strange to use, like using two websites.

Figure 22 School safety education platform-Safety news

Figure 22 School safety education Platform--user Help

Then we can search for the course resources, open the shared resources, which provides a number of different series of curriculum resources, including "natural disaster", "accidental injury", "Social Security" and many other aspects, but also provides comics, pictures, videos, knowledge four different course forms. In addition to the page on the left of a specific classification, in the upper right corner of the page also has a search box for users to search, very convenient.

Figure 23 School safety education platform--course resources

4. Summary

(1) "Division Road Nantong" User Login Advantage: The search results by the "default", "Recommended", "latest" three ways to sort, provide "recommended courses" and "course ranking" situation, to help users find high-quality resources.

(2) "Division Road Nantong" The disadvantage of user login: A. Content settings are confusing, the contents of the settings module are duplicated; b. The curriculum is basically PPT courseware, the form is single; C. The retrieval type is not well set, there is no result of the search under a certain type, and can only be retrieved by one type, and it cannot be further retrieved by multiple types when the content is sufficient. D. Every interface There is a search box, which is very inconvenient when the user does not know which module to retrieve.

(v) Other

Umu Interactive learning Platform, student education security platform has a help function, can guide users to better understand and use the web; umu Interactive learning Platform launched mobile App Edition, student education security platform launched Platform mobile version and platform official number, solve the user's use of computer inconvenient problem.

Assignment 4: User experience analysis--taking "Division road Nantong Website" as an example