Design Thinking

Design system collaboration: 5 tips for designers & developers | Dribbble Design Blog

Source: Design system collaboration: 5 tips for designers & developers | Dribbble Design Blog   Design system collaboration: 5 tips for designers & developers by Renee Fleck in Process JUN 14, 2022  Share  Tweet  Share  Copy We’ve all experienced the frustration of having a great design idea, but not quite being able to translate it into the finished product. …

Design system collaboration: 5 tips for designers & developers | Dribbble Design Blog Read More »

How to leverage product research at every stage of the design process | Dribbble Design Blog

Source: How to leverage product research at every stage of the design process | Dribbble Design Blog   How to leverage product research at every stage of the design process by Renee Fleck in Process JUN 28, 2022  Share  Tweet  Share  Copy This article was written by Lorelei Bowman from Maze—the product research platform for modern teams. Consider the most …

How to leverage product research at every stage of the design process | Dribbble Design Blog Read More »

How the Business Model Canvas and the Lean UX Canvas Work Together

Source: How the Business Model Canvas and the Lean UX Canvas Work Together JEFF GOTHELF Posted on January 24, 2022. Our product development world is filled with canvases. I mean, if you haven’t developed a canvas for your framework or idea are you even really a consultant? I kid! I kid! (only a little). Jokes …

How the Business Model Canvas and the Lean UX Canvas Work Together Read More »

10 Best Design Systems and How to Learn From Them

Source: 10 Best Design Systems and How to Learn (and Steal) From Them Design systems are all the rage and while most articles talk about what they are and best practices for creating them, at DesignerUp we’ve been framing them as a teaching tool with our product design students to help them better understand, explore and learn …

10 Best Design Systems and How to Learn From Them Read More »

Building User Trust In UX Design — Smashing Magazine

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 »

User Journey Mapping for Complex Enterprise Systems | UX Magazine

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 »

What Exactly Is Design Thinking?

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, …

What Exactly Is Design Thinking? Read More »

How to run an effective online brainstorming session | Inside Design Blog

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 »

Brand Identity Color Palette Generator: The Ultimate List to find the Best for your Brand

Source: Brand Identity Color Palette Generator: The Ultimate List to find the Best for your Brand – Growth Hackers Why Choosing the Right Colors for your Brand? Before deciding about the right business color palette, you need to know that your brand personality is the foundation of your business. Before you start figuring out how …

Brand Identity Color Palette Generator: The Ultimate List to find the Best for your Brand Read More »

Design Thinking – IDEO U

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 …

Design Thinking – IDEO U Read More »

How To Properly Frame Your Design Challenge – UX Collective

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, Busted

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 …

10 Myths About Prototyping, Busted Read More »

Design Thinking: Getting Started with Empathy

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 …

Design Thinking: Getting Started with Empathy Read More »

Purchase journeys of 3 deal-seeking shoppers – Think with Google

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 »

Why Design Thinking Works

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 …

Why Design Thinking Works Read More »

Google Material Design

Make beautiful products, faster. Material is a design system – backed by open-source code – that helps teams build digital experiences Design flexibly Get started with detailed design guidance and create custom Material themes to make your product unique.   https://material.io/

UX Mapping Methods Compared: A Cheat Sheet

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 …

UX Mapping Methods Compared: A Cheat Sheet Read More »

Framer – Fiber

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.

Framer Beginner Tutorial: From Design to Code, Components & Beyond

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 | Polidea

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 »

Shopify Polaris

At Shopify, we build products that enable commerce at a global scale. Our mission is to make commerce better for everyone, no matter where they’re located or their level of experience. We create tools that give even the most inexperienced entrepreneur the best chance to succeed. At the same time, we design products that help …

Shopify Polaris Read More »

The Design Sprint — GV

The Design Sprint The sprint gives teams a shortcut to learning without building and launching. The sprint is a five-day process for answering critical business questions through design, prototyping, and testing ideas with customers. Developed at GV, it’s a “greatest hits” of business strategy, innovation, behavior science, design thinking, and more—packaged into a battle-tested process …

The Design Sprint — GV Read More »

Craft – Introduction to the Prototype plugin

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 …

Craft – Introduction to the Prototype plugin Read More »

How we’re using Component Based Design – Medium

How we’re using Component Based Design Component Based Design is often talked about in context of large, complex projects. In this post we’re making the case that it can also be very beneficial for smaller projects and teams. We now use Component Based Design for every project, big or small. First of all, we tip our …

How we’re using Component Based Design – Medium Read More »

Tumult Hype

Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record” and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content. It is easy to create natural curves by clicking and dragging on an …

Tumult Hype Read More »

Five app prototyping tools compared: Proto.io, Pixate, Origami, Framer & Form – Design + Sketch App – Medium

Tes MatFollow iOS dev & app prototyper (Dutch, English, Spanish, some Русский) Aug 6, 201512 min read Five app prototyping tools compared Proto.io, Pixate, Origami, Framer & Form There are Russian and Chinese (+ another one) translations of this article, and there’s a follow-up with Principle, Flinto for Mac & Tumult Hype. I recreated the IF by …

Five app prototyping tools compared: Proto.io, Pixate, Origami, Framer & Form – Design + Sketch App – Medium Read More »

