articles on
Interface Design and Prototypes with InVision Studio
It's never been a better time for a interface designer than present day. There are so many amazing tools and resources available and many more to come. One of the highly anticipated tools is the InVision Studio, which has been surrounded by a big hype partially generated by the super selective inviting system. It seems that more and more people are getting access to this great tool including me. With it's increased accessibility we're starting to see what the tool is capable of on sites like Dribbble and Behance. The beauty of InVision Studio is that it bridges the gap between UX/UI and Motion design. That has been a very time consuming effort for designers that relied on tools not created for UI/UX like After Effects or new tools that like Principle, which is a fantastic app, but the integration with other UI/UX tools are quite primitive. So will InVision Studio live up to its hype? Based on the examples below I think they might have already done it. The future will tell, especially with the super strong lineup of competitors. So go to https://www.invisionapp.com/studio and try to grab an invite. If you are even more daring, I challenge you to design a mobile version of Abduzeedo and share with us :grinning: - maybe we can even get a little award for the best one. Interface Design and Prototypes
Introducing the new InVision - Sneak Peek
We are very close to the end of the year and the mighty team from InVision are still sharing a preview of what is coming for 2018. The new year could be easily one of their biggest years to date, we are quite excited for them. We can't wait to get our hands on their latest so we can share our feedback with you guys. Today we are introducing a sneak peek the new InVision, please take some time to watch the video. It comes with new features like up to 8x faster, new design, introducing spaces, powerful sharing and more. Give it a look! In their words Over the last two years, our product and engineering teams have been working tirelessly to essentially rebuild InVision from scratch. The new InVision—codename: V7—runs on an entirely new code base, is remarkably fast, and redefines collaboration across teams and stakeholders. It also comes with a whole new look. V7 was built to address what we recognized as an evolving trend in the world of Digital Product Design—namely, that the volume of new products being created is scaling along with the diversity of the teams building them. Design has evolved into a cross-functional discipline that touches everyone from engineering to marketing to the executive suite. Given this, our highest priority with V7 was to support this scale through performance, responsiveness, and accessibility for a wider variety of individuals than ever before. Up to 8x faster: V7’s entirely new architecture ensures lightning-fast responsiveness and reliability at scale. New unified design: V7 introduces a new universal design system to deliver a unified, consistent user experience throughout the platform. Introducing Spaces: Spaces make it possible to organize all of your project-related documents into one space. This includes Prototypes, Boards, and Freehands, as well as documents from other critical tools your organization relies on. Powerful sharing: We’ve taken sharing to the next level with the flexibility to distinguish roles and customize access across your projects. Built for what’s next: V7 lays the foundation for the future of our platform, including tightly coupled integrations with Design Systems Manager and Studio. More Links Request your Early Access Follow InVision on YouTube The new InVision is coming in 2018, and we can’t wait for you to get your hands on it. Watch the Sneak Peek
Introducing InVision Design Manager + Brand.AI Acquisition
Let me start by saying that the awesome folks from InVision are literally on fire lately. In a very good way, they are bringing their tool with more features and changing our way of working in this beautiful industry. Last week, we've featured their latest InVision Studio and now they are back and introducing InVision Design Manager. What is it? It's basically one place where you can manage all UI/UX components with versions, access from both Sketch and InVision Studio, keep code in Sync and a lot more. Let's take a dive! In their words Most design systems today are homegrown, leveraging a mix of tools and platforms to manage—this makes them difficult to scale and maintain, especially at the enterprise level. There’s clearly room for innovation and growth in this space. A leading platform for managing design systems, Brand.ai is one of the most widely used tools for in-house design systems management. Thousands of teams and leading Fortune 500 companies, including Verizon and Zendesk, use Brand.ai to create, maintain, and evolve their team’s design systems. Combining the best capabilities of the Brand.ai product with the power of the InVision platform, we’ve built InVision Design System Manager (DSM). Video Create a single source of truth: One place to manage all brand and UX components, so teams can stay in sync Design with ease: Access libraries directly from Sketch or InVision Studio to push and pull changes—from assets to deeply nested symbols—all with a click Iterate with confidence: Changes sync to the whole team, and designers can switch to the latest version or roll back changes at any time Manage updates collaboratively: Roles and permissions provide complete control over who can view or edit each library within the system Share with external teams: An automatically generated and customizable web portal lets any stakeholder preview and use design, documentation, and code Keep code in sync: No more manual updates or time wasted tracking down updated specs—developers can use the DSM API to integrate directly into live code Protect confidential information: Enterprise-ready features like SSO, Private Cloud, and more protect your company’s most strategic assets More Links Request your Early Access Follow InVision on YouTube InVision’s DSM isn’t just about smoothing out someone’s workflow, it’s about enabling their voice and allowing them to play a more active role in the process of designing as a team. A good design system should empower designers instead of restricting them, and this tool absolutely furthers that goal.” —Dan Ross, UX Designer, Shopify Preview Gallery
Introducing InVision Studio: the World’s most powerful screen design tool
On a very quiet Wednesday, the awesome folks from InVision took the whole design community by the storm by announcing their latest game-changing screen design tool. Introducing Studio, a desktop app where you will be able to design responsive apps, sites from the start to finish. I am talking from screen design, prototyping, advanced animation and a lot more. Imagine having everything in one place where you can also collaborate, handoff and create a design system. We are pretty stoked about this over at Abduzeedo, we can't wait for its release in January. Request your early access! In their words With Studio, InVision has developed an end-to-end platform for designing digital experiences. Traditionally, teams have had to cobble their workflow together across a number of disparate tools, many of which were built for earlier generations of graphic and print design. This fragmented workflow slows teams down and prevents them from doing their best work. Video Studio starts where the previous generation of screen design tools left off, then adds powerful new dimensions to support today’s modern digital product design workflows in a seamlessly integrated environment: • Advanced animation: Rapid prototyping and advanced animation turn static screens into live product experiences without requiring a single line of code. • Responsive design: Studio’s adaptive layout engine enables design across a variety of different devices and orientations, automatically. • Shared design systems: Shared component libraries are built right into InVision Studio, guaranteeing design teams stay consistent, connected and up to date. • Connected collaboration: Studio connects seamlessly to InVision’s cloud-based collaboration platform, making it easy to gather feedback and engage stakeholders. • Extensive app ecosystem: Studio is an open platform allowing users to extend the product experience through an ecosystem of apps and add-ons. More Links Request your Early Access Follow InVision on YouTube Since 2011, we’ve been on a mission to help every organization in the world create the digital experiences that shape our lives. The launch of Studio brings us another large step closer to fulfilling that mission, giving our users a complete set of connected tools that drive the digital product design process from start to finish,” said InVision CEO and Co-Founder Clark Valberg. “Every last detail of Studio is the deliberate result of deep insight into how the best digital product teams make the products we love the most. Our goal with this product, and as a company, is to deliver the operating system for building remarkable experiences. Preview Gallery
Introducing Freehand now available directly inside InVision
A few months back, we've featured Freehand by Craft on ABDZ, it was a tool that allowed you to collaborate in real-time for brainstorming, exploration, presenting and you name it. I've personally used it and it's really a well-built and super useful tool to have around. Today, the kind folks over InVision are announcing that Freehand is now available through the platform itself alongside your prototypes and boards. Now all in one central place! In their words • Add artboards or images from Sketch and Photoshop • Hand off control to your teammate, and follow them as they present • Co-draw to share sketches and rough ideas • Undo, redo, and scale • Zoom in and out, infinitely • Comment to share your feedback • Save and share your work and lots more! Freehand gives everyone on your team the power to share their ideas in a way that makes sense to them, whether that’s sketching, drawing, dropping images and inspiration, or typing up their feedback in a comment box. Watch the Video Your browser does not support the video tag. Anyone can use Freehand, and it works for any project type—mobile, web, tablet, and more. Collaborate on the go, or settle in for a brainstorming session on your desktop. Try Freehand Now: freehand.invisionapp.com.
InVision is bringing Prototyping Tools within Sketch with Craft Prototype
Having prototyping tools within Sketch is something I've been waiting for quite some time now. And it's finally here! Introducing Craft Prototype by InVision. Sketch is such a powerful tool for UI design, you can to explore your workflow to a newer level by being able to prototype using Craft. Give it a try so are we. We should probably share some of our tips soon on our overall experience, what do you think? Within Craft on Sketch, you can simply add a hotspot to any layer in the project. Link it to an artboard with a destkop or mobile gesture and create transitions like: fading, sliding, rotating, and more. Once everything is ready, you can sync your screens to preview your work, share with your team, and collaborate in real time. This is pretty exciting! With Craft Prototype, you’ll experience an unparalleled level of continuity between Sketch and InVision. By bringing your design and prototyping process together, work faster, collaborate more seamlessly, and stay focused to create more amazing products with your team. Product design is complex, but your workflow shouldn’t be. Bring unrivaled context and continuity to your workflow—and create better products—with Craft Prototype, now free as part of the Craft suite of plugins for Sketch and Photoshop. To Get Started Now: Craft by InVision.
TrackDuck Joins the InVision Family
There is no greater time than our present to be working as an interaction designer and beyond. There's many great tools out there and brands that are working tirelessly to provide the latest of technology to improve our workflow. One of them are the mighty gang over InVision and this time is about acquiring TrackDuck; an award-winning visual feedback and issue tracking tool used by thousands of teams around the world. It's InVision's seventh acquisition in the last 16 months and TrackDuck are now joining their over 2.5M registered users. It's going to increase teams to work seamlessly and manage issues through integrations with leading project management platforms, including Atlassian’s own JIRA Software, Trello, and HipChat. We’re delighted to welcome the talented TrackDuck team to InVision and to continue bolstering our collaboration with Atlassian,” said Clark Valberg, InVision Co-Founder and CEO. “By connecting the tools InVision customers rely on, we are helping teams deliver better digital products faster than ever. Alongside the acquisition of TrackDuck, InVision today announced at Atlassian Summit (Barcelona) its integration with JIRA Software Server, the self-hosted edition of Atlassian’s flagship project management and issue tracking tool for agile teams. InVision for JIRA allows teams to sync InVision prototypes with JIRA issues to facilitate seamless collaboration between design and engineering, including through InVision Inspect. Now any team that uses JIRA Software, whether self-hosted or in the cloud, can take advantage of InVision’s add-on in the Atlassian Marketplace. To Read More via InVision Blog.
InVision: Introducing Private Cloud
The folks over InVision is announcing something quite interesting. They are announcing the availability of Private Cloud now for InVision Enterprise. Beyond the work itself, there's also the aspect of protecting sensitive data with a secure foundation that is managed and hosted by InVision. Along with the design collaboration solutions that they are also providing more. • Enterprise-grade admin controls, with flexible cloud-based storage, compliance adherence, and 24/7 monitoring • Enhanced security, including SOC 2 and PCI compliance, DDoS protection, mandatory 2-factor authentication, and single-sign-on (SSO) • Centralized visibility for billing, custom user permissions, project updates, and activity logs • Company-wide collaboration with unlimited team members, storage, and prototypes • Private Cloud provides complete isolation of your data flow from input to database, in a setting you control Your team's design work is a core part of your company's success. That's why we've gone to extensive measures to protect it. InVision uses industry-best, market-leading security tools to protect customer and business data. Our experienced security team manages all areas of data, network, system and application security, including 24x7 monitoring and alerting. Here are just some of the industry best security measures we employ in each of our environments. Learn More: https://www.invisionapp.com/security.
Introducing Freehand from Craft by InVision LABS
In my career, I had many many opportunities to create within a group that were in the same room like a workshop type of thing. Other situations where you are working with a team where they are scattered all over the World through different timezones is on the other hand making things harder though. It’s quite hard at times because we are not in the same room but things have changed with the mighty folks from InVision. Introducing Freehand, their latest from Craft to collaborate in real time fast and flexible at the same time. With Freehand, you’ll have the opportunity to use it for any project type, collaborate in real-time and mostly on any devices including Sketch and Photoshop. Least but not least, it’s free and being part of the other awesome plugins from Craft. Freehand is an infinite, collaborative space for your team to work through design ideas in real time. Ideas are driven in part by diversity—how quickly and often can I get this new concept in front of my team, and how easily can they share their feedback? See how it works Features • Add artboards or images from Sketch and Photoshop • Hand off control to your teammate • Co-draw to share sketches and rough ideas • Undo, redo, and scale • Comment to share your feedback • Save and share your work • And lots more! Get started now: https://www.invisionapp.com/craft.
Introducing InVision iOS 2.0: All-New InVision App
The mighty folks over InVision is announcing today their all-new app named: InVision for iOS 2.0. What is it? It’s their latest addition to increase your workflow in terms of feedback. As we all aware that in our work, we are always going through workshops and presentations where sometimes we’ll miss some of the missing keys: stakeholders. Everyone is busy but with this app, you can make things easier and even on-the-go. Within the app, you’ll be able to easily view prototypes, comment, collaborate and resolve comments and more. All in real-time which makes things even more interesting. Let’s give a watch to the video. That’s why we’ve been working on a fresh mobile experience to support your workflow. We’re excited to share InVision for iOS 2.0, an all-new InVision mobile app—now with the new Conversations tab, to make it even easier to keep projects moving while you’re on the go. See how it works It’s free, and it’s ready whenever you are. Get the latest InVision app now! To download the app: InVision App.
#Happy10Abduzeedo - InVision Giveaway
This month, we are celebrating the 10th anniversary of Abduzeedo. This is very special to us, Fabio Sasso created the blog as a side-project after he lost everything from a robbery back in 2006. It was in his way for him to backup files but also bookmark things he liked and inspired him. Since then his work has been used, shared and featured many times but beyond all, his goal was to inspired us to create and make more. That’s the philosophy and minset of Abduzeedo that will always lives on. To end this anniversary in GRAND, we would like to thank you guys as the kind folks from InVision are treating us with one of the most awesome giveaways we ever shared on the blog. Let's find out and the best of luck! I never imagined or planned to get to 10 years. I started the blog after my studio got robbed and I lost everything. After that day I tried to focus on the present more than ever, life is too unpredictable and we can get frustrated if something happens that weren't in our plans. That happened to me, it sucks, but I learned a lot. Sometimes things are much worse in our heads and imagination than in reality. - Fabio Sasso First Prizes To celebrate the 10th ANNIVERSARY of Abduzeedo and the holidays we are giving away to three (3) lucky winners - three (3) Shirts of their choosing from InVision’s Marketplace. This includes the shipping as well: #happy10abduzeedo Second BIG Prize We are giving 1 LIFETIME License of an individual InVision Pro Plan to one Lucky Person + a Box full of InVision Swag and Design Goodies: #happy10abduzeedo To enter the InVision giveaway, you must do the following: 1. Follow our new Instagram Account @abduzeedos on Instagram. 2. Leave a comment below (on Instagram or Facebook) about who are you? A student? A Designer? A Professional or what else? We would love to hear! This giveaway closes tomorrow at 8am EST, 21th of December, 2016. The winners will be picked at random by the Fabio Sasso (@Abduzeedo) and we’ll announce the winners on the blog. The winners will be also contacted via DM on Instagram. About InVision For those who don't know InVision, well it's a prototyping tool with a lot of incredible features that shaped the way we work everyday. With features like: prototyping, sharing, presentation, feedback, whiteboarding and the list goes on and on. You are in for a complete experience, all in one place. As I quote: We help companies of all sizes unlock the power of design-driven product development. That's why teams at Evernote, Adobe, Airbnb, Salesforce, and many more fire up InVision every day. More Information: InVision.
Introducing Inspect now for Photoshop by InVision
We would like to share an announcement from the great folks over InVision and this time is about what we've introduced last month (or so), a tool that makes design-to-development process better for everyone. What do they mean is delivering PSDs or Sketch files to your developers, is now a thing of the past. Inspect by Invision but NOW available for Photoshop users. You'll be able to share your work easier for delivering the assets where the developers can have access to your colour palette, fonts, assets (download assets right off Inspect) and getting the exact specs from your mockups. Brands like WeWork, Bloomberg BNA, and General Assembly have already seen improvements in their team's workflows, making it easier and faster for designers to share their work with developers and for developers to get accurate information they need—like font names, hex codes, images specs, and dimensions. See how it works Designing and building beautiful and usable interfaces is hard work, making design specification tools exceedingly valuable additions to the process. With Inspect, it’s easy for development teams to quickly get the information they need to start building products faster. Now, designers can get their screens into production in no time, whether they choose to create in Photoshop, Sketch, or both. When design and development speak the same language, in the same place, we all build better products. Streamline your design to development workflow with Inspect by InVision. How to get started with Inspect: https://www.invisionapp.com/feature/inspect-ps.
Introducing Craft Sync for Photoshop by Invision
Earlier this month we shared the latest and greatest from the folks over Invision, the latest from Craft that is now available for Photoshop on Mac and Windows users. And they called it: Sync. What is it? It’s their latest on improving on workflow within Sketch or Photoshop where you’ll be able to sync directly your artboards to Invision with one single click, everything instantly. It’s going to be done! You’ll get to control what you sync and in addition it will be a great addition to how you hand-off your designs to developers using Invision Inspect. See how it works Now with Craft Sync, experience a better product design workflow by seamlessly syncing your files from whatever design environment you choose. No matter where you choose to create, your path to design-to-prototype continuity is a simple as click, sync, and done. That’s it! Choose individual files or documents to send, or select a whole bunch of them. Best of all, it’s instant—designs sync with lightning speed. How to get started with Craft by Invision.
Introducing Inspect by InVision
We would like to share the another announcement from the great folks over InVision and this time is about their latest very much anticipated tool that makes design-to-development process better for everyone. What do they mean is delivering PSDs or Sketch files to your developers, is now a thing of the past. And they called it: Inspect. Aiming to improve productivity, process and less headaches on both parties. You'll be able to share your work easier for delivering the assets where the developers can have access to your colour palette, fonts, assets (download assets right off Inspect) and getting the exact specs from your mockups. It's more like magic and the developers will love this collaboration. See how it works By making it easy for developers to get the accurate information they need about your designs, your team’s process is clearer and simpler than ever. Say goodbye to endless email threads and mile-long PDF docs. Your whole team can start building sooner, and get the information they need, when they need it—in real time. Inspect really consolidated the amount of tools and processes we've had to do in the past, and keeps everyone up to date on the latest prototypes." -- Gregg Meyer, Design Director, WeWork When design and development speak the same language, in the same place, we all build better products. Streamline your design to development workflow with Inspect by InVision. How to get started with Inspect: https://www.invisionapp.com/feature/inspect.
Introducing Craft Sync by Invision
We would like to share the another announcement from the great folks over Invision and this time is about their latest feature on Craft. And they called it: Sync. What is it? It’s their latest on improving on workflow within Sketch or Photoshop where you’ll be able to sync directly your artboards to Invision with one single click, everything instantly. You’ll get to control what you sync and in addition it will be a great addition to how you hand-off your designs to developers using Invision Inspect. See how it works Now with Craft Sync, you never have to leave your native design environment to send your designs to InVision. Click, sync, and you’re done. • Improved speed: Users can now send their designs to InVision faster than ever before. • Greater control: Lets designers choose which artboards to send to InVision. • Seamless workflow: All designs sent to InVision via Craft Sync work with Inspect (currently in Enterprise beta). Choose individual artboards to send, or select a whole slew of them. Best of all, it’s instant—designs sync with lightning speed. Craft Sync is now available for Sketch as in today. They will release Craft Sync for Photoshop in a few short weeks. How to get started with Craft by Invision.
Introducing Invision for JIRA
As of late we’ve been witnessing a lot of really cool and interesting upgrades from our friends from Invision. They never ceased to come up with new tools and upgrades to facilitate our workflow for the greater good and also work with existing platforms to bring their products around our work environment so we can have to the right tools to create the right user experience. Let us introduce their latest with a partnership with Atlassian, the company that introduced us JIRA. For those who doesn’t know what is JIRA, It’s a very helpful tool for a collaboration from the designers and developers to bring together their game through creating tickets, assigning tasks, fixing/tracking bugs and more. Looking forward to try it myself! You can now pair an InVision prototype with any JIRA issue. It’s also why we’re excited to announce our partnership with Atlassian and introduce InVision for JIRA, a new way to bring your design workflow right inside the development tool your team already relies on. By pairing an InVision prototype with a JIRA issue, everyone can see what’s being worked on and get real time information about the design, keeping your team and projects organized in one place. Install the free InVision for JIRA add-on to your team’s account, or ask your JIRA account administrator to do so Once the integration is installed, grab a share link from your InVision prototype In a JIRA issue, paste the share link into the InVision component That’s it! You’ll see a thumbnail preview of your design, along with valuable information about your prototype. How to get started: right now.
Introducing Invision + UserTesting
We would like to share the announcement of Invision partnering with UserTesting to bring the another level at prototyping with actual user reactions for your app, website or prototype. It’s something that I have always wanted to bring to my process, it’s super crucial to know how your users engage with your products. Especially when you are in product design and you are working in design sprints and figure out goals to bring the best for your user experience every single update. Better feedback leads to better products. InVision has partnered with leading user research platform UserTesting, to give product managers, developers, designers and researchers a faster, more seamless way to capture real-world feedback on their app, website or prototype. This new integration allows any of our 2 million users to send an InVision prototype directly to UserTesting and hear what users have to say, via rapid 5-minute micro tests. It’s free for 60 days, with 3 free tests per month after that. Lots of you are already using UserTesting to gain better insight into your prototypes—this year, InVision tests accounted for 70 percent of prototype tests on UserTesting! By seamlessly pairing InVision and UserTesting, your team has the power to use the tools you love to build even better products, faster—together. Try it free and see for yourself! How to get started: in just a few steps.