Tag: ux

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond   https://medium.com/sketch-app-sources

Image credits: form-ux-tips Designing More Efficient Forms: Structure, Inputs, Labels and Actions by Nick Babich People who use your app or site have a particular goal. Often the one thing that is standing between the user and his goal is a form. Because forms still remain the one of the most important type of interaction for users on the web and…

Source: Your guide to design systems from the world’s leading brands Blog Subscribe DESIGN YOUR GUIDE TO DESIGN SYSTEMS FROM THE WORLD’S LEADING BRANDS by Jess Thoms on October 9, 2017 Blog View all posts Many of the world’s leading brands have made their design systems public, contributing their ideas and processes to the design community at…

The DesignBetter.Co library Build a strong design practice with our collection of definitive books. Dive in for deep knowledge or take a peek for a moment’s insight. Explore how the best companies approach product design, design thinking, design leadership, and more. Source: Books – DesignBetter.Co BOOKSPODCASTWORKSHOPS SUBSCRIBESUBSCRIBE Discover. Learn. Elevate. Introducing the best practices, stories,…

Source: Framer – Fiber   An interactive UI Kit by Framer. Free forever. High-fidelity, now within reach. Fiber UI Kit is the perfect starting place for your next project. Each element has been designed to work independently or as one seamless flow. It’s a full-fledged prototype with customizable components.

Source: Framer Beginner Tutorial: From Design to Code, Components & Beyond Product Designer & Design Blog Editor @Toptal Core Team. #Wojciech is a product designer with 6 years of professional experience in the design field. Jun 20 Framer Tutorial: From Design to Code, Components and Beyond Step-by-step tutorials that’ll help you create stunning Framerprototypes in no time….

Prototyping Tools Review: Proto.io vs. Origami Studio Przemek Pomaski  Apr 06, 2017 Choosing the right prototyping tool for designing mobile apps may be challenging, especially taking into consideration the great choice designers have. After reading this detailed review you will learn what the basic differences between Proto.io and Origami Studio are and depending on what you…

User research can be done at any point in the design cycle. This list of methods and activities can help you decide which to use when. Source: UX Research Cheat Sheet   User-experience research methods are great at producing data and insights, while ongoing activities help get the right things done. Alongside R&D, ongoing UX…

by Raffaela Rein on January 30, 2017 The growing area of user experience design is an opportunity for a complete mindset shift for companies—away from selling products and towards selling experiences. It’s the best way to build a sustainable competitive advantage. Last year, we saw some truly innovative stuff happen in the world of UX….

All the design inspiration you need. It’s like crack for designers. And good for you too! Jan 19 Color trend 2016/2017 via Muzli design inspiration   IO Flux — Creative Exchange by Ben Schade

Craft Prototype is currently in limited beta. Access is only available to select participants. If you’ve received an authorization code, you can activate that code by following the steps in Craft – Enabling beta releases of Craft plugins. Craft Prototype brings prototyping directly into Sketch. It gives you the ability to construct an interactive prototype…

Download the DO UI kit — free on January 30, 2017 by Sinziana Chitea After weeks of brainstorming, sketching, designing, and arduous development, your app’s ready to launch. Your team’s enthusiasm is through the roof. This is the moment of truth: Will the app be successful? User onboarding has so much to do with an…

A Playbook for Improving Customer Journeys September 30, 2015 | By Brandon Schauer It feels great to see and map the experiences that customers have; you suddenly have a handle on what’s really happening from their perspective. But you’ve also set yourself up for something much harder—improving that customer journey you now see. You can’t…

Design everything with Framer You need the potential to design something completely new. Framer is a design tool that uses code to make anything possible. Pioneer new patterns and groundbreaking designs. Find the best solution, not just the expected one. Introducing Auto-Code, an all-new way to design with code. Source: The new Framer is here

Published at UX Collective Andrew Coyl Designing the future of global trade   Common mistakes designers make and how to fix them   Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common…

THE WORLD’S SMARTEST COMPANIES USE INVISION ENTERPRISE EDITION Welcome to the world of the new smartphone user. “Give me a break,” you say. “There’s no such thing as a ‘smartphone’ anymore. Practically all phones are smart. My 10-year-old has an iPhone, and so does my great aunt.” You’re right. Everyone is jumping in on mobile….

Courtesy of the amazing Pixate app Easing Curves What is an easing curve? Objects in real life don’t start or stop moving suddenly and generally don’t move at a constant speed or rate. Easing curves are algorithms used to emulate natural movements. Adding these to your animations can make your prototype feel more “alive”. Ease in,…

Animate Your Ideas, Design Better Apps Principle makes it easy to create animated and interactive user interface designs. Whether you’re designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Source: Principle – Animated Design

Download Craft, a free suite of tools for Sketch and Photoshop that let you design with real data in mind. Source: Craft by InVision LABS

Optimizing Your Design For Rapid Prototype TestingBy Michelle ChuDecember 22nd, 2015 WorkflowTestingPrototyping 1 CommentAdvertisementProduct teams in startups and mid-sized and large companies are all implementing usability testing and prototyping as a way to de-risk product development. As the focus shifts from engineering to prototyping, it is becoming increasingly important for anyone who creates prototypes to…

All designers say simplicity is important, but what does it really mean to make something simple? Most of the time we think it means less, that by removing stuff we achieve simplicity. We think by keeping content above the fold we’re helping people focus, or by using bullets instead of paragraphs more people will read…

The UX Reader | MailChimp – MailChimp UX. Design decisions shouldn’t be informed by guesswork. To eliminate misleading assumptions, we should have to validate our statements by good ol’ UX work. A little bit more UX, every day. – Vitaly (@smashingmag)

Less pixel counting Avoid redlining, and long hours of pixel counting. Specctr automates the process with a few easy clicks. Specctr 2.0 is here!Simplify your design to dev production with these awesome new automated annotation features. via Specctr | Blueprints for the Web: extend Photoshop, and Illustrator.

At DevMynd, we’ve helped dozens of companies bring their ideas to life in code and design. This series of guidebooks describes how we do it. They represent our collective learning on design, software, teams, and business. via DevMynd Guidebooks.

Agile product design is all about getting from product ideas to product choices. It’s a process we’ve used many times at DevMynd to help get the product out of a customer’s head and into an executable plan. This guidebook serves as an overview of that process, and in true agile fashion is a living document…

What’s Researchers.io?It’s the hub for everything user & customer experience research — we want to share resources, events and techniques to improve our community. via Create an Account | Researchers.io.

Rapid, Interactive Prototyping for Your Web, Desktop, and Mobile AppsThe newest design tool from the leaders in UX, Indigo Studio lets you quickly and simply explore and create functional, animated UI prototypes while maintaining the focus on user experience at every step. via Indigo Studio – Interaction Design Tool.