...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Inside IKEA’s Digital Transformation

#Ikea #Design

“The question then became; how do we express these in the digital environment? And this led to the notion of human-centric technology. How to embed ethical behavior, respect diversity, how to treat people fairly — without bias — through technology. This means that we are focusing more on what we should do with data, rather than what we could do with data.”









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Everyday Experiments

#Ikea #AR

How will tomorrow’s technologies redefine the way we live at home? 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A System Built on Parity - Tap to Dismiss - Medium

#UIDesign

My dad bought my first smart phone, an HTC Droid Eris, in 2009. We went to Best Buy and instead of looking up anything technically significant about the phones, I picked the Eris because it had a…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Most desired skills for UX/UI Designers

#JobHunting #UX #UIDesign #Sketch

See the data-driven rating of tech skills for designers, made by CV Compiler. What technical skills do you need to get a designer job in 2019?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Google Augmented Reality Design Guidelines

#Google #Android #AR #Guidelines

Augmented reality (AR) lets you add virtual content to the real world. You can use AR to create experiences that enhance the way people see and interact with the world.

ARCore is a platform for building AR apps. It harnesses the power of Android phones using these key technologies:

  • motion tracking
  • environmental understanding
  • light estimation
ARCore collects that information and uses it to integrate virtual content with the real world.



ARCore works in 2 ways:

It tracks the position of your phone in the real world, and it builds an understanding of your surroundings by identifying walls and floors in the environment.

This spec was created using internal research and analysis of AR experiences in education, shopping, creativity, and gaming. You can use this spec to design practical, innovative, and magical mobile AR experiences.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


John Maeda: If You Want to Survive in Design, You Better Learn to Code | WIRED

Tech veteran John Maeda released his annual Design In Technology report this week.









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


Camilo: our tool and technique for one-click brand change in Sketch 52

#Sketch #Productivity #DesignPatternLibraries #UIKits #UIDesign

A white label global product, with multi-brand support, is a challenge to design. The design process have to consider the problematic of one-size-fits-all for every asset, from typography and…









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


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


Sketch2React Plugin: How it works

#Sketch #React #Bootstrap #Plugins

💎 What better way to show how Sketch2React works than using the awesome GIF technology? Are you ready to give your .sketchfiles super powers? 🧠 Btw these are heavily compressed for faster loading…









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 SVG Line Animation Works

#SVGs #Animations #CSS

I bet all of you have seen that little trick where an SVG path is animated to look like it's drawing itself. It's super cool. Jake Archibald pioneered the technique and has a super good interactive blog post on how it works. Brian Suda wrote about it on 24 Ways. Polygon used it to great effect on a custom designed









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


How Elon Musk Beat Russia’s Space Program – Bloomberg View – Medium

#Space #Ventures #ElonMusk

Nowhere did Tuesday’s launch of SpaceX’s Falcon Heavy rocket echo as powerfully as in Russia. The private U.S. company continues to produce technical feats on which…









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

Hello 2018!

#Sketch #Prototyping #Workshop #NYC

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

Here are some of the things you should check out in case you missed them. A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members, and easier handoffs and if you work with React, lots of exciting things there too.

The last 6 months of 2017 I was pretty busy with a job out of town so I could not organize as many events but I am planning to start the year strong and we'll have events in NYC around:
– "Why it's good to prototype early and often" an event on the (crowded) prototyping space and. Good if you are new to the group/space. This an updated presentation I based on
Timeline by Anima App (just released!)
Fuse Tool's improved UI
Framer Studio
InVision Studio
Figma 2.0

Other big announcement was AdobeXD for Windows

Tons of products now have "Studio" in their name as they all rush to become the all-in-one tool to designers. 🚀

Sketch Workshops in January:
Basic if you are starting now
Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email
and let me know! 😀

Ciao,
Francesco 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Sketch Workshops in NYC

#Sketch #Workshop #NYC #Advanced

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members (❤️ Abstract!), and easier handoffs and if you work with React, lots of exciting things there too.

I'll be running a few Sketch Workshops in January:
Basic if you are starting now
Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email
and let me know! 😀

Ciao,
Francesco 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Stitch Fix Accelerates Design Sprints by Collaborating in Figma

#DesignSprint #Collaboration #Prototyping #Figma

Personal style service Stitch Fix made waves in November as the first tech IPO led by a woman in 2017. Since then, its market cap has nearly doubled. The company won the hearts of consumers with an…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Top 10 QR codes supported by iOS 11

#UX #Tech #QRCode

QR codes aren’t limited to being scanned with the camera (although it's their primary use). If you come across a QR code on iOS 11 and press-and-hold to save the image, iOS will detect the code’s contents and offer to act on it similar to the native camera app.

QR code adoption over the past few years may have been lackluster but Apple’s native support of it in iOS 11 could give it a bump into the mainstream. Although QR codes have some advantages in the real world, applying them creatively and appropriately will be the challenge.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Swappable & Tintable Icons Using Nested Symbols (Free Sketch file)

#Sketch #template #tips

It would be great to be able to "make an icon a symbol and then switch the icon with an override symbol" using symbols as “masks”…at the moment, it’s not possible. There’s a workaround to do something like that is to combine this technique with the one I wrote about for overriding text color in Sketch.

Check the file below!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Frames: Web Design System for Sketch (Special 10% 0ff)

#Sketch #DesignSystems #UIKits #Deals

Carefully crafted components and best Sketch techniques combined into a powerful web design system.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to use SVG as a Placeholder, and Other Image Loading Techniques

#SVG #Performance #ImageOptimization

I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is placeholders: what to show when the image hasn’t loaded…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX for Lean Startups: Faster, Smarter User Experience Research and Design by Laura Klein

#UX #Research #Books

Great user experiences (UX) are essential for products today, but designing one can be a lengthy and expensive process. With this practical, hands-on book, you’ll learn how to do it faster and smarter using Lean UX techniques. UX expert Laura Klein shows you what it takes to gather valuable input from customers, build something they’ll truly love, and reduce the time it takes to get your product to market.












Scan & Share
Feed