Screening in life
In our daily life, we often deal with various "filters". For example, the following scenario is particularly common. When you are in a library and want to find a book that you really need, what would you do?
At this time, the problem is usually solved in the following two ways:
Precise search - search through the computer to find the target.
Fuzzy search - find the target by classifying the bookshelf category.
Here, however, computers and category identities act as filters throughout the book-finding behavioral path. There are many such application scenarios b2b data in life, such as supermarket shopping, dictionary lookup and other behavioral scenarios.
△ A supermarket shelf
2. Why do you need a filter?
The essence of filters is to help people improve decision-making efficiency. According to a 2012 National Survey, the average adult makes 70 choices every day. However, each choice may face a large number of choice objects. At this time, people's decision-making costs will increase with the development of the parallel information age.
How to help people improve decision-making efficiency when faced with a large number of choices has become the starting point of screening design, which is what we call design opportunities.
3. Filters on Mobile Devices
A large number of data sets need to be filtered according to the different needs of different users, also called filtering. Filtering relies on the user's selection Like many designers, my design career started in graphic design. At that time, I dealt with the printing process and Pantone color cards every day, and every time I thought that I must check it carefully, and it was a success. With the rise of the internet, my career became a web designer. So I started to learn HTML, CSS, JS and other technologies, until now I still have to keep learning so that I will not be eliminated.
Later, with the popularity of flash technology in websites, the interaction between us and users has become more and more. So designers began to study how to make the user's use process more interesting through more interactive design. Then the iPhone came along, and the new hardware platform required us to design at a smaller size. So we gradually learned how to calculate pixel density, and the mobile design priority gradually became the first.
After another period of time, we began to try to synthesize various design work to form an overall solution. This is that we not only have to consider the relationship, interaction, user needs, but also consider the business goals. Thus, the modern product designer was born.
Like many designers, I believe that the product designer of the future will gradually disappear and be replaced by an era of " immersive designers ."
VR still matters
Over the past decade, all kinds of information we see have moved from newsstands to desks, to notebooks, and finally to our phones. The next change should blur the concept of equipment and integrate information into our surrounding environment. The so-called "content" and "people watching the content" will gradually merge together. The design in this process, we call it "immersive design", including VR/AR/MR/XR and other reality-related designs will be included.
At present, we achieve immersive experience through AR technology in mobile phones. Tech giants like Apple, Google, and Samsung are constantly vying for the top spot in AR, as crazy as Columbus was in his search for spice. Now we can transform into animated emoji expressions, and we have seen virtual characters appear in many videos. At present, AR technology in 2018 still has two limitations for immersive design: field of view and input method.
The current AR is still limited to everyone's mobile phone screen. We can only see the world of AR through this small window, and not really integrate into it. Users will feel in a boring "old world", and those fun and interesting things are still isolated on the phone screen.
In 2018, we developed a set of operating modes that use facial expressions to control the AR interface by opening the mouth or raising the eyebrows. Other AR operation methods are still traditional touch, and voice control may become the main force in the future. The currently available interactions limit how we can interact with virtual reality. Of course, once we successfully break through the mobile phone carrier and realize the ideal immersive environment, we will face the question that has been asked countless times: how should we Interact in 3D space?
VR will play an important role in this field
In fact, VR is a tool that can help us solve immersive design problems. VR can visualize the problems in the AR world, and we can use the virtual world created by VR to find a more natural 3D interaction form to solve a certain design problem. criteria to refine search results or a large set of object results. Common filter designs include:
The design ideas of the above three types of filters cover almost the vast majority of application cases in the market. Different types of filters are suitable for different usage scenarios. Let's take a look at each type of scenario application.
Four, in-line filter
Similar to the element sorting logic and display method of the page, the object result or object list is directly displayed on the screen. Filter target objects by designing tab buttons. Both Google and Baidu use a single-row horizontal format.
When I search for keywords, I can filter the results based on the content type. When I click the "Search Tool" on the far right of the Google filter, a new column of filter bars will be displayed to assist in further filtering. .
△ Google Play Newsstand
Google Play News uses a double-row filter bar, which matches the two types of filter preferences of "content-related" and "media-related" according to the search terms that users are interested in.
This type of filter will follow the search entry, making it easier for users to understand that the single-row tab elements below are filtered based on search keywords. According to the proximity principle of Gestalt's Law, the relationship between adjacent elements will make it easier for users to understand the relationship between them.
△ SXSW and Feed a fever news
SXSW provides a double row of filters of different dimensions. Feed a Fever news reader uses a super simple combination of single row filters to build a clear and easy-to-understand conceptual model by describing + described objects (filters).
Five, drawer filter
CNN News adopts a drawer/collapse filter, which prompts the entrance of the filter through a handle, and the user can click to display the folded/collapsed filter overlay.
△ CNN NEWS
A content platform with a mature and stable classification/category system is more suitable for this drawer-type filter overlay, which can fully expose the complete category and reside in the handle at the bottom, which can effectively avoid exposure attenuation.
Six, list filter
Expedia, the world's largest online travel company, uses list-based filters. But one thing Expedia does really well is give the user the expected number of matches when the filter is expanded.