Two level analysis: the interactive design of the chattering

2018-07-31

Note: Beer crayfish, shaking friends is a family! As a senior shaking friend, I toss my shaking voice today.

Author: stray leek bag

Two level analysis: the interactive design of the chattering

First of all, we list most of the main functions of the jitter.

Two level analysis: the interactive design of the chattering

From the product level, we usually have two operations to shake the voice.

  • Look at the video, the shakes;
  • Take your own video or challenge the list.

The first level

There are two Tab on the front page of the shake. The recommended algorithm is said to use the algorithm of today’s headline to carry on the weight analysis on the playback rate and the playing time. If the number of times seen in the vicinity is longer and longer, it will be recommended to more similar users through such data analysis. If the number of playback times and the length of the playback are increased after the recommendation, it will continue to be a good cycle. If the number of times and the length of the play are reduced, then the nausea circulate to the refrigerator!

Back to the topic, based on the two factors of display and content uploading, the interaction of home page is analyzed.

Two level analysis: the interactive design of the chattering

Tab improvement

  • Original: front page, attention, photo, information, mine;
  • Now: the home page, the challenge, the information, my.

The prototype is as follows:

Two level analysis: the interactive design of the chattering

Changes in the home page:

  • Hide the search / Photo button of its home page, and integrate the attention, the neighborhood and the recommendation to the front page, facilitate browsing, and unify the content entry.
  • Simplify the original bottom menu bar (the bottom menu bar is not obvious at the bottom), highlight the challenge to encourage users to upload video, and click [challenge] to enter the template directly.
  • Increase the menu receipt, bring up [my], [challenge], [information], simplify the button operation of the page, and reduce the interference to the video interface as much as possible;
  • Left slip into the entrance of the challenge, the new work, convenient and fast video upload, the current version of the intermediate version will not know how to choose, the entry of uploaded works is obvious;
  • Right slip into the video music introduction page. Here you can focus on users and learn more video, hide some of the user’s name and other privacy information, mainly video and music, here can leave a brush for future music communication.

Summary: the first page information as far as possible to the video display, the video browsing entrance unified, as much as possible to prompt the video upload entrance, information clear.

Near / concerned

In the vicinity and concern with the home page in the same Tab, so the mode of home page optimization.

Two level analysis: the interactive design of the chattering

  • When the nearby list is playing, the current music and user name can also be displayed at the bottom, which is consistent with the front page.
  • Pay attention to the user’s list at the top, pay more attention to the user’s head and pay attention to the user’s display.
  • Keep the existing and nearby display forms unchanged, avoid too much alteration and make users uncomfortable.

爱上海419论坛 爱上海