Hey 👋 I’m Tripti Gupta
Hey 👋 I’m Tripti Gupta/
♥️
Design Mind/
😸
My design mind
😸

My design mind

Great UX

Change aversion: why users hate what you launched (and what to do about it)
by Aaron Sedley Change is good. When a product becomes more fun or makes us more efficient, we embrace change. Technology startups often lead the way, rapidly iterating in an ongoing effort to create better experiences for their users. But dealing with change can be difficult. We've all experienced it.
Change aversion: why users hate what you launched (and what to do about it)
https://library.gv.com/change-aversion-why-users-hate-what-you-launched-and-what-to-do-about-it-2fb94ce65766
Change aversion: why users hate what you launched (and what to do about it)
Web Design Review Checklist: What Is Good Design?
So, you have built a website. For whatever reasons, and with whichever instruments. Congratulations! Before launching it to the vast worldwide digital space, however, you might want to stop and check if everything is in order in terms of elements of good design.
Web Design Review Checklist: What Is Good Design?
http://vintage.agency/blog/the-ultimate-web-design-review-checklist/
Web Design Review Checklist: What Is Good Design?
The "above the fold" myth - Rareview - Medium
There is no fold. Period. There, I said it. Let's stop the fold madness right now. The Web has evolved and so have users. We now have research to prove it. Designers often come across the concept of "above-the-fold" placement, whereas content is placed at the top of a Website before the user must scroll down.
The "above the fold" myth - Rareview - Medium
https://medium.com/rareview/the-above-the-fold-myth-f0f93b1b9875
The "above the fold" myth - Rareview - Medium
The Magic of Paper Prototyping - UX Planet
In the world of digital design, we have a lot of different tools that make the process of prototyping really simple. But still pen and paper remain the most useful tools for UX designers. Paper prototyping can be extremely helpful during the early-stage conceptualizing - when a team needs to explore a variety of different concepts and choose the one that will be used.
The Magic of Paper Prototyping - UX Planet
https://uxplanet.org/the-magic-of-paper-prototyping-51693eac6bc3
The Magic of Paper Prototyping - UX Planet
Why are you not designing your day-to-day experience?
The other day a coworker and I were chatting about our phone's home screens and the way we organize our app icons. We spent a good amount of time describing to one another our implicit rules on how we prioritize homepage icons, how we choose apps that will sit on the edge vs.
Why are you not designing your day-to-day experience?
https://uxdesign.cc/why-are-you-not-designing-your-day-to-day-experience-269ec91d7d7
Why are you not designing your day-to-day experience?
 
UI colors
Light or Dark UI? Tips to Choose a Proper Color Scheme for User Interface
Our everyday life is an endless flow of choices. In both personal and professional life, we have to consider numerous oppositions and challenges, and it's better when solutions are based on not only suggestions but also facts, experience and knowledge.
Light or Dark UI? Tips to Choose a Proper Color Scheme for User Interface
https://uxplanet.org/light-or-dark-ui-tips-to-choose-a-proper-color-scheme-for-user-interface-9a12004bb79e
Light or Dark UI? Tips to Choose a Proper Color Scheme for User Interface
Dark Side of UI. Benefits of Dark Background - UX Planet
The aspect of using dark colors and shades in backgrounds of user interfaces still belongs to highly debatable issues. No wonder it's so actual: choosing appropriate background plays vital role on all the product efficiency as it can become a key factor enhancing or, vise versa, killing other design solutions around the layout and functionality.
Dark Side of UI. Benefits of Dark Background - UX Planet
https://uxplanet.org/dark-side-of-ui-benefits-of-dark-background-12f560bf7165
Dark Side of UI. Benefits of Dark Background - UX Planet
Bright Colors in UI Design: Benefits and Drawbacks - UX Planet
The skill of applying colors effectively is a must-have for everyone who works with visual compositions including illustrators and UI designers. Color theory knowledge has become even more prominent with growing popularity of flat and material design directions.
Bright Colors in UI Design: Benefits and Drawbacks - UX Planet
https://uxplanet.org/bright-colors-in-ui-design-benefits-and-drawbacks-433680f0a1c7
Bright Colors in UI Design: Benefits and Drawbacks - UX Planet
 
