腾讯ISUX设计趋势报告 · 用户体验篇(2019-2020)下篇

2019-06-06 10:04:15 阅读 8470 本文来源:美啊教育
分享至:

知夜晚而不睡的人群越来越多,他们拥有更多碎片化和大段闲暇时间来消费内容,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


责任编辑:czh
分享至:

联系客服

故障反馈