騰訊ISUX設計趨勢報告 · 用戶體驗篇（2019-2020）下篇

“知夜晚而不睡”的人群越來越多，他們擁有更多碎片化和大段閑暇時間來消費內容，app的設計需要更有沉浸感。

There are more and more people who "know that it's too late but do not sleep at night", and they have more fragmentation and leisure time to consume content, so the app design needs to be more immersive.

屏幕尺寸越來越大影響著用戶日常操作的方便性。界面的設計如何能提升大屏手機的操作效率和使用體驗？三星的One UI讓手機屏幕分成兩個區域，上面的區域用于查看內容，下面的區域用于交互操作。

The increasing size of the screen affects the convenience of the user's daily operations. How can the interface design improve the operating efficiency and experience of large-screen mobile phones? Samsung's One UI divides the phone display screen into two areas: the upper area for viewing content and the lower area for interactions.

為了方便頁面層級切換，增加了下滑退出的手勢。

In order to facilitate page level switching, a gesture of a sliding exit is added.

屏幕上的操作和內容根據用戶操作發生變化，讓用戶更容易注意到已完成的操作，并提示下一步的操作。信息在用戶需要的時候呈現，減少用戶的認知負荷。

The operations and content on the screen change according to the user’s actions, making it easier for users to notice the completed operation and prompting for the next step. The information is presented when the user needs it, reducing the user's cognitive load.

更靈活與有連續性的頁面轉換效果也可以幫助用戶在頁面跳轉間更好的記住產品路線，同時帶來更舒適的使用感受。頁面之間的轉換不再只有簡單的四個方向的進入或拉起，而更是與內容形態相關的靈活的轉換過程。用戶通過手勢對頁面進行有方向的操作時，將得到連貫的操作體驗。

More flexible and continuous page transition effects can help users better to remember product routes during page jumps, while providing a more comfortable experience. The conversion between pages is no longer only a simple four directions of entry or pull, but a flexible conversion process related to the content form. A consistent operation experience will be obtained when the user performs a directed operation on the page through gestures.

為了更好地服務于內容，我們看到許多的產品去掉了頂部的“色塊”的設計。需要帶給用戶更沉浸的體驗，所有“生硬”的分割形式也將不再流行。而在這其中，白色與黑色的全屏幕底色可以更加凸顯產品內容本身的差異化，而不是頁面表現的差異。

In order to serve the content better, we saw many products removed from the design of the "color block" at the top area. To bring users to a more immersive experience all "hard" segmentations will no longer be popular. Among them, the white and black full-screen background color can highlight the differentiation of the product content itself, rather than the difference in page performance.

在4月底Facebook推出了新的更簡單、更沉浸式的“FB5”設計風格，除開去掉厚重的頂部藍色塊的設計外，新加入的“黑暗模式”將先出現在視頻觀看的模塊中，這將更好地服務于視頻內容的觀看。

At the end of April, Facebook introduced a new simpler and more immersive "FB5" design style. In addition to removing the heavy top blue block design, the newly added "dark mode" will appear first in the video watching module, which will better serve the watching of video content.

“黑暗模式”將出現在更多APP在設計中。在滿足用戶在瀏覽內容時的“沉浸感”的同時，APP可以在夜間幫助用戶開啟“黑暗模式”，服務于用戶在夜間暗環境下的使用，減輕屏幕過亮的視覺疲憊。

The "dark mode" will appear in more app design. While the “immersion” of the user during browsing the content, the APP can help the user to turn on the “dark mode” at night, serving the user in the dark environment at night, and reducing the visual fatigue of the screen.

00后喜歡多互動強體驗，內容+互動賦予了內容新的可能性。互動視頻讓用戶增加代入感、獲得個性化的游戲體驗，也讓內容更具有娛樂性和新鮮感。

The Post-00s likes multiple interactive experiences, and the content+interaction gives new possibilities for content. The interactive video allows users to increase their sense of participation and get a personalized game experience, moreover making the content more entertaining and a dose of novelty.

電影、游戲、網劇都推出了互動作品，用戶從第三視角轉向第一視角進行主動參與選擇，成為高度個人化的內容。互動視頻不僅要保證故事內容的優質，還要保證互動體驗，對內容的交互必須是有意義的、影響劇情發展的，這樣的互動才有效、才能更加觸動用戶的情感。

Movies, games, and online dramas have all launched interactive works, and users have taken the initiative to participate in the selection from the third perspective to the first perspective, and these works are becoming highly personalized content. Interactive videos not only guarantee the quality of the story content, but also guarantee the interactive experience. The interaction of the content must be meaningful and affect the development of the story. This kind of interaction is effective and can touch the user's emotions.

00后不看電視，主要用智能手機獲取感興趣的商品和服務。移動支付改變了用戶的付費習慣，用戶愿意為自己感興趣的內容付費。

The Post-00s does not like to watch TV, but mainly use smart phones to get goods and services. Mobile payment changes the user's payment habits, and users are willing to pay for the content that they are interested in. 

以內容為載體的電商給用戶帶來更加信息豐富化和娛樂化的體驗方式，用戶消費內容的同時可以隨手進行購物。

The content-based E-commerce provides users with a more information-rich and entertaining experience that allows users to shop while they consume contents.

年輕的互聯網用戶們，在高速發展的科技與文化環境下成長。也自然地造就了這些用戶對產品審美上更高的追求。近幾年，擁有自我個性的“小而美”的設計也更容易打動用戶。

