Blog

industry news and design trends

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 »

Creative Logo Designs 2021

via Muzli design inspiration Sign up for Muzli Publication — Weekly Digest By Muzli – Design Inspiration The Muzli email digest is a weekly summary of the most popular and inspiring design-related content from Muzli publications . We curate the best, so you can stay continually informed and inspired.

Color Tools And Resources — Smashing Magazine

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 …

Color Tools And Resources — Smashing Magazine 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 »

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 »

A better segmented control. How we embraced a growth mindset and… |

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 »

I studied the fonts of the top 1000 websites. Here’s what I learned.

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 »

In Praise of the Unambiguous Click Menu | CSS-Tricks

In Praise of the Unambiguous Click Menu Mark Root-Wiley on Mar 18, 2021 Find and fix web accessibility issues with ease using axe DevTools Pro. Try for free! I still remember my excitement when I learned how to build a hover-triggered submenu with just CSS. (It was probably after reading this 2003 article from A List Apart.) At the time, it was …

In Praise of the Unambiguous Click Menu | CSS-Tricks Read More »

Pop Art design: the artistic counterculture of the 1960s

Pop Art design: the artistic counterculture of the 1960s by Jamahl Johnson Source: Pop Art design: the artistic counterculture of the 1960s – 99designs “Pop Art” is a name that reads like a contradiction. Art is often lauded as high-minded and original. Pop is largely disdained as lowbrow and repetitive. But in many ways, the …

Pop Art design: the artistic counterculture of the 1960s 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 »

5 Simple Habits to Improve UX Research | Dribbble Design Blog

Art by Julia Hanke Meet Joanna, a User Experience Designer at Microsoft. Today Joanna sheds light on five important habits to practice while conducting user research. Use these tips to ensure your research efforts are effective and not wasted. There’s plenty of misunderstanding around user research, whether it’s the concept of validation or one-off anecdotes being thrown around as …

5 Simple Habits to Improve UX Research | Dribbble Design Blog Read More »

8 rules of mobile design

Useful Tips for Designing Mobile Appsby Saadia Minhas | UX Collective Introduction Mobile user experience (UX) design refers to the design of positive experiences during the use of mobile devices and wearables, and applications or services running on such devices. — Interaction Design Foundation 1. Provide Simple Navigation Simple navigation provides an obvious way of moving between screens …

8 rules of mobile design Read More »

Freehand Template Gallery | InVision

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 …

Freehand Template Gallery | InVision 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 »

Design Better Forms – UX Collective

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 …

Design Better Forms – UX Collective Read More »

Predicting the Graphic Design Trends of 2019 – Hayley Salyer – Medium

Source: Predicting the Graphic Design Trends of 2019 – Hayley Salyer – Medium Predicting the Graphic Design Trends of 2019 1. “How much is that puppy in the window?” Brands are getting more and more creative with how they display their products. We started seeing this last year with colorful backdrops and modern, still-life positioning. This year, brands …

Predicting the Graphic Design Trends of 2019 – Hayley Salyer – Medium Read More »

Animation that matters — adding value to your interface

Source: Animation that matters — adding value to your interface Animation principles for UX and UI designers Vernon Joyce We spend a lot of time refining digital experiences and animation is often an afterthought when it comes to building them. In reality, many designers have no animation experience and we animate based on what “feels right”. This feels right because it’s …

Animation that matters — adding value to your interface 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 »

Great Simple Studio

Rethink your design workflow We are Great Simple Studio. Our purpose is to make design process easier, faster and better. No routine. https://greatsimple.io/

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/

The principles of motion

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 …

The principles of motion Read More »

Creating Usability with Motion: The UX in Motion Manifesto

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 »

Let go of the A/B test

Source: Invision The humble A/B test is a prolific, important weapon in a design team’s toolkit. But it isn’t the only one. All too often we get comfortable in familiarity. But there are reasons why it pays to go beyond A/B testing, and not just for variety’s sake. Here’s the dirty little secret: Sometimes it might …

Let go of the A/B test Read More »

Babylon claims its chatbot beats GPs at medical exam

AITechnology Babylon claims its chatbot beats GPs at medical exam By Jen CopestakeBBC Click 27 June 2018 Share this with Facebook Share this with Messenger Image copyrightBABYLONImage captionThe artificial intelligence software provides what it determines to be the most likely diagnoses Claims that a chatbot can diagnose medical conditions as accurately as a GP have …

Babylon claims its chatbot beats GPs at medical exam Read More »

The State of UX in 2018

published by https://trends.uxdesign.cc/ The State of UX  in 2018 We have seen quite a lot this year. After curating and sharing 1,926 links with 189,489 designers all over the world, we see a few trends in what our industry is writing, talking, and thinking about. Here is what to expect for UX in 2018.   Illustrated by Fernando Bittar   …

The State of UX in 2018 Read More »

8 Tips for Creating Better User Flows

Overflow TeamFollow The world’s first user flow diagramming tool tailored for designers. Request early access. https://overflow.io Apr 11 8 Tips for Creating Better User Flows. Create stunning user flows that tell a story     User flows are visual representations of the path the user can follow to achieve a goal while using an app, website or …

8 Tips for Creating Better User Flows Read More »

Why experience driven products are indispensable

published by Jack Strachan for UX Planet published https://dribbble.com/jomo Experience driven products have a great affinity to the principles of better design. The design approach for these products or services is a holistic approach that has never been so important to the customer, even if they don’t realise it. A product being experience driven or not is most …

Why experience driven products are indispensable Read More »

The Secret Plan of Timeline for Sketch

posted by Medium GIFs today, Interactive user-interface components tomorrow We believe that designers should own their design all the way to production. While today’s tools help you communicate with developers, we aim to put you in charge. No coding, but a new generation of stronger visual tools. Imagine having coding skills, without the need to code. …

The Secret Plan of Timeline for Sketch Read More »

Design Systems Handbook – DesignBetter.Co

BOOKSPODCASTWORKSHOPS SUBSCRIBESUBSCRIBE INVISION PRESENTS Design Systems Handbook by Marco Suarez, Jina Anne, Katie Sylor-Miller, Diana Mounter, and Roy Stanfield A design system unites product teams around a common visual language. It reduces design debt, accelerates the design process, and builds bridges between teams working in concert to bring products to life. Learn how you can …

Design Systems Handbook – DesignBetter.Co Read More »

Designing More Efficient Forms: Structure, Inputs, Labels and Actions

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 »

How to Stop UX Research being a Blocker – Muzli -Design Inspiration

