Product Design Digest | May 2022
https://ello.co/gasta/post/_c8rydwrmnox8wisxlefow

Product Design Digest | May 2022

?? What's inside:

  • Minimum Viable Design requirements
  • 5 Cognitive Psychology Theories that Contribute to the Quality of UX Design
  • Three Methods to Increase User Autonomy in UX Design
  • Gui Bonsiepe: Framing Design as Interface
  • How to Create a UX-Vision Statement
  • Do Netflix, HBO, Spotify, Twitter, Hulu, Apple, and Google, agree with these designers? By Ryan Houk
  • Building better products with a design token pipeline. Lukas Oppermann
  • Awista Montagne challenges you to decipher his labyrinthine typeface, inspired by an ancient Greek maze
  • Design by the Decades: Get inspired by 90s graphic design trends
  • Design button based on the first and second principles of heuristic evaluation
  • Emoji Art
  • Why UI Design Is All About Typography by Ayadi Ghaith
  • Animated Transitions in Mobile Apps
  • Good to great UI animation tips
  • Discover The Pitch Decks Of Billion-Dollar Startups Before They Were Famous
  • User Journey Mapping for Complex Enterprise Systems. By UX Magazine
  • Dark Mode UI Best Practices. Eight tips for designing dark mode UI. | by Buninux. By Prototypr
  • Sticky Headers: 5 Ways to Make Them Better
  • 53 Tech Terms You Need to Know as a UX Designer
  • 10/GUI — touch interface concept from 2009 relevant even today
  • Creative Types by Adobe Create
  • Why cognitive overload happens and how to overcome it
  • “Agile” is eating design’s young; or, Yet Another Reason why “embedding” designers doesn’t work.
  • Creating space for design in Agile
  • Errors in Error Messages!
  • Problem Framing UnlockedNew to Problem Framing?
  • The emotion trap — why focusing solely on psychology when designing UX and UI won′t lead to success in the long run
  • Genderless design is a myth. What do you think?
  • Navigation: basic rules and illustrative examples
  • Interview with Brad Frost on what’s next after Atomic Design. By Storybook
  • A guide to becoming a senior product designer
  • What is a Design Sprint?
  • Design Sprints: How to best use them in your organization? By John Vetan
  • Everything you need to know about Design Systems
  • THE BEST INVENTIONS OF 2021
  • Racial Equity in Design
  • The history behind the World Time face for Apple Watch
  • Renders vs. Reality, Projects From Renowned Architects: Before and After
  • There’s More Than One Periodic Table
  • Learn Responsive Design
  • One of the most friendly brand identities of BlufVPN by Stepan Solodkov
  • Interesting website for researchers ?????? Better don’t eat cheese anymore
  • How to design inclusive digital solutions
  • Canada Modern is a physical and digital archive of Canadian graphic design, with modernism central to its glowing heart
  • Gender Equality Creative Platform
  • Which accessibility settings do the Dutch really use on their phone?
  • New Old Stock — Vintage photos from the public archives
  • Inside Apple Park: first look at the design team shaping the future of tech
  • Brent Cross Town wayfinding
  • Stop brainstorming
  • Why do we round corners
  • Email Design Trends for 2022 — Designmodo
  • Design principles for Web3
  • Adaptive, accessible, and automated color for Design Systems
  • Two perspectives on the designer whom Steve Jobs could not hire
  • I’ve been doing buttons wrong! Have you?
  • The Four Dimensions of Tone of Voice
  • Cool design case with honest text about the weather from Tobias van Schneider
  • UXArchive — Extensive library of mobile user flows: mobile UX trends from the world’s top mobile apps
  • Pantone Reveals 2022 Color of the Year
  • Core concerns of UX in the Metaverse
  • Delivering with Uber Eats | #CaseStudy
  • Component AI — a collection of web tools for generative design. Gamuts, color schemes, gradients, and generative patterns of various types | #Tools
  • Godly Website is a curated collection of inspiring websites | #Tool
  • Huetone is a service for creating and extensively customizing color palettes | #Tools
  • ColorHuddle — Palettes with Examples | #Tools
  • Toools.design — Design Resources Archive & Newsletter | #Tools
  • UI Checklist | #Tools
  • Great tool — Accessible Palette: Create color systems with consistent lightness and contrast | #Tools
  • Dark Mode Color Palettes for Designers and Artists | #Resources
  • Mindfully curated color palettes | #Resources
  • 50 Design Systems examples to learn from (for your next project) | #Resources
  • ICONSAX is a large set of 1000 vector icons made in 6 different styles | #Resources
  • Iconic — Free, “do wtf you want with” pixel-perfect icons | #Resources
  • Where to get Free Icons in 2022? | #Resources
  • Brutalism — Visual Digest vol.1 | #Architecture
  • Architectural Details: Zaha Hadid Architects’ Beijing Daxing International Airport | #Architecture
  • Brutal Est vol. II. Build Your Own Concrete Eastern Bloc by ZUPAGRAFIKA


