Mobile QQ Browser HD project group of those toss things

Source: Internet
Author: User
Tags closing tag time interval

--QQ Browser HD (IPAD) Product Manager Walker

In the evening of Saturday, the office was still brightly lit, and many of our team's colleagues were still working overtime on the release. This should be the project group's N+1 weekend overtime.

When I got home, it was very dead in the night. Sit down, turn on the IPad, and experience the new version I just built tonight, I suddenly recall that QQ browser HD (IPAD) from the 1.0 version of the development has been almost a year, recall, remember me and my friends for this product has been constantly tossing.

Tag Bar Toss things:

From the 1.0 version of the QQ browser HD our multiple tag design, users are welcome. But how to make the label management more intimate, the whole project team has been tossing for a long time, tossing a variety of methods.

In order to make users more relaxed when closing the label, our beauty interaction designer sister (we secretly called her sister) proposed that the click area of the button is larger than the area of the visual display, so that users can point to a lot of convenience. In a sister's bullying, our Super development engineer Zeng GE up the sleeves and knocked a few lines of code quickly out of a prototype for everyone to experience, we experienced the next really good use a lot of big hands boys can easily operate.

Then there is the user feedback the closing tag is still not perfect. So we sat together brainstorming to see if there was a better way. Alex, our senior product manager, said: "Can we not introduce gestures?" such as double-click close? Everyone thinks the operating cost is a bit high, and users may not be able to easily learn, but there is no better plan, can only toss a prototype out to see. Really is "letter Zeng elder brother, have the prototype", the prototype soon comes out, everybody uses to experience, the feeling is very good, but we feel the use is not enough, if the church user uses? One elder sister proposed a plan: in the Novice guides the function introduction to explain. We think this should be reliable, but after asking a few users, users feel that the introduction is easy to forget. is hesitant how to design the time, our visual designer Xiao Fang sister (heard that is a Christina) suddenly said: "Can be combined with the scene Ah, click Close, this time to give a thoughtful hint must be very good." "Sure enough, we've got a double click on the tab to turn off the tabs and give the user a hint of the scene, so the user can easily learn."

Over time we found that users have the need to close a lot of tabs, so I suggested that you should add a long press function, a long press can pop-up menu to choose a variety of ways to close the tab page. A sister heard after the reservation, because the long according to the operation of the learning cost is higher, so we sit together and think of other alternatives, project manager Hougo proposed: "This menu is really too complex, as the following strokes of the gesture to draw it!" Everyone was very sympathetic to it. This Hougo himself to be the prototype. When the prototype came out, but found a problem: at this time we have got the test version of IOS5, in this system, using the next stroke is very easy to mistakenly iOS5 with the notice drawn out, want to delimit the menu is still very troublesome. Hougo very not superstitious, oneself tinkering to 12 o'clock in the morning more, tried to draw the beginning of the gesture, the path, time interval and so on a lot of different parameters, the result of the gesture in the iOS5 experience is not good enough.

This time we are very entangled, because the next row is indeed more convenient than the long, but the next row in the iOS5 risk, and long press? The cost of learning is high, but it is very stable once the user learns it. So we decided to introduce features to the user only to introduce the long press can pop-up menu, the gesture does not remove the draw is hidden, to the IOS5 system below the user surprises.

In addition, in order to reduce the user's anxiety in the page load, Hougo has proposed a page load animation before the page loads, which can reduce the user latency. such as the relevant design of the label bar, the entire project team spent a lot of effort, estimated at least dozens of times, do not have 100 prototypes, toss a lot, the final result is good.

The Address bar toss things:

Another interesting toss is about the address bar. Can you point out the differences in the two images below?

Yes, in version 1.8, we control the interaction of the address bar in the address bar and the search bar, making it more comfortable for users to enter URLs and search for keywords.

In the Automatically matching list box, the interaction has changed: in the 1.7 version, the user clicks on one of the list, the URL will be added to the address bar of the input box, the user also need to click on the "Go" button will open its input site; Users in the 1.8 version only need to click on the matching list, the browser will immediately go to the site, reduce the user's operation, if the user needs to edit the URL, just click the up arrow in the list box.

The toss of the shortcut panel:

The shortcut panel is the innovative feature introduced in version 1.3. To say that this function is also very interesting, she is also Hougo the earliest proposed, he came up with this plan because he really need a thumb click and slide can pull out a variety of features of the portal.

