Talk about the new trend of UI design for 2016 years from 3 aspects

Mobile Applications

　1. The standard design language of each platform (Android/ios/html5/web) is nearly identical

There are only stylistic differences on some native controls and no significant effect on users.

Material design will not be daxing, it is more unlikely to attack (using Material design App on IOS), iOS's pragmatism is designed to significantly affect the Material.

Desktop common forms of interaction will also affect the mobile side more, to support production-class devices such as IPad Pro, Ios/android will be optimized for compatible desktop scenarios.

Source: Google + in the Android version also shows the interaction of the bottom navigation

　　2. Design specifications, platform characteristics will be more and more attention

Large manufacturers more pragmatic, more compliance with the platform's design norms, only in the case of the need to be able to reinvent the wheel, because the implementation, adaptation, user learning costs and other aspects of consideration, the effect of the creation of the interaction may not be ideal.

(Apps on IOS Ideally should fit the resolution of the IPhone 5/6/6+, Ipad/ipad Pro 25%, 50%, 75%, 100% wide)

Support Platform features (3D touch, Live Photos, Chromecast, split screen) in Early adopter to establish a reputation, get free spread point, but also the middle of the user from competing products in the hands of the draw over.

But the 3D touch is still a gimmick.

　3. Dynamic use is more common, but more in micro-interaction

Too gorgeous animation, often appear easy to cause disgust, and will cause users to wait longer.

The logical animation, micro-interactive form will be precipitated in 2016 years and as a new platform specification. (such as the previous Drop-down refresh, Float Label and other difficult to detect the dynamic effect will be more popular)

　　4."High Availability" design will defeat the "concise" design

Smartphone users have been extended to the very edge of the crowd, and the magnitude of a large, they have a general interface interaction, metaphor does not have any concept, the information as far as possible, lossless transmission, the availability and design of the "simplicity" of a certain conflict.

Source: lukew:obvious Always Wins

This is also the biggest problem with the FAB button in the "Burger menu" and the Material design.

　　5. Graphic design, game design inspiration will affect the APP Interactive/content Design

Flat 2.0 Sense Design: Although the overall feeling is still "flat", but the shadow, gradient and other details will be richer.

Source: Flat Design 2.0

Exquisite illustrations, photography is more common, directly affect the quality of the app itself.

The choice of font is more, typesetting is more like magazine.

Source: MONO Cat

　　6."Intelligent Notification" will become the new "app main interface"

The core value of smart watches such as Apple Watch is proven to be "notification", especially when everyone has a lot of apps, a scarcity of attention resources, no active startup applications (or inconvenient startup, like Apple Watch), and notifications become the most direct channel for users to interact with the app.

The notice will appear in a more "intelligent" form, it will not be the current AD push form, nor will it be a permanent form of Widget, but closer to the "watch screen" size, on demand, an interactive, functionally relatively complete interface (even on a mobile phone rather than on a watch), users can never open a App, and you can enjoy all the functionality that the app offers.

　　Web Design

1. The new mobile phone App, does not necessarily have the corresponding full function webpage

For new applications, the most complete function, the most powerful must be mobile version. Because the cell phone can obtain the most abundant information, can through the notification and so on various methods and users closer.

Source: Periscope's homepage, only provides the download application The entrance, does not have the video broadcast function.

Source: Instagram Web page, only the image browsing function, can not upload photos, also did not find new users, search and other functions.

HTML5 page as a sharing page display, diversion of the important entrance, will give priority to retain the content of the display and consumption, two share of the function, will also meet the most basic application functions, such as the micro-letter drop taxi.

Web page version only as a HTML5 page magnification and content expansion, rarely have the features of the Internet.

　2. The homepage will replace the native application, becomes the main desktop application development platform

With the enhancement of browser capabilities and the maturity of development tools, the number of WEB developers is growing rapidly, and there will be a large number of Gmail/google Docs levels of applications without a corresponding native version.

Source: Webflow

A large number of outstanding results, design, interactive magical desktop experience will come from the browser side, the Web end user behavior focused on the heavy, creative power of the core users.

Source: Species in Pieces

　　3. Already have a large number of users of the desktop side of the site, will no longer easily revised

The cost is high, but the income is limited, if the revision words, will be mainly as the brand expansion, the design synchronization factor consideration, minimizes modifies the function stratification plane, changes the skin primarily.

If you want to do functional level of revision, will start from the response, to mobile phone version, tablet Touch version of the design, extended to the desktop side to design. The loss of advanced functionality in this process may be resolved in an elegant way, with the original interface intact, adding a hidden entry.

　Design Tools

1. The War of prototype tools may be the victor

The conditions under which a prototype tool can prevail

Tightly coupled with static interface design (static interface changes should not break the prototype logic)

Easy to make responsive design (mobile phone – ipad interface as much as possible to preview)

Easy to start (Framer is currently too intuitive)

High scalability to achieve slightly complex interactive effects

Prototype tool after 2015 years of melee, by 2016 years there may be a platform to become a new Sketch as a fact standard.

　　2. The design will use real-time, real data

Project Comet on Adobe Max to show you from Google spreadsheet, from the Web page and other sources directly to the data into the design manuscript, impressive. This is a clear trend that most applications should support this year.

Real data, whether for design decisions or product decisions, will have a very direct effect. (already have too many products to see the effect of the picture self feeling super good, real one on line dad don't know)

Source: Project Comet Home/Blog Introduction

　3. VR design tools will begin to appear

With the official release of Oculus Rift in 2016, VR entered the year of commercialization. Although the VR was used more in games than before, Facebook bought Oculus VR for sure not just to curry favor with gamers.

Source: Oculus Rift

The immersive sense of VR brings with it a new way of presenting and interacting, which is not what the current graphic design software can satisfy, but there is no way to do VR in addition to the direct code design, which may be changed this year.

　　4. Flat-panel devices (such as ipad Pro) still cannot play a role in the APP Design/code process

Apple itself has not had the Xcode available on the ipad (even just running Swift's command line), Sketch has no intention of launching the software on the ipad, and the various prototypes that have been daxing on the MAC platform have not had any movement on the ipad. Even this year, most of them are toys. In 2016, the IPad Pro was still not optimistic about the situation.