How to Stop UX Research being a Blocker Fitting research into agile teams At its best, UX research surfaces insights and enables progress; at its worst it just gets in the way. There are many objections to conducting UX research, but the most common I hear is ‘We don’t have enough time.’ I can certainly sympathise with …

How to Stop UX Research being a Blocker – Muzli -Design Inspiration Read More »

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 »

Style Guide

Source: Style Guide Introduction As the Buffer team grows, it will become increasingly important to maintain a consistent style and visual language across all areas of the product. To do this, we have built the following style guide to document reusable components for faster product development. This style guide is based largely on the principles …

Style Guide Read More »

Your guide to design systems from the world’s leading brands

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 »

Icondrop Plugin for Sketch, Illustrator and Photoshop – Iconscout

Source: Icondrop Plugin for Sketch, Illustrator and Photoshop – Iconscout   Instant Access Get instant access to world’s fastest growing icon library User Friendly Powerful search with Style Filters makes it easy to find perfect icon or icon pack Seamless Integration Select shape where you want to insert, pick an icon and you’re done! Accessibility …

Icondrop Plugin for Sketch, Illustrator and Photoshop – Iconscout Read More »

Books – DesignBetter.Co

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

Books – DesignBetter.Co Read More »

The A-to-Z of Framer’s Text Layers – Framer

The A-to-Z of Framer’s Text Layers Tips, tricks and everything in between. An exhaustive guide to working with type in Framer. 👀 view in browser — 🖥 open in Framer Combining Code and Design With the launch of Dynamic Type, text blocks created in Framer Design became real Text Layers. In addition to updating the text in Code with template tags, …

The A-to-Z of Framer’s Text Layers – Framer Read More »

Programmatic Guide Part 2: Design Compelling Creative

Source: Programmatic Guide Part 2: Design Compelling Creative   Design Compelling Creative Jonathan Meltzer Jul 2017Data & Measurement, Experience & Design, Micro-Moments, Omnichannel, Programmatic Download When creative teams are armed with data, engagement becomes easier. Part two of this five-part series on programmatic buying shows how using audience insights can help brands to craft better, more compelling creative. Step 1 – Organize audience …

Programmatic Guide Part 2: Design Compelling Creative Read More »

FoundationPress – the ultimate WordPress starter-theme built on Foundation 6 by Zurb.

 Source: FoundationPress – the ultimate WordPress starter-theme built on Foundation 6 by Zurb. What is FoundationPress? FoundationPress is a starter-theme for WordPress based on Foundation 6, the most advanced responsive (mobile-first) framework in the world. The purpose of FoundationPress, is to act as a small and handy toolbox that contains the essentials needed to build any design. FoundationPress is …

FoundationPress – the ultimate WordPress starter-theme built on Foundation 6 by Zurb. 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.

86 Sketch shortcuts that every product designer should be using

BlogSubscribe DESIGN86 SKETCH SHORTCUTS THAT EVERY PRODUCT DESIGNER SHOULD BE USINGby Joseph Angelo Todaroon July 13, 2017Blog Love InVision? Give your friends 3 months free.View all postsSketch is packed with features for designers and vector illustrators, so naturally there are a ton of shortcuts—around 150 to be exact.If you’re a product designer, around half of …

86 Sketch shortcuts that every product designer should be using Read More »

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 »

40 Powerful plugins for sketch – Muzli -Design Inspiration

Source: 40 Powerful plugins for sketch – Muzli -Design Inspiration   40 Powerful plugins for sketch via Muzli design inspiration 1. Looper Duplicate, Rotate and Scale the smart way Get it now 2. Craft by InVision The singular must-have in every UI/UX designer’s tool belt, Craft is a suite of plugins for Photoshop and Sketch that help …

40 Powerful plugins for sketch – Muzli -Design Inspiration 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 »

Freebies – UX Power Tools

Source: Freebies – UX Power Tools   The Freebies. We don’t just make a kick-ass design systems for Sketch. We also make free things. Things to automate starting projects. Things to expedite exporting assets. Things to maximize plugins. Basic visual techniques for splash pages and modals. GET BRANDING BASICS This template file has dozens of named placeholder …

Freebies – UX Power Tools Read More »

UX Power Tools – UX Power Tools

Sketch smarter. UX Power Tools is the most advanced Sketch design system ever made. It’s like Bootstrap for designers. All the hard work is already done for you, so you get to focus on the fun part: designing. https://www.uxpower.tools/ UXPT – Web Design System SHOW ME UXPT – Mobile Design System SHOW ME

Sketch 44 Resizing: How does it work??? – UX Power Tools – Medium

Sketch 44 Resizing: How does it work??? It’s new! It’s intuitive! It’s better! It’s extra-stretchy! Stretch Armstrong™ seemed like an appropriate header image. If you didn’t grow up in the 70s in the USA, or have a grandma with really old toys, this reference probably went way over your head. The folks over at Sketch have been …

Sketch 44 Resizing: How does it work??? – UX Power Tools – Medium Read More »

Announcing Brand.ai Partnership with UX Power Tools

Announcing Brand.ai Partnership with UX Power Tools Building and managing design systems isn’t easy. It’s months of work creating the system in the first place, and sharing it while keeping your whole team in sync is a headache. Luckily, Brand.ai can take care of the latter, and it only takes minutes to set up. But what …

Announcing Brand.ai Partnership with UX Power Tools Read More »

iOS Design Kit – Free iOS GUI for iPhone & iPad

A massive collection of core components and selected screens found in the public release of iOS 10 made with extra attention to the Human Interface Guidelines Source: iOS Design Kit – Free iOS GUI for iPhone & iPad

All Courses | Learn to code interactively | Codecademy

About Codecademy Codecademy is an education company. But not one in the way you might think. We’re committed to building the best learning experience inside and out, making Codecademy the best place for our team to learn, teach, and create the online learning experience of the future. Source: All Courses | Learn to code interactively …

All Courses | Learn to code interactively | Codecademy 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 »

AngularJS — Superheroic JavaScript MVW Framework

Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop. Source: AngularJS — Superheroic JavaScript MVW Framework

Lottie Export After Effects Animations

LottieEasily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.   Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, …

Lottie Export After Effects Animations Read More »

Animista

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use. Source: Animista

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 »

UX Research Cheat Sheet

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 …

UX Research Cheat Sheet Read More »

UX design trends for 2017 – InVision Blog

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

UX design trends for 2017 – InVision Blog Read More »

Color trend 2016/2017

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 – 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 »

