MUX's designer project sharing: Baidu search Client

Source: Internet
Author: User
Tags continue key touch client minimalist design lenovo

Article Description: stunning presentation-Baidu search mobile phone client-design project sharing.

October 8, 2011, Baidu Search mobile phone client officially landed Apple Store.

December 12, 2011, Baidu Search mobile phone client won the app Store 2011, the most popular first name of the tool category.



This lightweight search application poured into the product design team a lot of effort. New visual and interactive experience, better search experience, new ding features ... Its release is a small step in our search client field, MUX designers participated in this application design and decision-making, there are many students in the hard work. Today let us uncover its veil and see its little story.



to be stunning and presentMore than a year, we have launched a mobile phone end of the palm Baidu and Baidu fast search for two of the relevant applications, the search business to the client's form extended to the mobile end, during this period, accumulated a large number of search client-side design and development experience. With the development of mobile Internet These years, our team is maturing, with the help of the iphone platform to do Baidu search box opportunity, decided to integrate resources, a comprehensive definition of mobile phone search client, to give users a best use, the most favorite search client products.


First of all, we define the new Baidu search client product experience target-the best use of search client tools. What kind of search client is useful? Through a lot of communication between the designer and the product manager, we have determined the product experience Goal: 1. controllable Sense: Simple operation, easy to understand, expected, less error operation, no distance sense ... Target lowers cognitive costs by 2. Speed Sense: interface switching, response, operation feedback, information loading, misoperation feedback, waiting sense ... Efficiency is the core gene of the application of Tool Class 3. Good influence: Image, atmosphere, copy, private, degree of density, dynamic effect ... The key to the differentiation of viscosity

Secondly, combine the product each module to carry out the experience goal, obtains the unified experience design plan. In the process, we found several break-through dimensions and included these dimensions in the development upgrade plan for the search client. The product design that has been released includes: key input experience, voice search experience, common information search experience, results browsing experience, emotional experience, interface quality and so on solutions. In the process of product design, step-by-step experience of the design objectives, and the goal through the product of each module, in order to obtain a unified experience design.
faster input Search ExperienceBaidu Search Interactive Experience design of the first step is the input. From the input method, there is currently a key input, voice input, camera input. Most users are still using key input, we focus on experience analysis.


Status: In the iphone, the built-in input method in the input of words in Chinese keywords when the efficiency is not high, Input Method association words can not meet the user Input Precision Association needs. Alphabet Keyboard The Chinese are still not used to it. IOS5 before the automatic input method, Lenovo Word follow the cursor. Users can easily touch a nearby control when they click on an associative word.


Through the analysis of the status quo, we have in three areas to understand the comprehensive solution faster input search experience Baidu Search interactive experience design of the first step is input. From the input method, there is currently a key input, voice input, camera input. Most users are still using key input, we focus on experience analysis. Status: In the iphone, the built-in input method in the input of words in Chinese keywords when the efficiency is not high, Input Method association words can not meet the user Input Precision Association needs. Alphabet Keyboard The Chinese are still not used to it. IOS5 before the automatic input method, Lenovo Word follow the cursor. Users can easily touch a nearby control when they click on an associative word. Through the analysis of the present situation, we give a comprehensive solution in three aspects.

Each aspect requires specific and detailed design work, and the current release has greatly improved the efficiency of the input search. Please provide feedback.


1. Instant Display Search recommendation 2. Increase the search history to render, of course the matching search history can be emptied, because many users search * * 3. Search suggested words can be on the box to facilitate your search "2012**** concert". Search suggest words are more intelligent than input method, know what you want to search, know what most people search for. 4. One step to clear the input. 5. Enhance speech input recognition ability. (described in detail later) 6. Built-in Baidu mobile Input method. Built-in Baidu mobile Input method can be said to be the people, we through with the Input Method team communication, the introduction of Baidu Mobile Input method. Please allow me to again count the built-in Baidu mobile Input method advantages: In line with Chinese input habits, more authoritative Lenovo words, ...

Voice Search-Make technology more user-literateThe handset hardware has the unique opportunity. such as microphones, cameras, gyroscopes, light sensors, distance sensors, gravity sensors ... Using these hardware conditions, enhancing the search experience is one of the ways we try. In which speech search is our relatively mature technology.


