...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Food Truck Menu

You are #5 in line 

Place your order on this page or tell the person at the register.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ColorBox by Lyft Design

#Colors #Tools

Colorbox is a color tool to produce color sets.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Sketch Update We’ve All Been Waiting For

#Sketch #Productivity #DesignPatternLibraries

When nested symbols came out for the first time way back in Sketch version-whatever-it-was, it was kind of a big deal. At least I thought so: At the time, a couple designers were figuring out ways to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Auto-Layout “Export Specs”

#AnimaApp #Handoff #Collaboration #Productivity #Sketch

Auto-Layout is a feature in Anima Toolkit for Sketch. It allows designers to make a design responsive, by specifying constraints such as pinning, centering, sizing and even stacking. When we launched…









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


Test w photos slideshow








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Principle 4: Now available

#Principle #Releases #Prototyping #Tools

Finally here! 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


5 Sites you must be on to land more freelance gigs

#FWReviews







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


wiARframe: AR Prototyping

#AR #Prototyping #Tools

Prototype interactive AR experiences in minutes - without code. Then share them with the world.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototyping AI experiences with Chris Butler

#Prototyping #AI #UX

Prototyping AI experiences


Thank you for attending the presentation and AI workshop!

First, could you do me a favor?
I would love to get feedback on the tutorial. It only takes a minute and it helps me continue to improve: https://www.surveymonkey.com/r/GV9XJ9L

Slides:

References:


About Chris Butler

I help teams understand the real business problems they should solve with AI-centered solutions. The teams we work with are generally asked to “do something interesting” with the data they have. We help them avoid local maxima through happenstance correlations and focus on solving huge business problems. My background includes over 18 years of product and business development experience at companies like Microsoft, KAYAK, and Waze. At Philosophie, I have created techniques like Empathy Mapping for the Machine and Confusion Mapping to create cross-team alignment while building AI products. If you want to learn more or get in touch via email, LinkedIn, or visit http://philosophie.is/human-centered-ai.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


jQuery UI Touch Punch - Touch Event Support for jQuery UI

#JS #Libraries #JQuery #Productivity #Mobile

jQuery UI Touch Punch is a small hack that enables the use of touch events on mobile devices with the jQuery UI user interface library.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Video: Designer + Developer Workflow

#Collaboration #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Creating an animated SVG Neon light effect

#SVGs #Animations #Sketch

This tutorial walks you through the process of creating an animated neon light SVG, as seen on ruhrjs.de. Using Sketch, Texteditor and CSS keyframe animations.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic Tutorial: Dynamic search results

#Atomic #Prototyping #Advanced #Tutorial

Create a search input field that dynamically displays results based on a data source









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototyping Speech Recognition in Framer.js

#Prototyping #Voice #Framer

New APIs allow designers to prototype speech-based conversational UIs like Google Now, Apple’s Siri, and Amazon Alexa.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Better Web Typography for a Better Web

#Typography #Courses #UIDesign

Better Web Type is an easy-to-follow web typography course for web designers & web developers.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic Tutorial: Data driven Shopping cart

#Atomic #Prototyping #JS

Make a dynamic shopping cart prototype using components, data and JavaScript









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Abstract Inspect: Where the file is the design spec

#Abstract #Handoff #Sketch #Collaboration







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


7 Tips and Tricks for Sketch Pros

#Sketch #Productivity #Tips

We all know and love Sketch. Its ease of use, simple interface and features make it one of the most used design software. We'll look at 7 cool yet hidden features of Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Vue.js: Introduction

#Vue #JS

Vue.js - The Progressive JavaScript Framework









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Record a Video for your Interactions in Sketch

#Sketch #Plugins #AnimaApp #Animations

We’ve seen some amazing interactive components made using the Timeline plugin. During that period, we’ve reached out to designers that have been using Timeline and asked for their feedback. One of…












Scan & Share
Feed