A FRAMEWORK FOR DESIGNING A BETTER USER ONBOARDING EXPERIENCE

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 »

Popular Web Animation Techniques

  Popular Web Animation Techniques by Nick Babich Functional and delightful, animation is one of the staples of modern web design. Details of interaction design is what makes a fundamental difference on modern websites. Animation can communicate status, guide the users attention, help the user see the results of their actions and even influence behavior. Here are …

Popular Web Animation Techniques 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 »

Best Practices for Onboarding

Credits: chargify Best Practices for Onboarding by Nick Babich Getting people to sign up for the product is tough. It requires a lot of time, energy, and money, yet many products are losing most of those hard-won users immediately after their first-time experience. According to the Andrew Chen research: The average app loses 77% of its …

Best Practices for Onboarding Read More »

Introducing Auto-Layout for Sketch – Design + Sketch – Medium

Introducing Auto-Layout for Sketch Why do we need Auto-Layout? We need a way to define and see how our design looks on ALL screen sizes, not just iPhone 7. This great tutorial by Pablo Stanley was created the day of the release What is Auto-Layout for Sketch? A Sketch Plugin that integrates seamlessly into Sketch and …

Introducing Auto-Layout for Sketch – Design + Sketch – Medium Read More »

Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!

How to use As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different colors they may be over. This sample text attempts to visually demonstrate how readable …

Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy! Read More »

Responsive UI – Layout – Material design guidelines

Responsive UIResponsive layouts in material design adapt to any possible screen size. This UI guidance includes a flexible grid that ensures consistency across layouts, breakpoint details about how content reflows on different screens, and a description of how an app can scale from small to extra-large screens. Source: Responsive UI – Layout – Material design …

Responsive UI – Layout – Material design guidelines Read More »

Sketch News

Sketch Newsletter The latest Sketch news, articles, and resources, sent straight to your inbox every month. Sketch is the ultimate tool for designing user interfaces, websites, and icons. Subscribe now and never miss an issue. Source: Sketch News

How to Get Anticipatory Design Right.

Spotify predicts what songs you’ll like. Amazon’s Dash Button reorders your favorite detergent when pressed. Nest anticipates your ideal room temperature. We’re entering a world of experiences designed to benefit users by making decisions on their behalf. Anticipatory design is the algorithm-powered, user-centric design discipline behind this world, and we’re already seeing products and services …

How to Get Anticipatory Design Right. Read More »

Read This Before You Build That Chatbot.

Read This Before You Build That Chatbot. A four-step guide to using artificial intelligence to solve real problems. Tweet “AI is the future of branding” and watch the follows roll in. And to be fair, that statement is true. The hurdle to getting there isn’t that these new technologies aren’t available, it’s that we’re not …

Read This Before You Build That Chatbot. Read More »

Olabot

Olabot is the simple, fun way to bot yourself.Founder Esther Crawford created a resume bot appropriately called EstherBot when she was looking for a job. After getting countless introductions and multiple offers from hot tech companies, she decided to turn them all down to build Olabot. She joined forces with Ethan Sutin and together they’re making it easy …

Olabot Read More »

Messenger Bot

Chris Messina, developer experience lead at Uber and inventor of the hashtag, said back in January that 2016 is “the year of conversational commerce.” Today, he’s launching his own personal assistant chatbot, called MessinaBot. Source: Messenger

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 »

human-ai

Behind every new bot, conversational UI, or AI system are people working at the intersection of design, data, and technology. This day is all about them.  Source: human-ai

WEMO That – Home Automation Made Easy

WEMO can manage home electronics from anywhere. Left the iron on? You can WEMO that. Need the lights off? You can WEMO that. And much more. Source: WEMO That – Home Automation Made Easy

Change the Way You Water.

Rachio makes running your sprinklers easy and convenient while saving you water and money. It automatically creates a watering schedule that lowers your water bill and ensures the beautiful yard you want. Source: Change the Way You Water.

The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting Started – Medium

The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting Started So you want to start writing Sketch plugins, but have no idea where to start? Well keep reading because this article is for you! If you’re like me, trying to find basic concepts out there is not easy. There’s tons of examples of existing plugins, …

The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting Started – Medium Read More »

Writing a Sketch Plugin to easily generate iOS Assets

Before we begin with the code, I wanted to point out that in just a couple of months I have completely replaced Photoshop with Bohemian Coding’s Sketch. This software has clearly been developed with user interface workflows in mind and it’s exactly what I need to design my UIs. Furthermore, we can easily create plugins …

Writing a Sketch Plugin to easily generate iOS Assets Read More »

Design + Sketch App — Medium

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond Source: Design + Sketch App — Medium

CapitalOne’s Alexa Project: Designing UX Without UI

Stephanie Hay, Head of Content Strategy at Capital One, explains the challenges of designing for conversation. Source: CapitalOne’s Alexa Project: Designing UX Without UI   The Internet of Things has been a trend since its emergence in the early 2010s. Everything from cars to lights to houses to refrigerators to even toasters have now been …

CapitalOne’s Alexa Project: Designing UX Without UI Read More »

A Playbook for Improving Customer Journeys

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 …

A Playbook for Improving Customer Journeys 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

Quick tips to optimize WordPress site load time

QUICK TIPS TO OPTIMIZE WORDPRESS SITE LOAD TIME Godaddy – March 11, 2015 1 Comment You know the feeling. You’ve clicked on an interesting link to visit a site, and you’re patiently waiting for it to load. And waiting. And waiting. Your patience is wearing thin, and suddenly the link-that-looked-interesting has become the site-that-will-never-load. In …

Quick tips to optimize WordPress site load time Read More »

Google Built An App That Critiques Other Apps | Co.Design | business + design

If you haven’t heard the term “inclusive design” yet, you will soon. It’s a simple idea: By designing to accommodate people with disabilities, we can make products that are better for everyone. Just look at the typewriter, originally invented to help a blind person write letters. The idea is old, but the movement is picking …

Google Built An App That Critiques Other Apps | Co.Design | business + design Read More »

Design Better Forms

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 …

Design Better Forms Read More »

Mobile UX and user expectations – InVision Blog

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

Mobile UX and user expectations – InVision Blog Read More »

United Mobile

Offering features from flight booking to flight status and more, the United app is your indispensable travel companion.

Patterns library

Patternslib, or short ‘Patterns’ lets you create rich, dynamic and interactive prototypes or websites, without having to know or care about Javascript. Instead, you simply add special CSS classes and HTML5 data attributes to your HTML. These classes and attributes describe so-called “interaction patterns”, which add rich functionality to your page. Patterns is both a …