Iconography
Designing great icons for mobile apps - The Startup - Medium
One of the most important marketing decisions that you will have to face when launching an app is the design of the icon. Its importance comes from the fact that the icon will affect the first impression of the user, and it will be the way to catch their attention when browsing the marketplace.
Designing great icons for mobile apps - The Startup - Medium
https://medium.com/swlh/designing-great-icons-for-mobile-apps-a515f254eb31
Designing great icons for mobile apps - The Startup - Medium
Solid Vs. Outline Icons: Which Are Faster to Recognize?
When building a mobile app, there comes a time when you have to decide whether to use solid or outline icons. Which style is better for user experience? Some think the difference between them is just a matter of preference, but research shows there's more to it than that-one style has a faster recognition rate than the other.
Solid Vs. Outline Icons: Which Are Faster to Recognize?
https://medium.com/@uxmovement/solid-vs-outline-icons-which-are-faster-to-recognize-9bb0fc24821f
Solid Vs. Outline Icons: Which Are Faster to Recognize?
Why touchscreens in cars don't work - UX Collective
Okay, so get rid of all the touchscreens, right? If only it were so simple. Even though our participants generally felt more attentive and safe, some of them also didn't like that the information it displayed was no longer available to them... "To be honest, I like having the map open at all times when I'm driving...
Why touchscreens in cars don't work - UX Collective
https://uxdesign.cc/why-touchscreens-dont-work-in-cars-69b6ff3d4355
Why touchscreens in cars don't work - UX Collective
Acura skips the touchscreen for its infotainment system
Touchpad-type interfaces aren't new to cars but Acura has created a navigation interface it calls "absolute positioning." The gist is that wherever my finger is on the touchpad, that's where it is on the display. Move it to the top right corner, I'm selecting the item in the top right corner.
Acura skips the touchscreen for its infotainment system
https://www.engadget.com/2018/05/16/acura-rdx-true-touchpad-hands-on/
Acura skips the touchscreen for its infotainment system
Horizontal scrolling in mobile - UX Planet
Way back in 2005, the nationwide web usability report stated that one should NEVER use horizontal scrolling web design for websites. And that was because the whole UX of sideways scrolling was confusing to the user and it just did not comply to conventional web design standards. How did the trend shift?
Horizontal scrolling in mobile - UX Planet
https://uxplanet.org/horizontal-scrolling-in-mobile-643c81901af3
Horizontal scrolling in mobile - UX Planet
Ever wonder why the most popular apps are starting to look the same? It might be a good thing
Open Instagram, Airbnb, Apple Music, Twitter, Dropbox or Lyft and at first glance it might feel like it's hard to tell the difference between which app is which: big, bold headlines with rounded sans-serif fonts; minimal black and white interfaces with lots of negative space; little to no color.
Ever wonder why the most popular apps are starting to look the same? It might be a good thing
https://uxdesign.cc/ever-wonder-why-the-most-popular-apps-are-starting-to-look-the-same-it-might-be-a-good-thing-e54aadd50fd5
Ever wonder why the most popular apps are starting to look the same? It might be a good thing
7 Basic Rules for Button Design - UX Planet
Buttons are an essential element of interaction design. They have a primary role in the conversation between a user and the system. In this article, I'll review seven basic principles you need to know to create effective buttons. When it comes to interacting with user interface, users need to know instantly what is 'clickable' and what's not.
7 Basic Rules for Button Design - UX Planet
https://uxplanet.org/7-basic-rules-for-button-design-63dcdf5676b4
7 Basic Rules for Button Design - UX Planet
Inverted pyramids & progressive disclosure in Design
Red Dead Redemption 2 might be the greatest video game ever created. It's not just about the whole new level of interaction it gives or the dizzying open world, and detailed elaboration of the surroundings. All of that will eventually be everywhere. The fascination I found myself in is the way the story transpires.
Inverted pyramids & progressive disclosure in Design
https://uxdesign.cc/inverted-pyramids-progressive-disclosure-in-design-5b63cb54c8cb
Inverted pyramids & progressive disclosure in Design
 
Designing wallets
6 things I learned from designing a mobile wallet - Netcetera Tech Blog
1. You are not designing for the bank, but for the end users of the wallet When it comes to designing mobile wallets, significant number of stakeholders are included in the decision making process.
6 things I learned from designing a mobile wallet - Netcetera Tech Blog
https://blog.netcetera.com/6-things-i-learned-from-designing-a-mobile-wallet-cac24721bb1
6 things I learned from designing a mobile wallet - Netcetera Tech Blog
 
Microcopy
Copywriting for Interfaces: Types of Copy in Web and Mobile UI
Quality copy is a key part of a successful user interface performance. Text and visual components mutually support each other creating the sufficient design and user experience of a product. Some may associate UI copywriting only with the long block of text such as in blogs or informative pages, but it's just a tip of an iceberg.
Copywriting for Interfaces: Types of Copy in Web and Mobile UI
https://uxplanet.org/copywriting-for-interfaces-types-of-copy-in-web-and-mobile-ui-6326f92865f8
Copywriting for Interfaces: Types of Copy in Web and Mobile UI
 
