We are thrilled to introduce Vapor, a brand new design system for Frame.io Version 4. Vapor blends design and engineering craftsmanship, making each V4 component shine in appears to be like and efficiency. We assure that utilizing Vapor makes Frame.io really feel pleasant each on the internet and on cell.
Our new Panel system
The most enjoyable new enhancement launched in V4 is Frame.io’s versatile panel system. We know that Frame.io customers are grasp multitaskers. They are consistently viewing media, managing uploads, responding to feedback, and attempting to get work finished. Our new panel system offers customers the facility to resolve easy methods to orient their apps to be essentially the most environment friendly.
In the highest right-hand nook of the Frame.io V4 app, you’ll be able to select which panels you wish to make seen at any given time.
The left panel lets you navigate to your Assets, Collections, and Shares. The middle panel is a helpful solution to see the media participant whilst you’re doing different duties. And you’ll be able to maintain all of your communication prime of thoughts by turning on the suitable panel, which permits you entry feedback and properties. You can select to broaden each panel for the final word multitasking expertise or collapse all of them for distraction-free focus. Frame.io Version 4 offers you the pliability to work the way in which you need.
Customization is essential to what makes Version 4 so particular. You can change almost every part about the way in which your media seems, from adjusting side ratios, enhancing Card Size, and even altering which metadata fields are displayed entrance and middle.
Pushing the browser boundaries
We took nice care ensuring transitions in Frame.io V4 really feel pleasant. We additionally designed our colours to make your media look vivid and luminous, with superbly toned surfaces that reply to depth and textual content. This harmonious colour vary was created inside the LCH colour house to make sure perceptual uniformity, which isn’t potential with conventional RGB strategies.
We crafted our Version 4 instruments for exact changes, enhancing distinction and colour imaginative and prescient deficiency friendliness with out sacrificing magnificence. Enjoy each mild and darkish modes, together with customizable themes for a visually interesting and accessible expertise.
Silky easy navigation
From the start, Frame.io has all the time pushed the boundaries of what’s potential in a browser. Version 4 takes that focus to an entire new stage by re-imagining our complete design structure. Our aim was to construct an internet app that feels as quick and fluid as one of the best high-performance desktop apps. But we determined it was not sufficient for Frame.io to easily do what it was imagined to. Version 4 additionally wanted to really feel nice whereas doing it. So we made each click on, animation, and response buttery easy and virtually instantaneous.
Accomplishing this was no straightforward feat. Behind the scenes, our engineers and designers analyzed 1000’s of display screen recordings frame-by-frame to fine-tune Frame.io V4’s habits, particularly at occasions when the app was doing heavy lifting within the background. We centered on experiences just like the velocity at which a brand new notification sheet opens, or how rapidly customers can navigate between Assets and Collections. These results offer you a tactile feeling extra akin to a superbly crafted iOS app than a web site.
Instant and infinity
Another precept we centered on in Version 4 is named “instant and infinity”. We needed to ensure your information is accessible whenever you want it, regardless of what number of property you retailer in Frame.io. So we utterly rebuilt our asset grid to deal with hundreds of thousands of information, folders, and model stacks.
In Version 4, you’ll be able to scroll endlessly with out ready for the app to load. You can whip your scroll bar precisely to the place you want it and nonetheless use Hover Scrub to see a preview. This is feasible due to a particular two-tiered information loading structure that took us months to hone. The result’s not like anything you’ll discover on the internet.
Pitch-perfect optimization
Our third precept for Frame.io V4 is optimizing for the suitable work on the proper time. When you might be within the Frame.io V4 net app, your browser is continually loading information and responding to your actions. Sometimes, it would be best to add information to Frame.io whereas additionally watching a video within the participant or creating a brand new Collection. That’s a number of work to your browser to do!
At Frame.io, we by no means need your efficiency to take successful whilst you’re being productive, so we moved our uploads to a Web Worker thread. That method, the Frame.io net app by no means slows down or will get interrupted. We seemed for each method to ensure your browser is doing the suitable process on the proper time so that you by no means really really feel it working.
Never drop the phantasm
When you’re working in a circulate state, it looks like magic. But the second you hit even the smallest velocity bump, the magic is gone. That bump often occurs within the type of a delay.
Let’s say you’re attempting to answer an extended queue of feedback, and also you discover a delay between whenever you ship a remark and when it seems in your display screen. That delay does extra than simply sluggish you down. It might make you marvel in case your information is being saved in any respect.
That’s why our fourth precept is to by no means drop the phantasm. Frame.io Version 4 makes use of a loading approach known as Optimistic Updates which removes delays from throughout the app. Even if it takes a couple of seconds to your feedback to look to others, you’re going to get a visible affirmation of the motion you’ve simply taken. That affirmation frees you up so you’ll be able to confidently transfer on to your subsequent process.
Whether you’re replying to feedback, including customized Metadata, or tweaking the filters on a Collection, you’ll be amazed how a lot quicker Frame.io Version 4 feels. We hope you’ll love this new blazing-fast expertise as a lot as we do.
V4 IS AVAILABLE NOW!
Our absolutely reimagined platform is now obtainable for all. Find out the way it can enhance your workflows and productiveness.
Leave a Reply