Patterns library Read More »

Uber Moving Bits and Atoms

https://brand.uber.com/# “A brand that reflects who we already are” What’s the story? A brand that reflects who we already were FIND OUT WHY   Bits + Atoms We’re all about technology moving the physical world WATCH THE FILM An adaptive brand Celebrating cities through design VIEW THE WORK How we got here Bringing our new …

Uber Moving Bits and Atoms Read More »

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 »

User experience, prototyping app | Adobe Experience Design CC

Design and prototype websites and mobile apps with Adobe Experience Design CC (Preview), the first all-in-one solution for UX designers. Download now to get started. Source: User experience, prototyping app | Adobe Experience Design CC

Introducing Adobe Experience Design CC (Preview) | Creative Cloud blog by Adobe

Project Comet has become Adobe Experience Design CC (Preview), or Adobe XD as we refer to it. We’re making our first preview release for Mac OS available today, with a Windows version coming later this year. Source: Introducing Adobe Experience Design CC (Preview) | Creative Cloud blog by Adobe

Alexa Skills Kit Voice Design Best Practices – Amazon Apps & Services Developer Portal

Introduction The sections below provide a list of common best practices used when designing a voice experience. While you should plan to monitor and tune your voice interactions based on the ways that users interact with your skill, the tips in this document will improve the usability of your design out of the gate, before …

Alexa Skills Kit Voice Design Best Practices – Amazon Apps & Services Developer Portal Read More »

Design at 1x—It’s a Fact – Shyp Design – Medium

Design at 1x—It’s a Fact The tangible benefits of designing at 1x pixel density Let me start by saying, I’m sure this is already apparent for a good bunch of you. But through anecdotal observation and conversation, it appears there is still not consensus on the pixel density at which mobile screens should be designed. Mainly, designing …

Design at 1x—It’s a Fact – Shyp Design – Medium 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

Astropad – Your Mac & iPad Drawn Together

Transform your iPad into a professional graphics tablet. Use the Mac creative tools you know and love, like Photoshop, with the touch experience of your iPad. Source: Astropad – Your Mac & iPad Drawn Together

How the Big Game Played Out on the Second Screen – Think with Google

Commercials during the Super Bowl don’t just make us laugh or cry—they also make us search. This year, there were more than 7.5 million incremental searches for the brands advertising during the game, which was 40% higher than searches for brands during last year’s game. This searching represents a 7X response rate compared to a …

How the Big Game Played Out on the Second Screen – Think with Google Read More »

Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers — Design + Sketch App — Medium

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 …

Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers — Design + Sketch App — Medium Read More »

Four Things Working at Facebook Has Taught Me About Design Critique — Facebook Design — Medium

Critique is an important part of any design process, whether you work within a diverse team or independently. The feedback you get through a formal critique can help get you outside your own head in order to make better decisions, overcome obstacles, and strengthen your craft. Source: Four Things Working at Facebook Has Taught Me …

Four Things Working at Facebook Has Taught Me About Design Critique — Facebook Design — Medium Read More »

Trim Paths Tutorial: This After Effects feature will change your mograph life!

Learn how to use the trim paths feature in After Effects. Create cool motion graphics using shapes – hipster circles, bursts, and other mographs. Trim paths will change your life! Source: Trim Paths Tutorial: This After Effects feature will change your mograph life! After Effects continues to amaze me. Even after becoming proficient at using …

Trim Paths Tutorial: This After Effects feature will change your mograph life! Read More »

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 »

Easing Functions Cheat Sheet

Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function. Source: Easing Functions Cheat Sheet

Please, no more brainstorm sessions. This is how innovation really works. | Matthew Syed | LinkedIn

Progress is often driven not by the accumulation of small steps, but by dramatic leaps. The television wasn’t an iteration of a previous device, it was a new technology altogether. Einstein’s General Theory of Relativity didn’t tinker with Newton’s Law of Universal Gravitation, it replaced it in almost every detail. Likewise Dyson’s dual-cyclone vacuum cleaner …

Please, no more brainstorm sessions. This is how innovation really works. | Matthew Syed | LinkedIn Read More »

Airbnb Uses Mobile to Give Tourists a Local Experience – Think with Google

Airbnb aspires to create a world where everyone can belong anywhere. That means visiting cities not as travelers, but as locals. “Hosted Walks” tapped into Airbnb’s passionate network of New York City hosts to help travelers do just that. See how Airbnb used search to unlock the best local spots. “One of the things that’s …

Airbnb Uses Mobile to Give Tourists a Local Experience – Think with Google Read More »

Zeplin Annotations

  Collaboration app for UI designers and frontend developers “Zeplin is the ultimate collaboration tool between designers and developers. It cuts meetings in half and ensures that designs are implemented perfectly, however complex.” Source: Zeplin

CodePen – Front End Developer Playground & Code Editor in the Browser

We call them Pens. Write HTML, CSS, and JS and get a real-time preview. You can use CodePen to: Show off the amazing things you build. Learn new things by tinkering. Build reduced test cases to report bugs and get help on tricky problems. Try out new technologies for the first time. Build components to …

CodePen – Front End Developer Playground & Code Editor in the Browser Read More »

Your Autopilot has arrived

Tesla’s commitment to developing and refining the technologies to enable self-driving capability is a core part of our mission. In October of last year we started equipping Model S with hardware to allow for the incremental introduction of self-driving technology: a forward radar, a forward-looking camera, 12 long-range ultrasonic sensors positioned to sense 16 feet around …

Your Autopilot has arrived Read More »

The Best Secret Features of iOS 9

iOS 9 is here, and like most releases of iOS, sometimes the best features are those that are tucked away. So, while the new Notes app, News app, and other obvious improvements are great, let’s take a look at some of the lesser known stuff. Source: The Best Secret Features of iOS 9

Free Sketch files for Sketch 3

Sketch 3 software by Bohemian Coding. Source: All Free .sketch downloads and resources – Sketch Freebie – Free Sketch files for Sketch 3 – Sketch App Sources

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

Evan Abrams

Great after effects insights and tutorialsMotion Graphics & After Effects Tutorials Source: Evan Abrams

UI idea inspiration at calltoidea.com

http://www.calltoidea.com/ All kinds of UI idea inspiration Call To Idea offers quick inspiration for virtually any UI element you might want. There are categories for logins, registrations, footers, calendars, stats, mailings, counters, forms, and much more. Just click on a category to see tons of examples of whatever UI element or pattern you’re looking to …