2019 trends
2019 UI and UX Design Trends - UX Planet
😑 Yeah, but all the advancements in browsers still promote their separate value without impacting the industry on a higher level. Because so much is going on on the web it's hard for browser developers to come up with universal solutions and clean up the internet.
2019 UI and UX Design Trends - UX Planet
https://uxplanet.org/2019-ui-and-ux-design-trends-92dfa8323225
2019 UI and UX Design Trends - UX Planet
5 predictions for UX design 2019 - Inside Design - Medium
Throughout 2018, we saw an increased focus on data-driven UX, accompanied by the rise of the UX researcher role. Privacy by design was also something of a hot topic in light of the GDPR, and a brand new buzzword arrived on the scene: DesignOps.
5 predictions for UX design 2019 - Inside Design - Medium
https://medium.com/inside-design/5-predictions-for-ux-design-2019-ae32c18c064
5 predictions for UX design 2019 - Inside Design - Medium
The State of UX in 2019
From the tools we'll use, to our process, to the behaviors that will change the way we design - here's a list of what to expect for User Experience (UX) Design in the next year.
The State of UX in 2019
https://trends.uxdesign.cc/
The State of UX in 2019
 
Why most redesigns fail - freeCodeCamp.org
A case study on big name redesign fails and what you can learn from them A product manager walks into a design department and orders a website redesign. "Our website looks so old! All our competitors have flashier websites. Let's redesign it. Buttons with colorful shadows are the future!"
Why most redesigns fail - freeCodeCamp.org
https://medium.freecodecamp.org/why-most-redesigns-fail-6ecaaf1b584e
Why most redesigns fail - freeCodeCamp.org
 

Make UI look good

Tips and tricks

7 Practical Tips for Cheating at Design - Refactoring UI - Medium
Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn't have a full-time designer and you need to implement the UI for a new feature on your own.
7 Practical Tips for Cheating at Design - Refactoring UI - Medium
https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
7 Practical Tips for Cheating at Design - Refactoring UI - Medium
 
Mobile Tab bar
3 Creative Concepts of Mobile Tab Bar Navigation - UX Planet
When it comes to selecting a pattern for the primary mobile navigation, product designers usually choose between two options -  side drawer (also known as a hamburger menu) and tab bar. Both navigation patterns have their pros and cons. Since this article is about tab bar, let's start with its advantages over sider drawer: Visibility of current user location.
3 Creative Concepts of Mobile Tab Bar Navigation - UX Planet
https://uxplanet.org/3-creative-concepts-of-mobile-tab-bar-navigation-86ec7e3b11ab
3 Creative Concepts of Mobile Tab Bar Navigation - UX Planet
 
User profile
Daily UI Challenge 006 - User Profile - Prototypr
I recently decided to take part in the Daily UI Challenges to learn and improve my skills in Adobe XD, Illustrator, Photoshop, Sketch, and InVision. Challenge 006: User Profile For this challenge, I decided to redesign the user profile screen on the Airbnb app (see Image 1).
Daily UI Challenge 006 - User Profile - Prototypr
https://blog.prototypr.io/daily-ui-challenge-006-user-profile-d6e2570629b5
Daily UI Challenge 006 - User Profile - Prototypr
Bidirectional Scrolling is here to save Responsive Design
This article is about a simple question with a surprisingly complex answer. It's Monday afternoon and the air is starting to feel stuffy in our meeting room. We are standing in front of 20 marketing professionals, all of them representatives of individual countries of an international non profit organisation.
Bidirectional Scrolling is here to save Responsive Design
https://uxplanet.org/bidirectional-scrolling-is-here-to-save-responsive-design-be1afe53206d
Bidirectional Scrolling is here to save Responsive Design
 
Wireframing
10 Do's and Don'ts of Wireframing - Mockplus - Medium
Original content written by Nick Babich. Wireframing is one of the first steps in your design process and arguably it's one of the most important ones. It's the time when your ideas start to take shape. Despite the fact that wireframing looks simple, it can be done well or poorly, and this can have a significant impact on the outcome of the final product.
10 Do's and Don'ts of Wireframing - Mockplus - Medium
https://medium.com/mockplus/10-dos-and-don-ts-of-wireframing-8a6d0b3429d8
10 Do's and Don'ts of Wireframing - Mockplus - Medium
 
uxplanet.org
https://uxplanet.org/cutting-the-interface-for-good-a66383d49a2e
 

Best design practices

