Source: Color Tools And Resources — Smashing Magazine QUICK SUMMARY ↬ Do you need a little inspiration boost? We’ve collected some useful color tools and resources that we’ve discovered lately — to help you get the most out of your creativity. We’ve also just recently covered CSS auditing tools, CSS generators, accessible front-end components, front-end boilerplates and VS code extensions — you …
Source: A Beginner’s Guide To Different Types Of Logo Designs A Beginner’s Guide To Different Types Of Logo Designs A month ago by Darya Jandossova Troncoso • 9 min read In many cases, a logo design says more about your business than your product. For example, if you are an established brand, your loyal customer base will only need …
A Beginner’s Guide To Different Types Of Logo Designs Read More »
Source: Building User Trust In UX Design — Smashing Magazine Building User Trust In UX Design AUTHOR Adam Fard Trust is at the heart of a long-term strategy of any product. There are many ways to earn it, and even more ways to lose it. In this article, we’ll go through how you, as a …
Building User Trust In UX Design — Smashing Magazine Read More »
Source: User Journey Mapping for Complex Enterprise Systems | UX Magazine User Journey Mapping for Complex Enterprise Systems At its most basic, journey mapping is a compilation of user goals and actions into a timeline. This timeline is further enhanced by adding user thoughts and emotions, resulting in a cohesive narrative or story. This story …
User Journey Mapping for Complex Enterprise Systems | UX Magazine Read More »
Source: What Exactly Is Design Thinking? 🤔(Updated Guide for 2021) What Is Design Thinking? A Comprehensive Beginner’s Guide BY EMILY STEVENS, UPDATED ON MAY 17TH Design thinking is both an ideology and a process, concerned with solving complex problems in a highly user-centric way. In this guide, we’ll give you a detailed definition of design thinking, …
Source: Invision Design COLLABORATION How to run an effective online brainstorming session 5 min read Kacy Boone Planning your organization’s next digital product iteration? Ironing out the kinks in your cross-functional workflow? Just want some quality ideas fast? Time to hold a brainstorming session! Make an agenda, bring your people together, and after an hour …
How to run an effective online brainstorming session | Inside Design Blog Read More »
Source: Colors Combinations — Tory Blue Combinations
Source: A better segmented control. How we embraced a growth mindset and… | by Runi Goswami | Tap to Dismiss | May, 2021 | Medium Old segmented control does not spark joy A few years ago, we built a segmented control component for the Lyft Product Language (LPL) design system. You may have read our guide to …
A better segmented control. How we embraced a growth mindset and… | Read More »
Source: I studied the fonts of the top 1000 websites. Here’s what I learned. | Dribbble Design Blog Art by Marius Juozas Žvirblis I studied the fonts of the top 1000 websites. Here’s what I learned. by Renee Fleck in CommunityAPR 26, 2021 Share Tweet Share Copy This article was written by Michael Li—a data scientist and entrepreneur with a love for …
I studied the fonts of the top 1000 websites. Here’s what I learned. Read More »
Design thinking is a human-centered approach to innovation—anchored in understanding customer’s needs, rapid prototyping, and generating creative ideas—that will transform the way you develop products, services, processes, and organizations. By using design thinking, you make decisions based on what customers really want instead of relying only on historical data or making risky bets based on …
Source: iOS Quick Reference for iPhone, iPad, and Apple Watch
Source: Freehand Template Gallery | InVision Collaborate in real time with a digital whiteboard . Try Freehand — Free InVision Freehand empowers your entire team to create together, all in one place. Watch video So simple, everyone can use it. Freehand’s intuitive design empowers everyone to have a voice. Explore Freehand Get started with Templates Built …
How To Properly Frame Your Design Challenge Pedro Marques Overall, this short piece is focused on helping you better frame your design challenge. First, however, I’ll give you a quick introduction to human-centered design. Then I’ll briefly explore the importance of understanding the problem you’re trying to solve. And, finally, I’ll guide you through a …
How To Properly Frame Your Design Challenge – UX Collective Read More »
10 Myths About Prototyping, Bustedby Nick Babich Web DesignNov 5, 2019 8 minute readEmail Pinterest Facebook Twitter LinkedInEvery industry has its myths, and design is no exception. Sometimes, these myths are especially dangerous, because they change the perception of existing practices and muddle the benefits of following them. Prototypes are one such victim. These are essential …
Source: Design Thinking: Getting Started with Empathy | Interaction Design Foundation Design Thinking: Getting Started with Empathy BY RIKKE DAM AND TEO SIANG | 11 MONTHS AGO | 11 MIN READ Empathy is an important element in Design Thinking and Human-Centred Design. What is empathy exactly? Why is empathy so important to designing solutions that actually work for people? Here, we’ll not only look …
Source: Design Better Forms – UX CollectiveDesign Better Forms Common mistakes designers make and how to fix them Andrew Coyle Jul 5, 2016 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 dos …
Source: Purchase journeys of 3 deal-seeking shoppers – Think with Google Inside the purchase journey of 3 deal-seeking shopper New research from Google shows how intent is redefining the marketing funnel.1 People are narrowing and broadening their consideration set in unique and unpredictable moments. We’re finding this behavior in all shopper types, particularly the deal seeker. For a closer look, …
Purchase journeys of 3 deal-seeking shoppers – Think with Google Read More »
15 Website & UX Statistics of 2018 [INFOGRAPHIC] Source: 15 Website & UX Statistics of 2018 [INFOGRAPHIC] Georgie Peru If you want to be successful online, you’re going to need a website. However, simply having a website isn’t going to cut the mustard. Web design and user experience (UX) play a massive role in ensuring your website and …
Source: Why Design Thinking Works Harvard Business Review Why Design Thinking Works It addresses the biases and behaviors that hamper innovation. by: Jeanne Liedtka Summary. While we know a lot about practices that stimulate new ideas, innovation teams often struggle to apply them. Why? Because people’s biases and entrenched behaviors get in the way. In this …
This post was originally published here #Introduction Recently I’ve been studying motion and I wanted to write a post regarding what I’ve learned primarily regarding easing. I stumbled upon Rachel Smith’s beginner post on easing, a couple weeks ago which was really eye-opening. Starting out, these tips were really helpful and spurred more research on the mechanics and …
Issara WillenskomerFollow I write and lead workshops on the topic of motion and usability. www.uxinmotion.net Mar 31, 2017 Creating Usability with Motion: The UX in Motion Manifesto The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion to support usability?” Over …
Creating Usability with Motion: The UX in Motion Manifesto Read More »
Thanks to our friends over at UserTesting.com for this webinar 3 Digital Transformation Strategies Driving CX © UserTesting 2017
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 …
Designing More Efficient Forms: Structure, Inputs, Labels and Actions Read More »
Source: UX Mapping Methods Compared: A Cheat Sheet UX Mapping Methods Compared: A Cheat Sheet by SARAH GIBBONS on November 5, 2017 Topics: Design Process Summary: Empathy maps, customer journey maps, experience maps, and service blueprints depict different processes and have different goals, yet they all build common ground within an organization. Designing and developing a product …
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 …
Your guide to design systems from the world’s leading brands Read More »
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. …
Framer Beginner Tutorial: From Design to Code, Components & Beyond Read More »
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 …
Prototyping Tools Review: Proto.io vs. Origami Studio | Polidea Read More »
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 FRAMEWORK FOR DESIGNING A BETTER USER ONBOARDING EXPERIENCE Read More »
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 …
THE BIG LIST: 40 ROCK SOLID DESIGN AND PROTOTYPING RESOURCES FOR MOBILE, PHOTOSHOP, AND SKETCH Seeing your ideas come to life quickly is a really rewarding experience. Which is why prototyping can be so much fun. But Finding the right resources for your prototyping project can be a huge pain. Below is a list of …
40 design & prototyping resources for mobile, Photoshop, & Sketch – InVision Blog Read More »
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
Source: Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers — Design + Sketch App — Medium When it comes to the epic that is Star Wars, there are very few ways to stay excited and be productive. Unable to concentrate on work, the only way I could channel my almost-paralysing excitement …
A comprehensive design guide for sizing and resolutions across all devices. Source: Device Metrics – Google Design
When the conversation is the interface, experience design is all about crafting the right words. Source: The Next Phase Of UX: Designing Chatbot Personalities
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 …
Optimizing Your Design For Rapid Prototype Testing – Smashing Magazine Read More »
When your creative mind and developers’ analytical genius work in unison, better products result. Here’s how to do that. Source: Designing with developers in mind: guides, grids, and frameworks – InVision Blog
Matt Watkinson’s The Ten Principles Behind Great Customer Experiences is an original approach to design, customer service and management. Source: Customer Experience | The Ten Principles | Matt Watkinson
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 …
6 time-saving Sketch plugins to install right now—for free via 6 time-saving Sketch plugins to install right now—for free « Thoughts on users, experience, and design from the folks at InVision.. Sketch is quickly becoming the UI design tool of choice, so here’s our short list of the most helpful Sketch plugins we could find, …
Master list of UX resources.
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.
UX Companion | User experience design tools | Cyber-Duck. A handy glossary of user experience (UX) theories, tools and principles
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.
8 Apps to Turn Your Pipe Dreams Into Prototypes via 8 Apps to Turn Your Pipe Dreams Into Prototypes.
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.
Unless you’re developing completely new products at a startup, you likely work in an organization that has accumulated years of legacy design and development in its products. Even if the product you’re
In the following tutorial you will learn how to use text and the Round Any Corner script to create a simple sticker effect. This effect can be applied to a variety of graphics, including shapes and symbols. Let’s get started! Source: Quick Tip: How To Create a Simple Sticker Text Effect – Envato Tuts+ Design …