UI idea inspiration at calltoidea.com Read More »

Zeplin

Annotation and Style Guide automation for Sketch Collaboration app for UI designers and frontend developers “Zeplin is the ultimate collaboration tool between designers and developers. It cuts meetings in half and ensures that designs are implemented perfectly, however complex.” Source: Zeplin

Web design is dead

Web Design is Dead Web design is (finally!) dying of irrelevance. Web pages themselves are no longer the center of the Internet experience, which is why designers need to move on to the next challenges — products and ecosystems — if they want to stay relevant. Web design has no future — a risky statement …

Web design is dead Read More »

Material Design Icons, Goodies and Starter Kits – Smashing Magazine

It’s always great to have a little toolbox with just the right tools waiting for you when you need them. What if you are about to start working on a new project which should apply the material design language introduced by Google last year? What if you had just a good starter kit with everything …

Material Design Icons, Goodies and Starter Kits – Smashing Magazine Read More »

Grid System Generator

“The grid system generator will create custom grid systems in valid css / xhtml for rapid prototyping, development and production environments.” – See more at: http://www.gridsystemgenerator.com/#sthash.5Kd4jibB.dpuf Source: Grid System Generator

Yum icons

Icons sets Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons! From Flat Icon

Snazzy Maps – Free Styles for Google Maps

Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers. Source: Snazzy Maps – Free Styles for Google Maps

Behind the Making of TravelOregon.com | Travel 2.0 Consulting Group

Online travel planning can be overwhelming, clinical and frustrating. The new TravelOregon.com combines new technology, deep content and human touch to surprise and delight potential visitors to Oregon. Source: Behind the Making of TravelOregon.com | Travel 2.0 Consulting Group

UX Archive

We lay out the most interesting user flows so you can build your point of view and be inspired to design the best user experiences. Source: UX Archive

Digital, Social & Mobile Worldwide in 2015

2014 was a landmark year for growth across all things digital, and We Are Social’s new Digital, Social and Mobile in 2015 report indicates that this year will see even more impressive numbers. Including stats for more than 240 countries around the world, and profiling 30 of the world’s biggest economies in detail, this report is the …

Digital, Social & Mobile Worldwide in 2015 Read More »

Some icons are verbs, some icons are nouns Getting fluent at the language of iconography

Iconography is a language Iconography is so close to our traditional language system, that referring iconography as a language may differ from referring UI design as a language, because the latter is more of a metaphor and the former is more literal. So literal, that we create fonts for icons now, just like we do …

Some icons are verbs, some icons are nouns Getting fluent at the language of iconography Read More »

The Invisible Interface – Luke W

Hang around software companies long enough and you’ll certainly hear someone proclaim “the best interface is invisible.” While this adage seems inevitable, today’s device ecosystem makes it clear we may not be there yet. When there’s no graphical user interface (icons, labels, etc.) in a product to guide us, our memory becomes the UI. That is, we …

The Invisible Interface – Luke W Read More »

BBC Mobile Accessibility Guidelines

The BBC Standards and Guidelines for Mobile Accessibility are a set of technology agnostic best practices for mobile web content, hybrid and native apps. This prototype is for use by BBC employees and suppliers and anyone else involved in the development of mobile and native websites and apps. Find out more about the BBC Mobile Accessibility …

BBC Mobile Accessibility Guidelines Read More »

52 Weeks of UX

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 …

52 Weeks of UX Read More »

The Next Big Thing In Design? Less Choice | Co.Design | business + design

The Next Big Thing In Design? Less Choice | Co.Design | business + design. Choice is overrated. Recently, I decided to buy Monopoly to play with my son. What I was sure would be a quick decision on Amazon turned into a learning experience for both of us. Did you know there are 2,767 versions of Monopoly …

The Next Big Thing In Design? Less Choice | Co.Design | business + design Read More »

Scott Jehl, Web Designer/Developer, Seagrove Beach, Florida, USA

Hi, I’m Scott. I work alongside the bright folks at Filament Group building websites and applications for clients such as the Boston Globe, LEGO, Global News, eBay, and more. In 2014 I wrote Responsible Responsive Design, and back in 2010 I cowrote Designing with Progressive Enhancement. I regularly speak at conferences like An Event Apart, …

Scott Jehl, Web Designer/Developer, Seagrove Beach, Florida, USA Read More »

Responsive Web Design: Missing the Point | Brad Frost

Responsive Web Design: Missing the Point | Brad Frost. Alex Mangini touched on something I think is extremely important. In his post, Why Is Responsive Design Such a Big Deal? Seriously…You Tell Me, he asks: “Do you really need to serve your “mobile” visitors a different layout based on your current content?”

Konigi UX Blog

Tools for IdeationWelcome to my design blog. I post resources, review tools and write the occasional blog post on UX Design. You can find out more about this site here. -Michael via Konigi.

Reflector Airplay Receiver – Mirror an iPhone or iPad to a Mac, PC or Android

Reflector Airplay Receiver – Mirror an iPhone or iPad to a Mac, PC or Android. WIRELESS MIRRORING FOR EVERYONE. Reflector is an AirPlay receiver that allows you to wirelessly display your iPad or iPhone on a number of devices. It’s available for Mac, PC and most Android devices. Mirror your device on a big screen …

Reflector Airplay Receiver – Mirror an iPhone or iPad to a Mac, PC or Android Read More »

Screencastify (Screen Video Recorder) – Chrome Web Store

Screencastify (Screen Video Recorder) – Chrome Web Store. Screencastify is a simple video screen capture software for Chrome. Screencastify is a simple video screen capture software (aka. screencast recorder) for Chrome. It is able to record all screen activity inside a tab, including audio. Just press record and the content of your tab is recorded. …

Screencastify (Screen Video Recorder) – Chrome Web Store Read More »

Automating Style Guide-Driven Development – Smashing Magazine

Automating Style Guide-Driven Development – Smashing Magazine. By Varya Stepanova & Juuso Backman March 5th, 2015 Style GuidesToolsWorkflow Style guides — especially living ones — are useful in many aspects of development and maintenance, so it’s little wonder that developing them has become a highly recommended and a popular practice. But even with the clear benefits, …

Automating Style Guide-Driven Development – Smashing Magazine Read More »

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.

6 time-saving Sketch plugins to install right now—for free « Thoughts on users, experience, and design from the folks at InVision.

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

6 time-saving Sketch plugins to install right now—for free « Thoughts on users, experience, and design from the folks at InVision. Read More »

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 »