Start your designs with a concept - UX Collective
The best designers I know always start a project with a concept (or conceptual model). What's your design concept for this project? How do you envision people interacting with your product? What...
Start your designs with a concept - UX Collective
https://uxdesign.cc/start-your-designs-with-a-concept-7270e6b00fcc
Start your designs with a concept - UX Collective
Delivering your work in layers - UX Collective
Here is something I have learned in my career that has improved my efficiency quite a lot - and that whenever possible I pass on to the designers I work with: They focus on one screen or feature at a...
Delivering your work in layers - UX Collective
https://uxdesign.cc/delivering-your-work-in-layers-f28d80974de5
Delivering your work in layers - UX Collective
6 tasty ways for designers and developers to collaborate better - InVision Blog
This marketing infographic is part of KlientBoost's 25-part series. We're excited to partner with them so you can enjoy a new gifographic once a day in your inbox. Get the other 24 by subscribing here. As a designer, if you've ever had to hand off your visual wonder to a developer, then you know the dread that sometimes follows.
6 tasty ways for designers and developers to collaborate better - InVision Blog
https://www.invisionapp.com/blog/designer-developer-collaboration-ideas/
6 tasty ways for designers and developers to collaborate better - InVision Blog
The secret to connecting designers and developers
Most tech professionals use some form of design system, whether that be a sketch library, design tokens, or style guide. When optimized, design systems have incredible potential. However, designers and developers often think about them differently. And when your team doesn't see eye-to-eye, it can lead to less-than-optimized processes and outcomes for everyone.
The secret to connecting designers and developers
https://www.invisionapp.com/blog/connecting-designers-developers/
The secret to connecting designers and developers
Designing at 1x - Design + Sketch - Medium
It was only about a year ago that I made the full switch from Adobe Creative Cloud to Sketch for UI design, and a bit later that I came to what I think is the ideal design workflow for a product...
Designing at 1x - Design + Sketch - Medium
https://medium.com/sketch-app-sources/designing-at-1x-33240842180c
Designing at 1x - Design + Sketch - Medium
The golden rules of UX - UX Collective
Over the years, I've put together a list of UX maxims. I tell my students that whenever I get stuck in a project, whenever I feel helpless or uncertain, these are the things I think about in order to get unstuck. They re-focus me and remind me what I'm really here to achieve.
The golden rules of UX - UX Collective
https://uxdesign.cc/the-golden-rules-of-ux-375ac4f9b2d0
The golden rules of UX - UX Collective
Building the perfect splash screen - UX Collective
So you're probably wondering, "how hard can it be to build the perfect splash screen?" And you're probably right to think that - we're talking about a screen which is going to be visible for just a couple of seconds (if that). And a screen that seems to just flash a logo at the user before vanishing.
Building the perfect splash screen - UX Collective
https://uxdesign.cc/building-the-perfect-splash-screen-46e080395f06
Building the perfect splash screen - UX Collective
Why UI design is all about typography
I start off every design workshop by saying the following statement: 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. This is a reference to the movie Fight Club where the character Tyler (played by Brad Pitt) introduces newcomers to the rules of his underground bare-knuckle fighting club.
Why UI design is all about typography
https://medium.muz.li/why-ui-design-is-all-about-typography-370250d89ce8
Why UI design is all about typography

Designing forms

Long list
Design Better Forms - UX Collective
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 - UX Collective
https://uxdesign.cc/design-better-forms-96fadca0f49c
Design Better Forms - UX Collective
Improving the usability of multi-selecting from a long list
Selecting multiple items from a list was never a pleasant task. There are some innovative solutions that work okay on big screens, but usually they are a nightmare to use on mobile devices. Here's the story of how I found a solution to improve the tag selection for our providers.
Improving the usability of multi-selecting from a long list
https://medium.com/tripaneer-techblog/improving-the-usability-of-multi-selecting-from-a-long-list-63e1a67aab35
Improving the usability of multi-selecting from a long list
Free Online Form Templates | Form Examples | JotForm
Browse more than 8,000 free form templates and find one that best suits your needs. Search our template forms by industry or by form type at JotForm.com!
Free Online Form Templates | Form Examples | JotForm
https://www.jotform.com/form-templates/?classic
Free Online Form Templates | Form Examples | JotForm
How to design a payment form your customers will actually complete
"70% of all shopping carts are abandoned. And 28% of those carts are abandoned because of a lengthy checkout process." Businesses want people to spend money. That means paying for something should be the easiest part of the whole experience but poor payment systems continue to result in a loss of billions of dollars for businesses.
How to design a payment form your customers will actually complete
https://medium.com/swlh/how-to-design-a-payment-form-your-customers-will-actually-complete-55a986fe3ada
How to design a payment form your customers will actually complete
 

UI Animations/Inspirations