As early as last year, we released the Palm Baidu to integrate the voice search technology. Now Baidu's voice search technology to identify accurate to an unprecedented height, so that the entire search experience to achieve a huge increase. The task of the design team is to make this advanced technology, through interaction and visual design, become easier to understand and operate, so that the perfect combination of humanities and technology:

(We tried a lot of feedback design at the voice level) 1. Timely feedback to users-timely feedback to users is one of the most important design principles of product experience design. The old version of the design does not allow the user to perceive the machine running, for example: If the interface is recording, if there is no animation effect, the user will think that the panic. We have introduced the simple action of the microphone to emit sound waves, telling the user that the machine is running. Our follow-up will also be based on the user's pronunciation and whether the size of a more realistic animation design. 2. Give the user the right to choose--Add the input and cancel the button. Even if we work on the cloud technology level to identify whether the user has finished speaking, but because the current mobile phone hardware has not been very good to remove the ambient tone, so rely on the machine to determine whether the user has finished recording or errors. So it's a good choice to give the user the option right now. In addition, in the recognition of the interface also take into account the situation of the network environment, give users a cancellation process design. With the improvement of technology and hardware level, we will continue to explore a variety of sensors and search experience of the combination of mobile phone's overall strength to enhance our search experience!
close to the user, ding on the home pageBaidu Data Open platform has a professional and trustworthy data, many of which are closely related to the life of netizens. For example, search the weather, search Beijing time, search for stocks .... They will show the results more quickly and vividly in the search results page, making it more efficient for netizens to get information. This has formed a huge influence in the minds of netizens--Baidu's data has been equated with authoritative release. We expect this trust to continue on the mobile side.

In order to find adaptation in the mobile end of the Aladdin shape. We have used Aladdin to select the most commonly used Aladdin information to disassemble the study.


We find that this type of information does not exceed four major dimensions to complete the communication, in fact the core information dimension is no more than 3 layers. Therefore, we boldly refined the information, in the rendering by size, position relationship to coordinate the level of information, information labels, detailed information, auxiliary information transmission effect.

A description of a message in addition to the text and pictures, we have designed the planning. There are more ding product forms that will appear in subsequent products. After the ding is expanded, detailed information is immediately presented. In the UI aspect we try to make the design more materialized, so that users can experience the ultimate quality in their use.

Ding will appear in many places, the user often search information dynamically displayed in the main screen or the application home page. After a minimalist design, information not only has the ability to communicate quickly, but also has the ability to adapt to various environments. Please pay attention to our follow-up release version of The wonderful ding~ wonderful Baidu search client!



your search, my searchThe search engine was one of the greatest inventions of the 20th century. September 2, 2011, Baidu CEO Robin Li officially released a new Baidu home page, put forward "Baidu new home one person One World" slogan. Intelligent, private, personalized Baidu new home, let people begin to understand Baidu search again. Baidu Search mobile phone clients, as Baidu search business in the extension of mobile phones, we hope that it through the use of mobile phones, become an indispensable part of people's lives, so that each user enjoy their own search engine. In view of this direction design research and development team made a rich discussion, found a number of feasible direction: 1. Search History of the private 2. Search Hot List and hot Word recommendation 3. Client Skin Change 4. Custom Ding Service 5. ...... The whole of the client's wallpaper skin is the product version of the most user response. Customized for the search client a set of wallpaper solution, in line with the overall brand atmosphere of the client, in line with the private, personalized product direction. Although this is a very simple decision, it is not so easy to design. Through the system level of near-product research, we have a preliminary grasp of mainstream products in the default wallpaper level strategy-the Prairie law will be used here to the extreme, advocating nature and life, love the universe and explore .... Our default 9 wallpapers, the main keynote is nature, life, stars. Do you feel comfortable when you see these sights?

The original photographic works of these wallpaper are mostly from the designer's travel and life works, the Qingdao seaside beach Footprints, the Jiuzhaigou original forest pine needles, the Chengdu Kam Li Bar area, the tulip ...

The success of the wallpaper effect in the product has also brought us more design power. In the new version of the wallpaper strategy will be updated, with Christmas and New Year's arrival, we provide a beautiful holiday wallpaper, you must see OH ~ ~

Stunning present Baidu Search client, just took a small step, our design and research and development team will also bring you better mobile search service, but also bring more surprises to users, so that the search really become your fast and equal access to information good helper. Do you have any good suggestions and ideas for this? Welcome message exchange, let us do better!

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.