Not all buttons execute actions. Sometimes they're used to change states on an app. These are known as toggle buttons. They save space by presenting two or m

When to use which!!??!?. “JPG vs PNG vs GIF vs SVG” is published by Allen Hsu in UX Collective.

Listen to UI Breakfast: UI/UX Design and Product Strategy episodes free, on demand. Isn't game theory all about points, levels, and badges? Definitely not. These are all just visible mechanics, the superficial icing on the cake. Our guest today is the amazing Amy Jo Kim — a startup coach, game designer, best-selling author, and the founder of Game Thinking. You'll learn how to use her method with early superfans, and fundamentally shape the entire customer journey: discovery, onboarding, habit building, and mastery. Podcast feed: subscribe to https://feeds.simplecast.com/4MvgQ73R in your favorite podcast app, and follow us on iTunes, Stitcher, or Google Play Music. Show Notes Game Thinking (also available on Audible), Community Building on the Web — Amy's books The Lean Startup, Design Thinking — some of the popular product design methods Game Thinking TV — Amy's YouTube channel Find your ideal early customers with Job Stories — one of their videos on Job Stories GameThinking.io — Amy's website Innovator Quiz — a quiz to receive a free product/market fit cheatsheet Follow Amy Jo on Twitter: @amyjokim Today's Sponsor This episode is brought to you by Airtable. With Airtable, you and your team can ideate, organize, and execute on your ambitious product vision in a single place. Quickly glance at the high level progress of all your initiatives, or drill into any of the specific details to understand how to unblock projects. Receive $50 in credit by signing up at airtable.com/uibreakfast. Interested in sponsoring an episode? Learn more here. Leave a Review Reviews are hugely important because they help new people discover this podcast. If you enjoyed listening to this episode, please leave a review on iTunes. Here's how. The easiest way to listen to podcasts on your iPhone, iPad, Android, PC, smart speaker – and even in your car. For free. Bonus and ad-free content available with Stitcher Premium.

Game Thinking: Innovate smarter & drive deep engagement with design techniques from hit games [Amy Jo Kim PhD, Scott Kim, Raph Koster] on Amazon.com. *FREE* shipping on qualifying offers. 

How are market-leading products born? Successful innovations may end up reaching a mainstream audience

Dropdowns, hierarchical menus, sliders, or scroll bars involve steering a pointer or a cursor through a tunnel; optimal design for these GUI elements should consider the Steering Law.

I’ve been critical of design systems in the past (and still am), but there’s no doubt that design systems are here to stay. They help UX designers, UI developers and product teams by making design…

When we think about designing a great user experience, it’s easy to get caught up with all the things. The fonts, the colors, the flows, the content. Everything. But there’s another component to UX…

An ultimate guide to designing user-friendly forms 

A year ago I joined the Salesforce UX team as a Product Designer working on Mobile Self Service products. I came from a small startup, so I was new to practically everything happening at such a large…

You can choose to show Artboard names, shadows and prototyping links, allowing you to quickly export user flows and UX overviews. This makes it super simple to see and share your whole user flow with shareholders, colleagues and other designers, saving time and streamlining your workflow. Check out the exported version of our Prototyping Template below to see what it looks like — prototyping links included!

See the data-driven rating of tech skills for designers, made by CV Compiler. What technical skills do you need to get a designer job in 2019?

When it comes to mobile landing pages, every second counts. Don't miss out on potential conversions. Follow these tips to build the perfect mobile landing page.

In this two-day workshop Jared Spool will guide you through dozens of UX strategy plays to identify the perfect combination for your organization.

Plugin for Sketch to create connection flow arrows for creating user flows, sitemaps and many more. Saves hours if you are doing them in Sketch. Just select two objects and click on “Plugins” → “👉…

Linda Dong began her talk with a hilarious live action reel depicting the expectation vs. reality of using a product-in this case, the Apple CarPlay. Drawing...

Learn how and why to switch from RGB to HSL in your projects.

Hue: your base color, pick a value from 0 to 360 (think about the color wheel)
Sauration: how “intense” (rich or dull) your color will be (%)
Lightness: add or remove white from your colors, 50% is the middle ground, below you add black, above white. Key for creating shades of color. 

Create task flows, interaction flows, diagrams, reachability heatmaps or heuristic checklist to create your UX deliverables without leaving Sketch. Some more information here.

If your target audience is a general population, you should not be using icons alone to convey anything meaningful. By doing so, you have made assumptions…

In recent years, mobile usage has risen to the point where people now spend twice as much time on mobile devices as they do on desktop, and in many countries...

A look at the most common anxiety causing micro-interactions and animations that can turn them into moments of delight. Then we’ll show you how to create one of these animations using Sketch and Flow.