The ultimate guide to proper use of animation in UX
Nowadays it's hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user's attention.
The ultimate guide to proper use of animation in UX
https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9
The ultimate guide to proper use of animation in UX
Web & Mobile UI/UX Dribbble Shots #13 - UX Planet
A selection of mobile ui ux design works. Also it includes ui ux web design works from talented ux designers from Dribbble. Part #13
Web & Mobile UI/UX Dribbble Shots #13 - UX Planet
https://uxplanet.org/web-mobile-ui-ux-dribbble-shots-13-c35517f83a88
Web & Mobile UI/UX Dribbble Shots #13 - UX Planet
10 Creative Loading Indicators - UX Planet
Visibility of system status is one of the most important principles in user interface design. Good interaction design provides feedback While an instant response from an app or a website is the best, there are times when your product won't be able to comply with the guidelines for speed.
10 Creative Loading Indicators - UX Planet
https://uxplanet.org/10-creative-loading-indicators-1a15c562b75a
10 Creative Loading Indicators - UX Planet
Top UI/UX Design Works - #31 - UX Planet
Every day most digital designers look for inspiration on sources like Dribbble or Behance for mobile and webdesign UI/UX works. In a large stream of the works, it is very easy to miss some quality shots with small number of likes and comments.
Top UI/UX Design Works - #31 - UX Planet
https://uxplanet.org/top-ui-ux-design-31-9742396ef412
Top UI/UX Design Works - #31 - UX Planet
Dashboards Inspiration 2018 - Muzli - Design Inspiration
via Muzli design inspiration. "Dashboards Inspiration 2018" is published by Muzli in Muzli - Design Inspiration
Dashboards Inspiration 2018 - Muzli - Design Inspiration
https://medium.muz.li/dashboards-inspiration-2018-77b3ab185483
Dashboards Inspiration 2018 - Muzli - Design Inspiration
LottieFiles - Free animation files build for Lottie, Bodymovin
LottieFiles is a collection of animations designed for Lottie and Bodymovin - gone are the days of bugging your developer
LottieFiles - Free animation files build for Lottie, Bodymovin
https://www.lottiefiles.com/
LottieFiles - Free animation files build for Lottie, Bodymovin
25 Inspirational Checkout Designs You Have Got To See
Speaking of ecommerce design. "25 Inspirational Checkout Designs You Have Got To See" is published by Premiumuikits in Muzli - Design Inspiration
25 Inspirational Checkout Designs You Have Got To See
https://medium.muz.li/25-inspirational-checkout-designs-you-have-got-to-see-1272e677d94b
25 Inspirational Checkout Designs You Have Got To See
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
A design inspirational library featuring finest UI UX Patterns (iOS and Android) for designers, developers, and product makers to reference.
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
https://www.mobile-patterns.com/
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android

Case Studies

How to Slack smarter? - a UX case study - UX Collective
Slack (short for Searchable Log of All Communication and Knowledge) started out as an internal communication tool used in the development of an online game, Glitch. It then evolved into a collaboration hub that allows teams to connect more effectively. The data and applications on Slack powers productivity for its consumers all around the world.
How to Slack smarter? - a UX case study - UX Collective
https://uxdesign.cc/how-to-slack-better-3779daf576ae
How to Slack smarter? - a UX case study - UX Collective
iOS Notification redesign concept - a UX case study
Introduction Like many phone users, I carry my phone with me all the time, feeling the need to be focused and connected with the outside world. As people strive to be informed of the things in this outside world, notifications play such a big role to communicate outside world information with us in a form of notification from multiple applications we installed.
iOS Notification redesign concept - a UX case study
https://uxdesign.cc/ios-notification-redesign-concept-b51be406cb60
iOS Notification redesign concept - a UX case study
Warm your guests up for the wedding day - a UX case study
Have you ever attended a wedding where the only people you know are the newlyweds? And on the big day, they are so busy that they wouldn't have time to talk with you for more than 5 minutes?
Warm your guests up for the wedding day - a UX case study
https://uxdesign.cc/ux-case-study-warm-your-guests-up-for-the-wedding-day-649e0ef896d4
Warm your guests up for the wedding day - a UX case study
Case Study | LocalGuide - iOS App - Design Portfolio - Medium
LocalGuide is an iPhone application that helps vacationers explore the city when they have an open window of time outside their preplanned travel schedule. The first UX/UI assignment from the DESIGNATION program is an individual assignment in the realm of tourism.
Case Study | LocalGuide - iOS App - Design Portfolio - Medium
https://medium.com/designportfolio/case-study-localguide-ios-app-1609cf94a722
Case Study | LocalGuide - iOS App - Design Portfolio - Medium
Gamifying one of America's "touchier" subjects - a UX case study
and among the 24 states that do, only 13 require medical information to be accurate. Brief For this project, I collaborated with two other people to explore an opportunity space of our choice. Following an afternoon brainstorm session, we proposed three topics to explore for the sake of this project.
Gamifying one of America's "touchier" subjects - a UX case study
https://uxdesign.cc/gamifying-one-of-americas-touchier-subjects-a-ux-case-study-8102017185d7
Gamifying one of America's "touchier" subjects - a UX case study
Case Study: Manuva. UX Design for Gym Fitness App.
The mobile app industry is one of the biggest on the digital market. There is no surprise, since many businesses both small and big aim at creating their own mobile app. A powerful application can help to set connection with potential customers as well as bring new solutions to enhance services.
Case Study: Manuva. UX Design for Gym Fitness App.
https://uxplanet.org/case-study-manuva-ux-design-for-gym-fitness-app-23347aae3596
Case Study: Manuva. UX Design for Gym Fitness App.
I wanted to see how far I could push myself creatively. So I redesigned Instagram.
by Kim Thuy Tu I wanted to see how far I could push myself creatively. So I redesigned Instagram. Me, attempting to make sense of all the data from my research with post-it notes and my Gator shirt.The challenge: to take an application I love and use everyday, then see how far I could push myself creatively as a designer, by rebuilding it from the ground up.
I wanted to see how far I could push myself creatively. So I redesigned Instagram.
https://www.freecodecamp.org/news/i-wanted-to-see-how-far-i-could-push-myself-creatively-so-i-redesigned-instagram-1ff99f28fa8b/
I wanted to see how far I could push myself creatively. So I redesigned Instagram.