?? Let's check


Minimum Viable Design requirements

Minimum Viable Design (means Minimum Viable UX design) enables users to get the expected experience and supports the business goals, prioritized for the current feature, product, or service.


5 Cognitive Psychology Theories that Contribute to the Quality of UX Design

By Dorian Martin

1. Retention Theory

2. The Serial-Position Effect

3. Hick’s Law?

4. The Schema Theory

5. The Chameleon Effect


Three Methods to Increase User Autonomy in UX Design

Summary:?Designers should help people use interfaces in ways that align with personal preferences and priorities.

By Tanner Kohler | NNgroup?


Gui Bonsiepe: Framing Design as Interface

Gui Bonsiepe’s career may serve as a signal of where design is heading or even as a model for a new generation of designers.


How to Create a UX-Vision Statement

Summary: Create vision statements using a collaborative, research-backed process to increase team members’ understanding and alignment of UX efforts.


Do Netflix, HBO, Spotify, Twitter, Hulu, Apple, and Google, agree with these designers? By Ryan Houk


Building better products with a design token pipeline. Lukas Oppermann

  • How to lean on design tokens to make better design decisions
  • How to use them when specifying and documenting your designs
  • How to integrate design tokens into the development pipeline


Awista Montagne challenges you to decipher his labyrinthine typeface, inspired by an ancient Greek maze


Design by the Decades: Get inspired by 90s graphic design trends

by Renee Fleck | dribbble?


Design button based on the first and second principles of heuristic evaluation

In other words, when we perceive a button as a 3D object, it’s best to design buttons to look like 3D objects.


Emoji Art

The artist J.R. Schmidt, which draws pictures from Emoji

No alt text provided for this image


Why UI Design Is All About Typography by Ayadi Ghaith

The first rule of design is: It’s all about the type (typography). The second rule of design is: It’s all about the type.


Animated Transitions in Mobile Apps

The common cases when functional animation can complement the visual design and support interactions. By Nick Babich


Good to great UI animation tips

Practical suggestions to improve your UI micro-interactions. By Pablo Stanley


Discover The Pitch Decks Of Billion-Dollar Startups Before They Were Famous

Powered by Insanely Useful Websites


User Journey Mapping for Complex Enterprise Systems. By UX Magazine


Dark Mode UI Best Practices. Eight tips for designing dark mode UI. | by Buninux. By Prototypr


Sticky Headers: 5 Ways to Make Them Better

Persistent headers can be useful to users if they are unobtrusive, high-contrast, minimally animated, and fit user needs. By Page Laubheimer | NNgroup?


53 Tech Terms You Need to Know as a UX Designer

Your A-Z list of tech terms in plain English. By Guy Ligertwood


10/GUI - touch interface concept from 2009 relevant even today?

Clayton Miller suggests ditching the mouse and windows in favor of a horizontal touchpad that allows users to control the interface with all 10 fingers at once.

Interestingly, some of the gestures proposed in this conceptual prototype are now found in real products.



Creative Types by Adobe Create

Everyone has a creative “type”—knowing yours helps you maximize your potential. Take our quiz to discover your type! Adobe Creative Cloud?


Why cognitive overload happens and how to overcome it


“Agile” is eating design’s young; or, Yet Another Reason why “embedding” designers doesn’t work.?

By Peter Merholz


????????????????????

No alt text provided for this image

A Twitter community for Product Design, Management & Development?design.

Feel free to join if you work in the field, want to learn more about it, or just want to hang out ??????

Illustration: mokalach



????????????????????



Creating space for design in Agile

Working within an agile framework focused on fast and iterative deliverables, how can designers create opportunities for design thinking?

?By Julia Lauer, Lauren Ciulla, Conner Sinjem | IBM design


Errors in Error Messages!

A UX writing case study on the Betterplace app by Pujashree Nayak


Problem Framing UnlockedNew to Problem Framing??

This article will tell you everything you need to know about Problem Framing and when to run (or not) a Problem Framing workshop with key decision-makers. By Dana Vetan | Design Sprint Academy


The emotion trap – why focusing solely on psychology when designing UX and UI won′t lead to success in the long run