Skeleton: Responsive CSS Boilerplate

Skeleton: Responsive CSS Boilerplate. A dead simple, responsive boilerplate. DOWNLOAD Light as a feather at ~400 lines & built with mobile in mind. Styles designed to be a starting point, not a UI framework. Quick to start with zero compiling or installing necessary.

30+ Examples of Login Form Designs

Login or registration forms are website pages that will allow users to further browse through networks more securely. via 30+ Examples of Login Form Designs.

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 »

Colour Contrast Analyser (CCA)

Colour Contrast Analyser (CCA) | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience). The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.

IBM Design Language

From: IBM Design Language. Design with soul Give your product personality Welcome! As you explore the site, we want to let you know a few things about the language. The IBM Design Language is a set of living guidelines that communicates a brand promise through our products’ experiences. Our goal is to design for experiences that …

IBM Design Language Read More »

Design & UX Archives – SitePoint

Design & UX Archives – SitePoint. SitePoint provides cutting-edge content for web professionals — developers, designers, programmers, freelancers and site owners. Founded by Mark Harbottle and Matt Mickiewicz; our mission is to deliver new ideas, emerging concepts, and teach state-of-the-art technology to our readers. Whether it’s via our practical tutorials, books, articles, courses, or our …

Design & UX Archives – SitePoint Read More »

Haley Luckeroth UX

User-Centered Design What is user-centered design and why is it important? Focusing on users, and making design decisions based on their needs, is key to creating successful websites that delight users and meet business goals. A user-centered design process is defined by the active via Haley Luckeroth UX.

Why We Banished the Hamburger Menu From Our iPhone App | Redbooth Blog

Why We Banished the Hamburger Menu From Our iPhone AppBehind the Scenes at Redbooth: Making Our iPhone App Better for UsersRachel Kumar | January 13th, 2015When we started working on a new chat feature for Redbooth’s iPhone app, our Product & Design team had some ulterior motives. Yes, we were excited about giving our customers …

Why We Banished the Hamburger Menu From Our iPhone App | Redbooth Blog Read More »

Introduction – Material design – Google design guidelines

Introduction – Material design – Google design guidelines. Introduction We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to …

Introduction – Material design – Google design guidelines Read More »

Pattern Library | MailChimp

Pattern Library | MailChimp. The MailChimp Pattern Library is a byproduct of our move to a responsive, nimble, and intuitive app. Constant iteration requires both an efficient workflow and a well defined collection of atomic elements that can assemble new UIs quickly without accruing new technical or design debt. We’re also solving an internal communication problem by documenting …

Pattern Library | MailChimp Read More »

Thankful for Mobile | Facebook IQ

Thankful for Mobile   At many people’s Thanksgiving tables this year, there was an increasingly familiar guest: a mobile phone. Some 88% of people who were on Facebook during the Thanksgiving holiday accessed the platform on mobile.1 It was an eventful holiday on Facebook. More than 171 million people globally generated more than 1.2 billion posts, …

Thankful for Mobile | Facebook IQ Read More »

Brightpod Features | Tasks, Workflows, Editorial Calendar, Time Tracking & more

Keep everyone on the same page & your projects in cruise-control.WORK BETTER & SMARTER TOGETHER”Brightpod is beautifully designed and a very intuitive service that will help you manage your projects more efficiently.”   – Boris Veldhuijzen van Zanten, Co-founder & CEO of The Next Web via Brightpod Features | Tasks, Workflows, Editorial Calendar, Time Tracking & …

Brightpod Features | Tasks, Workflows, Editorial Calendar, Time Tracking & more Read More »

The Grid Raises $4.6M For Its Intelligent Website Builder | TechCrunch

The Grid Raises $4.6M For Its Intelligent Website Builder The team behind The Grid is developing a website builder that uses artificial intelligence to automatically create new sites based on the content you provide. The company ran one of the most successful crowdfunding campaigns for a software product earlier this year, but the team also went out to raise …

The Grid Raises $4.6M For Its Intelligent Website Builder | TechCrunch Read More »

CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly.

CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly.. Colors, gradients, sizes, borders… All instantly in CSS. Using CSS over images gives front-end developers many benefits. However it requires a ton of hand-coding to reflect all the layer styles into the code. CSS Hat prevents this pain. It accurately translates layer styles into CSS …

CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly. Read More »

Comcast is turning your home router into a public Wi-Fi hotspot

It’s been one year since Comcast started its monster project to blanket the entire nation with continuous Wi-Fi coverage. Imagine waves of wireless Internet emitting from every home. NEW YORK (CNNMoney) If you’re a Comcast cable customer, your home’s private Wi-Fi router is being turned into a public hotspot. It’s potentially creepy and annoying. But …

Comcast is turning your home router into a public Wi-Fi hotspot Read More »

Start Building Consistent Web Interfaces | Patternry

Start Building Consistent Web InterfacesPatternry is a tool for building living UI pattern libraries. It helps designers and developers work faster and smarter together. via Start Building Consistent Web Interfaces | Patternry.

DesignationLabs MegaList of Resources – GitHub

MegaList of Resources This is a TON of helpful links. We encourage you to play around and explore all of these resources, as everything that’s on this list comes highly recommended. If you ever find yourself at a loss for what to do, poke around in here. While not every person will necessarily need all …

DesignationLabs MegaList of Resources – GitHub Read More »

DevMynd Guidebooks

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.

Researchers.io

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.

Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors | Smashing Magazine

Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors | Smashing Magazine. Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors By Karsten Bruns October 15th, 2014 IconsPhotoshopSVG The 6 Plus is the first iPhone that sports a “Retina HD” display — the sharpest display Apple has ever made. It forces designers …

Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors | Smashing Magazine Read More »

Stamplay | Create modern apps like never before.

Stamplay | Create modern apps like never before.. 1. Pick components These building blocks let you get things done. They perform specialized jobs like user management, form creation, sending emails, social networks and other services integrations. Stop reinventing the wheel or messing with tons of everchanging APIs.

What Every App Developer Should Know About Android | Smashing Magazine

What Every App Developer Should Know About Android | Smashing Magazine. In today’s fast-paced mobile market, consumers have no patience for mobile apps that compromise their experience. “Crashes” and “Not working” are the most common feedback on Google Play for unstable or sluggish apps (including games). Those comments and ratings make hundreds of millions of potential downloaders …

What Every App Developer Should Know About Android | Smashing Magazine Read More »

Designer’s guide to DPI