Wireframing

How to make great wireframes in Sketch - Design + Sketch - Medium
This post was originally published at alexanderskogberg.com In recent years, Sketch has risen to one of the top vector graphics editors among designers. I use it several times a week at work and I love it! Here are my tips for making great wireframes in Sketch.
How to make great wireframes in Sketch - Design + Sketch - Medium
https://medium.com/sketch-app-sources/how-to-make-great-wireframes-in-sketch-8624a341fd73
How to make great wireframes in Sketch - Design + Sketch - Medium
 
Responsive design in sketch
Designing a food delivery app for motorbike drivers - a UX case study
The following case study is part of a design challenge. I am not in any way affiliated to Grab or any other companies/individuals mentioned in this article. The design decisions and assumptions taken in this case study are solely based on publicly available information. Imagine that Grab is introducing food delivery service in Philippines (like FoodPanda).
Designing a food delivery app for motorbike drivers - a UX case study
https://uxdesign.cc/grab-design-challenge-case-study-food-driver-mobile-app-e5d6b65cdd30
Designing a food delivery app for motorbike drivers - a UX case study
Booking.com - UX Case Study - Muzli - Design Inspiration
Booking.com has grown from a small Dutch start-up to one of the largest travel e-commerce companies in the world. At Booking.com, travellers are connected with the world's largest selection of incredible places to stay, including everything from apartments, vacation homes, and family-run B&Bs to 5-star luxury resorts, tree houses and even igloos.
Booking.com - UX Case Study - Muzli - Design Inspiration
https://medium.muz.li/booking-com-ux-case-study-7ffb39e54791
Booking.com - UX Case Study - Muzli - Design Inspiration
UX Ecosystems in Healthcare - Prototypr
It was late in the evening on St. Patrick's Day, 2017 when the nurse entered the room for the second time to administer my medication. This was also the second time I noted he had not washed his hands or sanitized prior to conducting what is referred to in healthcare as an "invasive procedure."
UX Ecosystems in Healthcare - Prototypr
https://blog.prototypr.io/ux-ecosystems-in-healthcare-4c244c386253
UX Ecosystems in Healthcare - Prototypr
5 user-testing insights that shaped the Picnic Runner App
Remember that time you tried to push open a door but instead smacked your face against the glass? You were meant to pull. But don't worry...it wasn't your fault, it was the door's. Or more specifically the design of the door. At first sight, the door's form was not obvious to understand.
5 user-testing insights that shaped the Picnic Runner App
https://blog.picnic.nl/5-user-testing-insights-that-shaped-the-picnic-runner-app-fdff593ab6bb
5 user-testing insights that shaped the Picnic Runner App
Designing a CSA food app in 3 days - a UX case study
Research Methods The research phase tends to take up some time so any existing information I have at hand is a great way to save time. Marketing material, competitors, user surveys or if it's an existing app reading user reviews in the app store so I start getting in that user mindset early on.
Designing a CSA food app in 3 days - a UX case study
https://uxdesign.cc/ux-ui-case-study-designing-a-food-app-in-3-days-1e2856680205
Designing a CSA food app in 3 days - a UX case study
3 UX Takeaways from Redesigning Google Translate
Last month, after a long journey, we launched a new version of the Google Translate website with a responsive layout and a modern Material Design UI. Given the global popularity of Google Translate, we knew we had to prepare for change aversion.
3 UX Takeaways from Redesigning Google Translate
https://medium.com/google-design/3-ux-takeaways-from-redesigning-google-translate-3184038f43bf
3 UX Takeaways from Redesigning Google Translate
Designing my first platform agnostic SaaS product.
Zoho Sheet is an online spreadsheet application that lets you create, share, collaborate and publish spreadsheets from anywhere. Given the role of product designer, I was responsible designing for its mobile products. I am sharing the process of designing the multi-platform products from beginning till it was made available for the users.
Designing my first platform agnostic SaaS product.
https://medium.com/@pixelfabricator/designing-my-first-platform-agnostic-saas-product-7b258cd2f17e
Designing my first platform agnostic SaaS product.
 