Young Internet users are growing up in a fast-growing technology and cultural environment. Naturally, these users have made a higher aesthetic pursuit of these products. In recent years, the “small and beautiful” design with a self-personality has also made it easier to impress users.

從Office365的新圖標設計中，我們可以看到更抽象與符號化的圖標表現。降低圖標上的具象（文字區域）占比，使用更多的抽象形狀表達圖標所具備的含義。圖標向更簡潔與幾何的方向發展，同時使用豐富的色彩和質感變化滿足圖標的辨識度。

此外，圖標的設計也更講究適配效率。Office使用了svg格式的資源以適應于不同平臺的應用擴展。

From the new icon design of Office 365, we can see more abstract and symbolic icon representation. Reduce the proportion of concretization (text areas) on the icon, and use more abstract shapes to express the meaning of the icon. The icon evolves in a more concise and geometric direction, while using rich color and texture changes to satisfy the icon's recognition.

In addition, the design of the icon is more about the efficiency of the adaptation. Office uses resources in the SVG format to accommodate application extensions on different platforms.

隨著表現手法的進步，如3D元素的使用；以及動畫實現技術的進步，在響應動畫表現上也將更加細膩。而模仿自然的運動規律也將更為流行，“弧線運動”“光感”“粒子表現”“三維空間”等等也將提升產品的設計表現。

With the advancement of performance techniques, such as the use of 3D elements, and the development of animation implementation technology, the performance of the response animation will be more delicate. The laws of motion that mimic nature will also become more popular, such as "arc motion", "light perception", "particle performance", and "three-dimensional space", etc., which will also enhance the design performance of products.

對界面中的控件而言，控件的設計將越發貼近真實的物理規則。設計師們可以通過對控件在動畫上的表現賦予它們更真實的觸感。

For the controllers in the interface, the design of the controllers will be closer to the real physical rules. Designers can give them a more realistic feel by expressing the controllers via animation performance.

有趣的響應動畫也可以帶給用戶更愉快和親切的感受，而在動畫中體現更多的“人情味”便是帶來愉悅體驗的關鍵。我們可以感受到圖標所傳達出來的情緒與性格。

Interesting response animation can also give users a more enjoyable and intimate feeling, while the more "human taste" in the animation is the key to providing a pleasant experience. We can feel the emotions and the character conveyed by the icons.

審美的提升帶來最為直觀的感受即是對圖形本身追求的進步。所以在界面插畫中，視覺藝術性的追求也更加重要。用戶們早已厭倦了千篇一律的幾何小人或是簡單的線性圖標，更具有個性的角色表現及繪畫手法將更受年輕人的歡迎。

The most intuitive feeling brought about by the improvement of aesthetics is the progress pursued by the graphics itself. Therefore, in the interface illustration, the pursuit of visual art is more important. Users are tired of the same geometric figures or simple linear icons, and a more personalized character performance and painting techniques will be more popular with young people.

越來越多的電影流行彩蛋，一個小小的彩蛋能帶給用戶驚喜感和儀式感。我們在滿足用戶需求和打造用戶體驗的同時，可以給用戶設計一些觸動人心的設計。

There are more and more Easter eggs become popular in movies, a small Easter egg can bring users a sense of surprise and ritual. Some exciting designs can be provided to users while meeting user requirements and creating a user experience.

Google搜索在《復聯4》熱映時，加入了滅霸的彩蛋。點擊無限手套，搜索結果就會隨機“消失”一半。

Google search added the Easter eggs of the Thanos in the "Avengers: Endgame". Click the Infinity Gauntlet button then the search results will randomly "disappear" half.

Google地圖在愚人節發起了貪吃蛇游戲，可以在不同的地圖上，讓蛇（地鐵或巴士）吃掉目標不斷變長。

Google Maps launched a "Snake" Easter egg game for April Fool's Day, which allows the snake (metro or bus) to become longer via eat the targets on different maps.

Google 為 Chrome 的生日埋了個小彩蛋，在 Dino Game 中加入了派對元素：當小恐龍吃蛋糕后即可戴上生日帽。

Google set up a small Easter egg for Chrome's birthday and added a party element to the Dino Game: the little dinosaur will wear a birthday hat after it ate the cake.

2019年我們可以看到科技對設計、體驗產生的巨大影響。《創新者的窘境》一書中描述：“每個技術由慢到快到發展至瓶頸時，另一個顛覆式的技術會悄悄萌芽，并替代上一個技術”。因此有些設計趨勢會由于技術驅動突然爆發，也有可能會因為技術的顛覆而消失。作為設計師，要學會識別設計趨勢中的變與不變，來進行創新和設計改良。

科技和產品最終都是回歸到以人為本，設計師要洞察人性底層的需求，除了關注屏幕內的設計，還需關注屏幕外的設計，改善人們使用產品或服務的設計就是未來的趨勢。

In 2019, we can see the huge impact of technology on design and experience. The book "The innovator's dilemma" describes that "every technology from slow to fast to the bottleneck, another subversive technology will quietly sprout and replace the previous technology." Therefore, some design trends will suddenly disappear due to being technology-driven, and may also disappear due to the subversion of technology. As a designer, we should to learn how to recognize changes and constants in design trends for innovation and design improvement.

Technology and products are ultimately returning to becoming people-oriented, so designers need to understand the requirements of the bottom of human nature, not only to focusing on the design inside the screen, but also to pay attention to the design outside the screen, and improving the design for people using products or services is the future trend.

文章來源：騰訊ISUX