Designer’s guide to DPI. What is DPI and PPI DPI or Dots Per Inch is a measure of spatial dot density initially used in print. It’s the number of ink drops your printer can put in an inch . A smaller DPI yields a less-detailed image. This concept is applied to computer screens under the …

Designer’s guide to DPI Read More »

Dribbble – Show and tell for designers

Dribbble – Show and tell for designers. Show and tell for designers What are you working on? Dribbble is a community of designers answering that question each day. Web designers, graphic designers, illustrators, icon artists, typographers, logo designers, and other creative types share small screenshots (shots) that show their work, process, and current projects. Dribbble …

Dribbble – Show and tell for designers Read More »

Instagram’s Hyperlapse App Turns Videos Into Time-Lapses in 2 Taps

Instagram’s Hyperlapse App Turns Videos Into Time-Lapses in 2 Taps Instagram launched an app called Hyperlapse on Tuesday that speeds up shaky videos and turns them into time-lapses. Hyperlapse, which is now available for a free download in the Apple App Store, turns footage stored on your smartphone into time-lapse videos, without requiring pricey tracking rigs that can …

Instagram’s Hyperlapse App Turns Videos Into Time-Lapses in 2 Taps Read More »

Touchgrind Skate 2

  Just like in real skateboarding or fingerboarding, Touchgrind Skate 2 is a game of skill that takes less than ten minutes to understand but a lifetime to master. Learn the tricks, complete challenges and achieve trophies to unlock new parks, boards, grip tapes, wheels, stickers and more. Get the highest score in time-limited Competition …

Touchgrind Skate 2 Read More »

Touchgrind Skate 2

Just like in real skateboarding or fingerboarding, Touchgrind Skate 2 is a game of skill that takes less than ten minutes to understand

Atom Run on the App Store on iTunes

Atom Run Description Atom Run is an action-packed retro-futuristic platform game, in a superb mechanical-dynamic world. Jump, push, run and avoid the many dangers you’ll encounter. Don’t worry

Create an RSS-Driven Campaign | MailChimp.com

Create an RSS-Driven Campaign | MailChimp.com.   Create an RSS-Driven Campaign When you create an RSS-Driven campaign in MailChimp, you can use our automagically formatted merge tags to pull

Cool list of parallax and long scrolling sites:

http://www.zensorium.com/tinke/ http://www.fiftythree.com/pencil https://www.spotify.com/us http://www.rdio.com http://www.albinotonnina.com http://www.newflyingspur.bentleymotors.com/en/serene_interior http://www.bizbrain.org/coffee/ http://www.brooklynbridgepark.org http://muse.adobe.com http://www.danielspatzek.com http://www.liplover.ca http://www.flyjetedge.com http://ournewplanes.ba.com/en http://grovemade.com        

Apple on Hamburger Menus

Apple on Hamburger Menus. Apple on Hamburger Menus June 30, 2014 Mike Stern, Apple User Experience Evangelist in Designing Intuitive User Experiences – 211 WWDC 2014 session (at 31’ 57″): But I feel like I would be remiss If I didn’t use this opportunity to talk with you about hamburger menus. AKA Slide out menus, AKA sidebars, AKA …

Apple on Hamburger Menus Read More »

Color Theory: Brief Guide For Designers. – UX Planet

Source: Color Theory: Brief Guide For Designers. – UX Planet Color Theory: Brief Guide For Designers. Many people think the choice of colors for UI mostly depends on the designer’s taste and sense of beauty. However, the process of the color selection is more complicated than it seems and plays a significant role in design. …

Color Theory: Brief Guide For Designers. – UX Planet Read More »

Page Layers – Website Screenshots For Mac OS X

Page Layers is a website screenshot app for Mac OS X. It converts web pages to Photoshop files with separate layers for all page elements. It enables you to open web pages in Photoshop and saves you

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

How to Design Components for Mobile First