Documentation
static1.squarespace.com
https://static1.squarespace.com/static/56eb26fb8a65e2c2a033ad3b/t/5c4fbb90562fa7af6ea2aa66/1548729243342/Kaye_Ladd_Eliana_P4_Team+Smash+UI+Spec+Doc.pdf
 
Responsive Design in Sketch - Part 1 - Design + Sketch - Medium
With the latest version of Sketch (v.44), the group resizing feature has been updated. Even though there is no fundamental change, we have a little bit more control over the feature now. I have written about this feature before in detail. In this article I will cover the updates and give some new tips.
Responsive Design in Sketch - Part 1 - Design + Sketch - Medium
https://medium.com/sketch-app-sources/exploration-of-responsive-design-in-sketch-part-1-1af4cf415a82
Responsive Design in Sketch - Part 1 - Design + Sketch - Medium
 

Tools

✨ 35 New Tools for UI Design - Prototypr
Toolbox #6: Adobe Fund for Design, React for Designers, Gradient Backgrounds, and more! Welcome to Toolbox #6 - a carefully curated collection of the best design tools and updates from within the design community. You'll find everything from updates on the most well-known brands (such as InVision, Figma, Sketch, and Adobe) to emerging tools made by individuals and smaller companies.
✨ 35 New Tools for UI Design - Prototypr
https://blog.prototypr.io/35-new-tools-for-ui-design-412cf1d701fd
✨ 35 New Tools for UI Design - Prototypr
UX portfolio tips and best practices - UX Collective
In his memoir Let My People Go Surfing, Yvon Chouinard, founder of global outdoor brand Patagonia, writes: "How you climb a mountain is more important than reaching the top." So it is in the world of UX design, where methodology matters most, especially in the pursuit of clients and career opportunities.
UX portfolio tips and best practices - UX Collective
https://uxdesign.cc/ux-portfolio-tips-and-best-practices-f02e09a53923
UX portfolio tips and best practices - UX Collective
Getting started with UX/UI apps design - DRILL - Medium
User Experience (UX) and User Interface (UI) design are trending terms nowadays. In the same way, creating apps is currently one of the most attractive markets for developers, designers and digital creators all over the world. The reason is clear: smartphones are ubiquitous and the potential uses for apps are infinite.
Getting started with UX/UI apps design - DRILL - Medium
https://medium.com/drill/getting-started-with-ux-ui-apps-design-356fb94de7cc
Getting started with UX/UI apps design - DRILL - Medium
Typography can make or break your design: a process for choosing type
Before you do anything else, first identify the purpose of your design. What information do you want to convey? What is the medium for your design? Good design aligns its typography with its purpose. This is because typography is key to setting mood, tone, and style in your designs.
Typography can make or break your design: a process for choosing type
https://medium.freecodecamp.org/typography-can-make-your-design-or-break-it-7be710aadcfe
Typography can make or break your design: a process for choosing type
Kaleigh Flynn | UX Designer
Hi, my name is Kaleigh Flynn and I am a UI/UX designer. Learn more about me through my resume, portfolio, and social links.
Kaleigh Flynn | UX Designer
https://www.kaleighflynn.com/
Kaleigh Flynn | UX Designer
 
Maze | Analytics for prototypes.
Discover how real users interact with your prototype: define missions, collect actionable insights and analyze how your design performed, with 0 line of code.
Maze | Analytics for prototypes.
https://maze.design/
Maze | Analytics for prototypes.
FontPair helps you pair Google Fonts together.
Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
FontPair helps you pair Google Fonts together.
https://fontpair.co/
FontPair helps you pair Google Fonts together.
Premium UI Kits - UI Place
UI Place curates the finest professional ready-to-use UI design resources for UX/UI designers around the world. We create Sketch & Adobe XD UI kits for mobile app and website designers.
Premium UI Kits - UI Place
https://uiplace.com/ui-kits?ss_source=lkdinads&ss_campaign_name=Foodiez
Premium UI Kits - UI Place
Colors that look and work great for everyone
A modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.
Colors that look and work great for everyone
https://color.review/
Colors that look and work great for everyone
Humaaans: Mix-&-Match illustration library
Mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch.
Humaaans: Mix-&-Match illustration library
https://www.humaaans.com/
Humaaans: Mix-&-Match illustration library
 
