...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


What’s New in macOS: Human Interface Guidelines - Apple Developer

#MacOS #BestPractices #UIDesign







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Accessibility is our responsibility

#Accessibility #UX #UIdesign #BestPractices

Did you know that perfectly healthy people with great sight, hearing and mobility, who can read and write effortlessly, can multitask effectively and who are fully functional all of the time make up…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


6 things we learned about animation from Headspace, Google, Lyft, and more | Inside Design Blog

#Motion #BestPractices #UIDesign #UX

Real-world examples of motion design to create successful products from the teams.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Form design: from zero to hero all in one blog post by Adam Silver

#UX #UIDesign #BestPractices #Tips #Forms #Usability

90% of the problems found in forms solved in a few hundred precious words.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Practical Guide To SVG And Design Tools (Smashing Magazine)

#SVGs #Tools #BestPractices #Sketch #Figma #Illustrator #Productivity

To make the best of SVG, it’s useful not only to learn its syntax but also to understand how SVG is generated by graphic design software. Let’€™s take a closer look at the process of generating SVG with popular design apps and how we can use them to our own advantage.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Systems articles on building and maintaining design systems

#DesignSystems #UIDesign #BestPractices #Productivity #Figma

A Figma publication for design systems creators, designers, developers, and managers









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The ineffectiveness of lonely icons

#BestPractices #UIDesign #UX

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…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Building Brand Loyalty and Reducing Anxiety with UI Animation

#Motion #Animation #UIDesign #UX #BestPractices

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.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Everything you need to know about skeleton screens

#UX #UIDesign #Motion #BestPractices

Years ago, I wrote about Designing for the Appearance of Speed, outlining some impetus and methods for creating the illusion of short page load times in apps and on the web. Shortly after that…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The optimistic UI with React

#UX #BestPractices #InteractionDesign #React

As front-end engineers, we want to provide the most reliable and comprehensive user interface by using many techniques, new technologies, frameworks or just our knowledge and experience. Everything…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


IDEO Design Kit

#HCD #UX #Prototyping #BestPractices

Design Kit is IDEO.org's platform to learn human-centered design, a creative approach to solving the world's most difficult problems.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Nuance of Better

#FrogDesign #BestPractices







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


3 Creative Concepts of Mobile Tab Bar Navigation

#UX #UIDesign #Mobile #Intearctions #BestPractices

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…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Hacking user perception to make your websites and apps feel faster

#UX #UIDesign #Animations #BestPractices

Ever wondered why when you call up a utility company and you are put on hold, they play music? Consider how you would feel if there was no music, just dead silence. CNN ran a survey that showed 70…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Using Time To Sculpt Software Animation

#Animation #BestPractices

Designing animation is sculpting time. Timing is critical. If you don’t consider animation timing, you’re not designing animation.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin

#Sketch #DesignSystems #BestPractices #AnimaApp #Autolayout

Do you design digital products (or websites) and hand design files off to developers for implementation? If you answered yes, settle in! While the should-designers-code debate rages on, we're going to look at how adding a methodology to your design workflow can make you faster, more consistent, and loved by all









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


CSS Typography: Techniques and Best Practices

#CSS #Typography #BestPractices







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Facilitator’s Handbook: 23 Design Sprint Tips

#DesignSprints #BestPractices #ProductDesign

Here are some things I think about when I facilitate a design sprint. Lots of what goes into facilitation I can’t explain—like anything, you just do it, gain experience, and get better over time. But…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Most Efficient Way to Use Icons If You’re a Designer or Developer.

#Sketch #Icons #BestPractices #SVGs

Icon fonts like FontAwesome came out as a way to soften the agony of working with icons, but they still aren’t perfect. Designing with them is just…okay; you still have to go look up the glyph, copy…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


7 Techniques for Better, Faster Layer Management in Sketch

#Sketch #Tips #BestPractices

7 Techniques for Better, Faster Layer Management in Sketch. If cakes have layers, and designs have layers, does a cake design have double the layers?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Getting the pixels right in Sketch

#Sketch #Pixel #BestPractices

If you’re designing interfaces for digital platforms, pixels are your Lego. You build each part of the interface and have full control over where each pixel goes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gestalt Theory for UX Design: Principle of Proximity.

#UX #BestPractices #principles

Human brain is an amazing data processor whose broad capacity still hasn’t been explored at full. For designers dealing with user experience of any kind, knowledge of cognitive abilities and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


HackToStart Podcast: Jason Stoff, Principal Digital Product Designer

#podcast #interview #bestpractices #careeradvice

Jason Stoff is a Principal Digital Product Designer at Starbucks. Before joining the team at Starbucks, Jason had built a career as an Art Director and Senior Designer with various agencies. One day he shared a rebound of a Starbucks logo design on Dribbble, that eventually caught the eye of Starbucks. One year later, he had the chance to interview for a design role and moved his family across the country to join the team in Seattle. He and his team have helped to create international design standards, launch new Starbucks apps and experiences like the Apple Watch, iMessage gifting and more! Jason joins us to share his story, how he got into design, how he created the opportunity to join the team at Starbucks, what it was like transitioning from the agency to product world, what it’s like designing digital products at Starbucks, and much more. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Mastering the Power of Nothing – Springboard

#Design #BestPractices

Whitespace is one of the most valuable assets of interactive design. The whitespace on a page, even though often overlooked, can be every bit as important as the space occupied by UI elements. In…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


50 Things You [Probably] Forgot To Design – UX Power Tools – Medium

#UIDesign #Tips #BestPractices

Well, it’s not cool…but like…it’s okay. It happens. This list will make you better. Or at least more aware. Or maybe you just give it a couple claps because you recognize someone spent time curating…












Scan & Share
Feed