Luke Wroblewski talkes about designing components with the mobile first principle in mind.   [youtube_sc url=”https://www.youtube.com/watch?v=xWInGelLGN8″]

Aarron Walter

INTERFACE DESIGN BOOTCAMP Whether you are designing a Web app or a website, following best practices and standard design methodologies will always help ensure your interfaces are usable and engaging. In

Scott Jehl, Web Designer/Developer, Seagrove Beach, Florida, USA

  Is it possible to build smooth, fast, app-like experiences in the browser without sacrificing the benefits in reach and accessibility that a standard approach provides? Yes… but getting there can be a bumpy road. In this talk, Scott will share some problems encountered, lessons learned, and battles won in the process of chasing the …

Scott Jehl, Web Designer/Developer, Seagrove Beach, Florida, USA Read More »

BBC – Future Media Standards & Guidelines – Home Page

This site details all standards & guidelines for developing and delivering products and services for BBC online (bbc.co.uk). Browse BBC standards for BBC online from the left-hand menu. Source: BBC – Future Media Standards & Guidelines – Home Page

Understanding CSS Timing Functions | Smashing Magazine

Understanding CSS Timing Functions | Smashing Magazine.   Understanding CSS Timing Functions People of the world, strap yourself in and hold on tight, for you are about to experience truly hair-raising OK,

Getting Your App Ready For iOS 7s New Dynamic Interactions | Smashing Mobile

There’s no need to bust out a physics textbook to make your iOS 7 app’s views animate like real-world objects. With iOS 7’s new Dynamics API, views can be influenced by gravity, attached to each other with springs, and bounced up against boundaries and each other. via Getting Your App Ready For iOS 7s New …

Getting Your App Ready For iOS 7s New Dynamic Interactions | Smashing Mobile Read More »

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.

3-4 iPhone 5S Psd Vector Mockup | Psd Mock Up Templates | Pixeden

A three-quarter perspective iPhone 5S vector mockup in gold, white and black. Scalable vector shape iPhone 5S psd with smart layers to drag and drop your design with ease. via 3-4 iPhone 5S Psd Vector Mockup | Psd Mock Up Templates | Pixeden.

How Smartphones are Changing Consumers’ Daily Routines Around the Globe

HOW SMARTPHONES ARE CHANGING CONSUMERS’ DAILY ROUTINES AROUND THE GLOBE MOBILE | 02.24.2014 Smartphones are beginning to transform how we engage in our everyday lives. Only a few years ago, they were still the minority of mobile phones around the globe, but already they’re beginning to transform how we engage in our everyday lives. Today, …

How Smartphones are Changing Consumers’ Daily Routines Around the Globe Read More »

The essential secret to successful user experience design

The essential secret to successful user experience design For many, user experience design is about creating interfaces that are easy for users to understand and navigate. However, this isn’t what lies at the heart of a good user experience. via The essential secret to successful user experience 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 »

Getting Started – Amazon Apps & Games Developer Portal

No matter what platform you build on, or who your audience is, Amazon has tools and services for you. Click on one of the topics below to get started, or, if you have questions or want to go straight to submitting an app, start here. via Getting Started – Amazon Apps & Games Developer Portal.

Nintendo Denies Report of Plans to Release Demo Games on iOS – Mac Rumors

A Monday report from Japanese business newspaper Nikkei claimed Nintendo is planning unveil an iOS app to market content for its Wii U and 3DS, with the app allegedly featuring information about new games from Nintendo and the mobile initiative potentially also including playable demos of console and handheld games. In a statement provided to …

Nintendo Denies Report of Plans to Release Demo Games on iOS – Mac Rumors Read More »

Penultimate | Evernote

PenultimatePenultimate is the original and easiest-to-use handwriting app for iPad that combines the natural experience of pen and paper with the flexibility and syncing of Evernote. Lose the paper, keep the handwriting, and remember everything.Get Penultimate for iPadSee what’s new in Penultimate via Penultimate | Evernote.

The Golden Grid – A complete grid system for super fast wireframing and visual design.

The Golden Grid A complete grid system for super fast wireframing and visual design. via The Golden Grid – A complete grid system for super fast wireframing and visual design.. Based on the 960 Grid System. Download the Golden Grid 1.0.zip (3.3mb)what’s in the package? What it is The Golden Grid adds the horizontal guides …

The Golden Grid – A complete grid system for super fast wireframing and visual design. Read More »

United Airlines introduces new iPhone app – Chicago Business Journal

United Airlines has introduced a new mobile app specifically intended for the iOS 7 platform on Apple iPhone and iPad devices. United (NYSE: UAL) said the new app has a touch-friendly design with easier and quicker functionality.

– Chicago Business Journal
11.15.2013

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 »

Phonebloks

A phone only lasts a couple of years before it breaks or becomes obsolete. Although it’s often just one part that killed it, we throw everything away because it’s almost impossible to repair or upgrade. via Phonebloks.

PunchKick

Punchkick Interactive is a one-stop, meet-any-deadline, won’t blow-the-budget, must-impress-your-boss, best-in-the-business, mobile marketing powerhouse

❍ IcoMoon

IcoMoonCustom Built and Crisp Icon Fonts, Done Right via ❍ IcoMoon.

The Psychology of Color | Visual.ly

The Psychology of Color Color plays a major role in our visual perceptions and our reactions to things. This infographic provides information for how graphic designers should use color and which color are

Android Fragmentation Report July 2013 – OpenSignal

Fragmentation is both a strength and weakness of the Android ecosystem. When comparisons are made between Android and iOS the issue of different API levels, and the vastly different devices running them, is often emphasised. In this report we examine the extent of Android fragmentation and analyse its impact on both users and developers. via …

Android Fragmentation Report July 2013 – OpenSignal Read More »

Databoard for Research Insights – Think Insights – Google

Databoard for Research Insights THE RUNDOWN Need some stats for a presentation? You shouldn’t have to go data mining. We’ve created this interactive tool to help you quickly find what you need from our vast archives of industry-leading research. It’ll even help you tell a story from the stats, turning selected charts and data points …

Databoard for Research Insights – Think Insights – Google Read More »

Authentic Design | Smashing Magazine

The recently popularized “flat” interface style is not merely a trend. It is the manifestation of a desire for greater authenticity in design, a desire to curb visual excess and eliminate the fake and the superfluous. via Authentic Design | Smashing Magazine.

Color Trends + Palettes :: COLOURlovers

COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles… All in the spirit of love. via Color Trends + Palettes :: COLOURlovers.

The Psychology of Color in Marketing and Branding | Help Scout

The psychology of color as it relates to persuasion is one of the most interesting—and most controversial—aspects of marketing. The reason: Most of today’s conversations on colors and persuasion consist of hunches, anecdotal evidence and advertisers blowing smoke about “colors and the mind.” To alleviate this trend and give proper treatment to a truly fascinating …

The Psychology of Color in Marketing and Branding | Help Scout Read More »

Infographic: How Mobile Is Transforming the Shopping Experience in Stores – Think Insights – Google

Infographic: How Mobile Is Transforming the Shopping Experience in Stores THE RUNDOWN Mobile is empowering shoppers and changing how retailers think about their business. According to this new research, done in conjunction with Google Shopper Marketing Agency Council and M/A/R/C Research, most mobile shoppers are using their phones both before heading to the stores and …

Infographic: How Mobile Is Transforming the Shopping Experience in Stores – Think Insights – Google Read More »

How Mobile Is Transforming the Shopping Experience in Stores – Think Insights – Google

Smartphones are changing the retail landscape. They help us research, compare, and purchase products not just online, but also in stores. In fact, 84% of smartphone shoppers use their phones while in a physical store. This study, done in conjunction with the Google Shopper Marketing Agency Council and M/A/R/C Research, seeks to uncover the role …

How Mobile Is Transforming the Shopping Experience in Stores – Think Insights – Google Read More »

Applidium — Introducing iOS 7 GUI PSD

Introducing iOS 7 GUI PSDEager to start prototyping your next iOS 7 app? Wait no more! Today we would like to share a first version of our iOS 7 GUI PSD with all the designers and developers who are already working on iOS 7 like we are. via Applidium — Introducing iOS 7 GUI PSD.

Apptopia

App Acquisitions Apptopia.

Photoshop Grids | PSD Grid Templates

What’s this? It’s a collection of PSDs with predetermined grids for common design scenarios. Each template contains a columnar grid defined with guides and overlays. All of the templates use a 12-unit grid, except for the email template, which uses an 8-unit grid. Imitating responsive layouts, units and gutters increase in size (approximately) as the …

Photoshop Grids | PSD Grid Templates Read More »

M-Commerce Usability: Exploring the Mobile Shopping Experience 2013 – Articles – Baymard Institute

Everybody is talking about mobile. Some e-commerce sites are venturing into it. The potential for m-commerce is enormous: ComScore predict the number of mobile users online will surpass desktop users online in 2014, while eMarkter reported an industry wide 81% growth rate in mobile sales from 2011 to 2012 $25 billion and forecasts it to …

M-Commerce Usability: Exploring the Mobile Shopping Experience 2013 – Articles – Baymard Institute Read More »