Top User Experience (UI/UX) Design Agencies & Companies- December 2018
UPDATED: DEC 03, 2018 Simple-to-use and user-friendly design is the key for any digital product. When a mobile or web UI is easy to understand, the product adoption is much smoother for the new users. Having an experienced in-house UI/UX designer, or hiring an outside user experience design agency or a company makes a lot of sense.
Top User Experience (UI/UX) Design Agencies & Companies- December 2018
https://uxplanet.org/top-user-experience-ui-ux-design-agencies-3696f3daed4e
Top User Experience (UI/UX) Design Agencies & Companies- December 2018
Color Tool - Material Design
Create and share color palettes for your UI, and measure the accessibility of any color combination.
Color Tool - Material Design
https://material.io/tools/color/#!/?view.left=0&view.right=0
Color Tool - Material Design
Typ.io: Fonts that go together
Here at Typ.io, we're revealing designers' decisions for all to see; peeking under the hood of beautiful websites to find out what fonts they're using and how they're using them. We want to know what font goes with what.
Typ.io: Fonts that go together
http://typ.io/
Typ.io: Fonts that go together
Free typography resources: The big list | Inside Design Blog
Everyone, even non-designers, can agree that the smallest typographical change can make a world of difference (*cough* Warren Beatty *cough*). Elevating designs through typography is a skill every designer should have in their back pocket. Do you want to become a typography wiz-and, ultimately, an even better designer?
Free typography resources: The big list | Inside Design Blog
https://www.invisionapp.com/inside-design/free-typography-resources/
Free typography resources: The big list | Inside Design Blog
77 best free fonts for designers
In this freshly updated free fonts for designers post, we bring you the world's best free fonts. We've filtered out the jewels from the thousands of less perfectly designed free fonts available online, so you can use them in your designs and illustrations.
77 best free fonts for designers
https://www.creativebloq.com/graphic-design-tips/best-free-fonts-for-designers-1233380
77 best free fonts for designers
Stock Photos | UX Pro
Stock photography collections
Stock Photos | UX Pro
https://uxpro.cc/toolbox/visual-design/photos/
Stock Photos | UX Pro
Color Contrast Tools | UX Pro
Testing color accessibility
Color Contrast Tools | UX Pro
https://uxpro.cc/toolbox/accessibility/color-accessibility/
Color Contrast Tools | UX Pro
What's Trending in Type · Typewolf
Typewolf helps designers choose the perfect font combination for their next design project-features web fonts in the wild, font recommendations and learning resources.
What's Trending in Type · Typewolf
https://www.typewolf.com/
What's Trending in Type · Typewolf
6 Free Quick Wireframe Tools For UI/UX Designers in 2019
What is the first name came into your mind when mentioned about wireframe tool? The old name Axure RP, or the brand new fad Mockplus? Superabundant wireframe tools are available nowadays, which is a good thing, but this may result in choice phobia for designers on the other side.
6 Free Quick Wireframe Tools For UI/UX Designers in 2019
https://uxplanet.org/5-free-quick-wireframe-tools-for-ui-ux-designers-in-2017-189e6a594fda
6 Free Quick Wireframe Tools For UI/UX Designers in 2019
remove.bg for Desktop
100% automatic background removal for Windows/Mac/Linux: * Drag & Drop automated background removal in seconds * Upload multiple images and folders * Create transparent or colored backgrounds * Select the output size of your choice
remove.bg for Desktop
https://www.producthunt.com/posts/remove-bg-for-desktop
remove.bg for Desktop
20 free handwriting fonts
Finding the right font can make or break your design. For example, a playful, energetic font can add personality to your brand, but could also run the risk of coming across as unprofessional. An uppercase, loud typeface used in an ad can attract attention, but could also come across like you're shouting.
20 free handwriting fonts
https://www.invisionapp.com/inside-design/free-handwriting-fonts/
20 free handwriting fonts

2020 top picks

What to do with lots of data

https://uxplanet.org/enough-with-the-data-tables-cfc2913c9158
https://uxplanet.org/website-header-design-in-2020-best-practices-and-examples-1992f80ddd69

Reading list

 
Built with Potion.so