Design, especially designing user experiences and user interfaces, has become far more complex than just playing with the psychology playbook or basic visual principles.

By Christoph T?nzer | The Good The Bad And The Monkey


Genderless design is a myth. What do you think?

"As much as we might like to generalize a style, design can never truly be free of meaning, culture, gender, and bias."


Navigation: basic rules and illustrative examples

Websites provide us with all kinds of information. Whether we want to learn more about something, buy a product, or donate to charity, we depend on navigation to help us find what we're looking for.


Interview with Brad Frost on what’s next after Atomic Design. By?Storybook


A guide to becoming a senior product designer

Learn how career ladders work and create a career plan to climb the ladder. By Aaron James?


What is a Design Sprint?

New to design sprints? This article will tell you everything you need to know about what design sprints are, when to use them (or not) and where they make the most impact. By Design Sprint Academy?


Design Sprints: How to best use them in your organization? By John Vetan


????????????????????

Product Design (#UX, #UI, #HCI, #InteractionDesign)?is a constantly growing and ever-changing field. Stay tuned for updates, digests, and publications

????????????????????


Everything you need to know about Design Systems



THE BEST INVENTIONS OF 2021

100 innovations changing how we live.?By TIME?



Racial Equity in Design

The Racial Equity in Design initiative is committed to ensuring racial equity is instilled in the design culture inside and outside of IBM?


The history behind the World Time face for Apple Watch

The Apple Watch was met with a wide range of responses at launch. Some saw it as merely a gussied-up fitness tracker; others - as a threat to the Swiss watch industry. By Arun Venkatesan



Renders vs. Reality, Projects From Renowned Architects: Before and After

Render accuracy is extremely important, particularly in the early design phases, since detailed and well-executed visuals?can denote issues.?


There's More Than One Periodic Table

Here Are Some Designs You've Never Seen. By JACINTA BOWLER | Science Alert?


Learn Responsive Design

A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone. By Jeremy Keith, Chrome Developers?


One of the most friendly brand identities of BlufVPN by Stepan Solodkov


Interesting website for researchers ?????? Better don't eat cheese anymore

15 Insane Things That Correlate With Each Other


How to design inclusive digital solutions

Over the last few years, there is a growing focus on inclusion in digital solutions. There is a need for acceptance, empathy, and most importantly equality. By Miroslava Jovicic?


Canada Modern is a physical and digital archive of Canadian graphic design, with modernism central to its glowing heart



Gender Equality Creative Platform

A branded data visualization system helps tell human stories about gender equality. Brand Identity, Digital Design, Campaigns, Data Visualization by Pentagram?



Which accessibility settings do the Dutch really use on their phone??

Researched by Q42



New Old Stock - Vintage photos from the public archives

  • Free of known copyright restrictions.
  • Recapturing History


Inside Apple Park: first look at the design team shaping the future of tech

Led by Evans Hankey and Alan Dye, the Apple Design Team holds enormous sway over our evolving relationship with technology. By Wallpaper



Brent Cross Town wayfinding

Wayfinding for a place in London to participate in sport and play. By Fieldwork Facility



Stop brainstorming

Brainstorming has become a heuristic, an attempted shortcut, a lossy substitution for psychological safety. By Matt Str?m


Why do we round corners

A deep dive into the human attraction for roundness. By Gon?alo Dias


Email Design Trends for 2022 - Designmodo?


Design principles for Web3

The internet evolved — web 1.0, web 2.0, Web 3.0. By Angela Ching


Adaptive, accessible, and automated color for Design Systems

Calibrating contextual colors to be readable and recognizable anywhere. By Lucas Zhang


Two perspectives on the designer whom Steve Jobs could not hire

Richard Sapper isn’t a household name like Jony Ive, Dieter Rams, or Phillipe Stark. Yet, his impact on the world earns him a place in the pantheon of design. By Arun Venkatesan


I’ve been doing buttons wrong! Have you?

Quick and practical button design tips to avoid common usability and accessibility problems. By Adham Dannaway?



The Four Dimensions of Tone of Voice

A website’s tone of voice communicates how an organization feels about its message. The tone of any piece of content can be analyzed along 4 dimensions: humor, formality, respectfulness, and enthusiasm. By Kate Moran from NNGroup


Cool design case with honest text about the weather from Tobias van Schneider?



UXArchive - Extensive library of mobile user flows: mobile UX trends from the world’s top mobile apps


Pantone Reveals 2022 Color of the Year

Pantone has partnered with Microsoft and other brands for Color of the Year products.

Virgil Abloh’s final collection for Louis Vuitton men’s wear featured styles in Very Peri. Ariana Grande has sported the color in a vintage Gucci halter top on “The Voice,” and Lady Gaga dons the shade in “The House of Gucci” movie.



Core concerns of UX in the Metaverse

New dimensions come with new responsibilities. By Marcus Lyra

  • > Metamorphism
  • > Localization
  • > Mechanization
  • > Dislocation
  • > Relations
  • > HUD: Visual cues that guide the experience
  • > Meta-Subjectivity


#CaseStudy?

Delivering with Uber Eats | #CaseStudy?

Having used both the Uber Rider, and Uber Driver apps, it feels like they've invested most of their attention into the consumer experience.

Perhaps drivers are more willing to put up with bad UX, as they're earning money and have already invested time into the platform.



#DesignTool

Component AI - a collection of web tools for generative design. Gamuts, color schemes, gradients, and generative patterns of various types | #Tools


Godly Website is a curated collection of inspiring websites | #Tool

https://godly.website/


Huetone is a service for creating and extensively customizing color palettes | #Tools

https://huetone.ardov.me/


ColorHuddle – Palettes with Examples | #Tools

https://colorhuddle.co/


Toools.design – Design Resources Archive & Newsletter | #Tools

A growing archive of 900+ design resources, weekly updated for the community.

https://www.toools.design/


UI Checklist | #Tools

101 UI Checklist items are available as a FREE Notion template.?

https://shiftnudge.com/checklist



Great tool - Accessible Palette: Create color systems with consistent lightness and?contrast | #Tools

This app uses the chroma.js library to generate color ranges with consistent lightness between levels.?

https://accessiblepalette.com/



#DesignResources

Dark Mode Color Palettes for Designers and Artists | #Resources

Night Palette is a free inspirational color palette tool made for dark mode design



Mindfully curated color palettes | #Resources

A collection of unique color combinations for your design projects. Steal them. Use them. Make something beautiful.


50 Design Systems examples to learn from (for your next project)?| #Resources

Pattern libraries that you can use as a source of inspiration by Dhananjay Garg?


ICONSAX is a large set of 1000 vector icons made in 6 different styles | #Resources

Available in the format: Figma, XD, Sketch, AI, Iconjar, Dart, CSS3, and SVG.

Free license for personal and commercial use.

https://iconsax.io/


Iconic - Free, “do wtf you want with” pixel-perfect?icons | #Resources

  • New icons are added every?week.
  • 24 x 24 bounding box · 1.5px stroke · SVG Format · 790 icons?+?counting
  • Designed by?@jamesm + @ormanclark



Where to get Free Icons in 2022? | #Resources

Where to find free icons after FlatIcon banned free SVG downloads. Collection of resources:

  • Iconoteka

https://iconoteka.com/


  • Download Free Icons - 2,664+ Icons To Choose From Iconscout

https://iconscout.com/free-icons


  • Boxicons : Premium web-friendly icons for free

https://boxicons.com/


  • Noun Project: Free Icons & Stock Photos for Everything

https://thenounproject.com/


  • Material Design Icons

https://materialdesignicons.com/




#Architecture

Brutalism — Visual Digest vol.1 | #Architecture

Brutalism is often the black sheep of the architectural community but some of its designs can take your breath away. Check out what I found!

  • United Kingdom
  • Portugal
  • Austria
  • Germany
  • Switzerland
  • United States
  • Iran



Architectural Details: Zaha Hadid Architects’ Beijing Daxing International Airport | #Architecture

Parabolic mega columns meet an elegant, epic steel grid in the world’s largest airport terminal. By Eric Baldwin


Brutal Est vol. II. Build Your Own Concrete Eastern Bloc by ZUPAGRAFIKA

This playful and engaging book allows readers to explore and learn about the brutalist and modernist architecture erected in the former Eastern Bloc and ex-Yugoslavia, and build some of their most intriguing edifices, from the massive housing estates in Moscow to the brutal skyline of Tbilisi.


?? What to read next?

Design Digest | Late 2021


Creative Trends from 2021 to -22


Accessibility: quick tutorials

?? And do not forget to stay connected:

Twitter

Facebook

Medium

Kate R

Freelancer, fond of web design

2 年

Wow, thanks for linking to so much material on the subject of product design. Here is another good article about current product design trends https://gapsystudio.com/blog/product-design-trends/.

回复

要查看或添加评论,请登录

Max Stepanov的更多文章

社区洞察

其他会员也浏览了