For the needs of Hougo, a sister and Xiao Fang sister tried a lot of programs, and finally defined this can be placed in the lower left corner of the screen or the lower right corner of the small things. In the eyes of some users she is a very cool little button, and basically get the majority of the user's approval. But a sister, Xiao Fang and I was born from this thing began to tangle, has been tangled up to now.

First of all, the advantages of the shortcut panel: she easy to click, disc shape can support sliding, so that can carry more features, in the eyes of some users she is really cool, but also to the majority of users with convenience.

Then her shortcomings: the position is fixed, in some users seem to be a bit out of sight, the right hand operation is not easy to grasp, in order to visual effects of the disc in the button without text instructions leading to high user learning costs.

So, we in the 1.6 version of the attempt to change this disk, a sister and Xiao Fang sister designed two programs, our development of small Wingo also spent a week, the two programs all realized. To the project team experience, we found a very tragic thing-after the start of the discovery that these two new programs are not as good as the existing solution. One elder sister, Xiao Fang and Xiao Wingo the weekend added 2 days to try to do a better plan, but found still not. So the retrofit plan for the shortcut panel has to come to an ending so that we are still looking for a better alternative. Sometimes it's not just a toss and go, sigh!. But I believe that in the next few versions of this shortcut panel will bring more surprises to users.

The things that the user sees:

Browser performance is particularly important, so we should try to reduce the chance of abnormal browser exit. We found that if a user opened a lot of tabs, one of the tabs to watch the video, if he then switch to another tab, background playback video will increase the chance of the browser abnormal exit. So we "kind" Design a switch tab page video pause function. Results after the product online a lot of user feedback: I use the video to learn English, switch the tab to not let the video play; I open the video to listen to MTV, switch the label can not listen after the ... In the end, we quickly came up with a solution that added the "Toggle tab video Pause" option in the Multi-tab setting to meet the needs of both groups of users. We can toss, but the user can't afford to toss Ah!

Similarly, for the sake of performance, we initially allow users to open the connection in the current tab, ensure the stability of the browser after we allow the link to open in the new tab, and this practice has also been recognized by users.

My wife is not good at the computer, for the ipad is very very small white, I do not know how to software, and always can't remember the password. After giving her the ipad a QQ browser, she said to me: "You are doing a good job, is how to find the forum I often do (wife more like to eat, often a food forum)?" Without this site I don't need your stuff. " I told her you could enter the URL. He said he doesn't like to input every time, I said you can bookmark Ah, she said lazy to add-I am very silent, so take his ipad a look-the bookmark is empty, the quick link is also the default-is a pure navigation user. After communicating with colleagues in the team, I found that not only my wife, but many family members of the team, especially the parents of the age layer, have this problem. As a result, we readjust the navigation of the site, adding more categories and more popular sites. After modifying the site classification, she prefers to watch videos and forums with the ipad every day.

Zeng GE's sister is also using QQ browser, one day she called Zeng GE said: "Your product what is going on?" I went online to buy things, and finally found a sweater, is want to shoot it, automatically quit! I can't find it back when I reboot, I can't search it now! What kind of crap. ”

Zeng GE listened to the fog, thought to say "you can find from the history!"

She said she wouldn't use history.

After a day to call Zeng GE, "just on the internet to encounter a fun video, open automatically quit, and then go into the page disappeared!" ...。

Zeng GE in the meeting when said this matter, one elder sister said: Yes! yes! I also found this problem, automatically quit, I also want to be able to restore the previous page, can not remember to use history. ”

Little Wingo also said: "Indeed, I have occasionally found this problem."

So, small Wingo check the code, found that our last version in order to ensure the stability of the browser, using a program to save the CPU and memory--not real-time record user browsing multiple tabs, the advantage is to reduce the chance of abnormal exit, the disadvantage is that after an abnormal exit can not be restored before browsing.

Found this problem, we met immediately, eventually using a more perfect solution, not only can save memory, but also allow users to encounter an abnormal exit can be restored before browsing the page.

Zeng GE said, this version to her sister after installation, the world is clean, do not listen to her sister every time, haha.

In fact, the team's family members are very supportive of our work, often give us feedback such a problem, this is the happiest we feel the toss of things. So we set a rule that everyone in the project team would follow a user and listen to what they were getting back at.

Love Toss the team:

One weekend after another, a new version, whenever a new version of the release, we love tossing the team, will lie on the user forum, see users with the new version of the feeling. Love Toss us, the most eager is to see the user of a "easy to use" evaluation. To this end, also specially came a limerick, sent to this love Toss project team.

Original address: http://blog.qq.com/qzone/358066555/1320631720.htm

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.