40 design & prototyping resources for mobile, Photoshop, & Sketch – InVision Blog

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 »

Flinto for Mac – The prototyping tool designers have been waiting for.

Source: Flinto for Mac – The prototyping tool designers have been waiting for. Flinto for Mac is a comprehensive app prototyping tool that allows you to create anything from simple tap-through prototypes, to comprehensive prototypes with impressive interactions. We’ve carefully designed Flinto for Mac to minimize complexity. There’s no programming or timelines. It’s the prototyping …

Flinto for Mac – The prototyping tool designers have been waiting for. Read More »

Introducing Framer

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

Case Study: How the U.S. Air Force Is Changing Recruiting Through UX | Creative Cloud blog by Adobe

The United States Air Force was facing a problem all too familiar to organizations that have a lot of information online: how can we ensure that a user finds what they’re looking for? Gone are the days when users would spend hours sorting through web pages hoping to discover a nugget of relevant information. The …

Case Study: How the U.S. Air Force Is Changing Recruiting Through UX | Creative Cloud blog by Adobe Read More »

The Fidelity Curve: How to weigh the costs and benefits of creating UI mockups — Signal v. Noise — Medium

The Fidelity Curve: How to weigh the costs and benefits of creating UI mockups Here at Basecamp we do a lot of paper sketching. Usually we jump straight to code after making a rough sketch. But it’s not a black and white rule. Sometimes we make tappable prototypes to test an interaction, or a pixel …

The Fidelity Curve: How to weigh the costs and benefits of creating UI mockups — Signal v. Noise — Medium Read More »

Easing Curves

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, …

Easing Curves Read More »

Principle – Animated Design

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

Optimizing Your Design For Rapid Prototype Testing – Smashing Magazine

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 »

Marvel Prototyping App

Free mobile & web prototyping for everyone. No coding required. Marvel is the easiest way to turn your sketches, images and mockups into realistic mobile and web prototypes. Win pitches. Impress clients. Bring your ideas to life.Built for designers, entrepreneurs, startups, agencies, students…well, everyone really. It doesn’t matter what level of technical or design skill you …

Marvel Prototyping App Read More »

Pixate

Make your ideas a reality .Change the way you design with the most powerful prototyping platform on the planet. Source: Pixate

Tumult Hype

Tumult Hype is the HTML5 creation app for Mac OS X. Animations and interactive content made with Tumult Hype work on desktops, smartphones and iPads. No coding required. Source: Tumult Hype

The Top Rapid Prototyping Programs And Techniques For Designers | Elegant Themes Blog

Rapid prototyping is a method of quickly creating an early version of a final product. This allows the creators of the product to test their ideas and even get user feedback without having to fully flesh out, or even build, a full version of what they have in mind. There are many benefits to this approach …

The Top Rapid Prototyping Programs And Techniques For Designers | Elegant Themes Blog Read More »

Tour – Proto.io

Tour – Proto.io. UI prototyping for the space age. Take your static designs, wireframes or mockups to the next level. At Proto.io you will find everything you need to create beautiful fully interactive, animated prototypes that tell the full story.

Mobile Prototyping With Proto.io – Smashing Magazine

Mobile Prototyping With Proto.io – Smashing Magazine.   Mobile Prototyping With Proto.io By Will Hacker February 19th, 2015 TechniquesToolsWorkflow There are many options available for prototyping mobile user experiences, but if you need to prototype native apps for mobile devices you should take a look at Proto.io when evaluating potential choices. This solution has many features for designing …

Mobile Prototyping With Proto.io – Smashing Magazine Read More »

The Customer Journey to Online Purchase – Think with Google

The Customer Journey to Online Purchase – Think with Google. Choose an industry, business size and region to see how digital marketing channels influence a typical buyer before the sale. Channels to the left tend to play an early and assisting role in the typical sale. Channels to the right are more likely to be …

The Customer Journey to Online Purchase – Think with Google Read More »

Briefs for prototyping

Lifeless mockups don’t tell the entire story, but you don’t have time to build a prototype. We’ve been there, too. MartianCraft’s clients are some of the most demanding companies in the world. Your

Building Clickthrough Prototypes To Support Participatory Design | Smashing UX Design

As UX professionals, we often lead design exercises with our stakeholders, including immediate team members and external clients. In these brainstorming sessions, participants identify opportunities to improve the design, thereby aligning everyone’s vision and expectations of the project. via Building Clickthrough Prototypes To Support Participatory Design | Smashing UX Design.

Origami – Design prototyping with Quartz Composer

A free design prototyping toolkit for Quartz Composer.Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction design.Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t …

Origami – Design prototyping with Quartz Composer Read More »

Mobile in the Purchase Journey – Think with Google

THE RUNDOWN We are now living a multi-screen world. With the web at our fingertips, shoppers from Singapore to South Africa are finding and purchasing products in completely new ways. To learn more about these changing behaviors, we studied consumers around the globe in 2013 to understand what role has the smartphone in the consumer …

Mobile in the Purchase Journey – Think with Google Read More »

Android Design Guidelines

Android Design – Welcome Welcome to Android Design, your place for learning how to design exceptional Android apps. Ice Cream Sandwich (Android 4.0) marks a major milestone for Android design. We