...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


User Flow Diagram Template Sketch

#Sketch #UserFlows #UX #Free #Productivity

User Flow Diagram Template resource, for Sketch App. User Flow Diagram Template Sketch file freebie.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Micro nudge: a micro animation for behavioral change

#UX #UI #ProductDesign

A micro nudge is a well-timed small animation that prompts the user to do a “small” task that they may have otherwise forgotten or not have taken notice of. The sliding “comment” is the micro nudge…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


This Is Why We Can’€™t Have Nice Things or Can We?

#UX #ProductDesign #HCD

What human behavior can show us about using human-centered design in the service of better-applied data.









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


Felipe Plugin: Turn wireframes into UI

#Sketch #UI #UX #Productivity #Deals

Speed up your Sketch workflow by visually turning basic layers into symbols.









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


Everybody scrolls

#UX #UIDesign #BestProactices

Evolve your design too quickly and you’ll leave your users behind. Design too slowly and your users will do the same to you. It’s crucial to keep design practices aligned with the way users really interact with digital products and interfaces. To help, Huge’s UX and research teams are collaborating to test conventional and emerging design and usability standards.









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


Google Design: Designing the Future of Work

#UIDesign #UX #AI #ProductDesign

At Google Cloud my job is to reimagine enterprise — the tools we build and how we design them. Traditional enterprise products don’t reflect how people work — our pain points, our tasks across the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animista: CSS Animations Collection

#CSS #Animations #Productivity #HTML #UIDesign #UX #Prototyping

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.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Progressive Web Apps on iOS are here 🚀 by Maximiliano Firtman

#PWAs #MobileDev #iOS #Android #UX #Apps

With iOS 11.3, Apple has silently added support for the basic set of new technologies behind the idea of “Progressive Web Apps” (PWAs). It’s time to see how they work, what are their abilities and…









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


How to do an Unsolicited Redesign That People Care About

#CareerAdvice #UIDesign #UX #Portfolios

When an aspiring designer asks me how to build their portfolio, I always say to redesign something and write about it. Redesigns are often frowned upon because so many people do it wrong. But there’s…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Product Design Playbook – UX Collective

#UX #ProductDesign

At the time I’m writing this post, I’ve been a full-time product designer for ~3 years, though my overall professional career is closer to ~8 years. Every couple of months I would sit down and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX STRAT :: Europe Conference

#Conferences #Events #UX

UX STRAT conferences are curated for UX professionals who want to develop a more strategic approach to their product and service design programs.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Rails Gem: Easy drag & drop sorting for rails 4 and 5.

#Rails #UX #Gems

RailsSortable is a simple Rails gem that allows you to create a listing view with drag & drop sorting. The arranged order will be persisted in the table without any pain.













Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Five Techniques to Lazy Load Images for Website Performance

#UX #Performance #JS

Maria Antonietta Perna highlights the benefits of lazy loading images on websites and shows five approaches to implement lazy loading for your website.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How UX Hiring Managers Assess and Hire Candidates (Thu, Apr 5)

#Events #UX #NYC #Beginex

How UX Hiring Managers Assess and Hire Candidates with Lead UX from Idean
Thu, April 5, 6:30 PM – 9:00 PM

Are you looking to find a new UX role or break into the field? Do you know how hiring managers really look for, evaluate and select candidates and what is going on in their mind during the hiring process? It is quite important to understand that to be able to prepare and have an edge over many other candidates in a competitive job market. We invited a seasoned UX leader from Idean (a global design firm that works with the world's leading companies like IBM, Volkswagen and Samsung) to share those insights in a talk that will be followed by an interactive fireside chat.
Details and registration 👇









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


🍻 16 Free Pure HTML5 And CSS3 SVG Loaders

#CSS #SVG #UX #UI #Free

Great work from a designer in the Dribbble community; your best resource to discover and connect with designers worldwide.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


LG Electronics + eCommerce Mobile Site

#LG #RWD #UX #UI #Mobile #eCommerce







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


LG Electronics + Studio Series Renderings

#LG #RWD #UX #UI







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Visa Signature Benefits: Responsive Website

#VISA #RWD #UX #UI #Web







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Example of UX Iterative Process

#Portfolio #Process #UX










Scan & Share
Feed