...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: UX Research Best Practices with UX Manager from Kaplan

UX Research Best Practices with UX Manager from Kaplan @ Starta Accelerator
Thursday, September 28, 2017, 6:30 to 9:00 PM
User research is what can often determine whether a product is able to gain and retain users and get any traction. Want to learn more about user research best practices from an expert with years of UX experience at companies like IBM, Shutterstock and Kaplan? Join this event we are running in collaboration with Starta Accelerator. 

Details and registration 👇









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: Fuse, A New Approach to Designing and Developing Native Mobile Apps

#Events #UX #Mobile #Fuse

We're co-hosting this Meetup with other four groups this time. We're having a Fuse engineer coming from Oslo to speak, so I really hope to see you there!

Come and discover a new approach that integrates design, prototyping and development. Fuse unifies development with design through rapid, real-time workflow, visual tools and simplified code, resulting in real native apps for both iOS and Android (from the same codebase) - all the way from prototype to the app store.

In this presentation, we'll show some examples of what can be achieved with Fuse, and briefly examine the make up of a finished app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


MailChimp: UX Patterns

#DesignSystems #Productivity #patterns #UX

The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, & intuitive app.

Over the course of two full redesigns and our recent navigation refresh, we've worked to distill most of the MailChimp interface into a set of atomic pieces, forming the pattern library you see here. By documenting and assembling a reference site of our patterns, we were able to speed up our process and solve some internal communication problems. A common lexicon of code and UI elements benefits us in a few ways:

  • We can build consistently, focusing our energy on workflows and logic, not web forms and list items.
  • We can reuse code instead of reinventing the wheel or roping in an engineer.
  • We can see all of our patterns in one place, quickly revealing maintenance issues.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


6 Animation Guidelines for UX Design

#animation #motion #interactiondesign #UX

Animation can be used to tweak the user’s perception of time, so use this in your favour. For the human brain, anything below 0.1 seconds will seem instantaneous and below 1 second will seem seamless. So, if you have a process that takes 6 seconds for instance, you can break it down in a few separate animations. This trick should make the process feel a lot faster and keep your user engaged.

You can also use animation to fake an instant action that will actually take bit longer in the background. This will make the app feel more responsive even though the process still takes longer than what the user sees.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Lookback: Simple and powerful user research

#UX #Research #Video

User experience recording made simple. See the screen, face, voice and touches of your users. Record in-house or remotely and without equipment.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


52 Research Terms you need to know as a UX Designer

#UX #Research

Having written the article 53 Tech Terms You Need to Know as a UX Designer it made sense to add research terms into the mix. I’ve put together an A-Z list of research words with explanations in plain…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How Google Designers Adapt Material – Google Design

#DesignSystems #Material #UIDesign #Google

Material Design provides a set of tools and guidance to help you make informed decisions about the different UX design directions you could take when creating an app. But what happens when the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Psychology Principles Every UI/UX Designer Needs to Know - Marvel Blog

#UX #BestPractice #Psychology







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Readability: the Optimal Line Length - Articles - Baymard Institute

#UX #Usability #Typograpghy

In order to avoid the drawbacks of too long and too short lines, but still energize your readers and keep them engaged, we suggest keeping your text within the range of 50-75 characters per line.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Democratizing UX

#UX #Research #Collaboration

WeWork transforms buildings into beautiful, collaborative workspaces. Get the space, community, and services you need to make a life, not just a living.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


MeasuringUMeasuringU – Customer Experience, Usability & Statistics

#UX #Usability







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Better Way to Make Buttons in Sketch – UX Power Tools – Medium

#Sketch #UIDesign #Productivity

Sketch symbols are great because they provide one central place to manage components. Buttons are some of the easiest components to create, but like text fields, they have a lot of different states…









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…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch2AE: Plugin for Sketch and After Effects

#Sketch #AFX #Animation #Motion #Productivity

Live After Effects layers straight from Sketch artboards

Sketch layers may now be imported into After Effects without redrawing everything in Illustrator. Avoid the startling realization that you have to repeat the whole import process simply because you forgot to split one element out onto its own layer or that type has to be converted into live text as an additional process per layer.

Quickly export selected layers or a whole artboard from Sketch with type metrics, transform data, images, symbol hierarchy, and grouping intact. It's little bit better than the native Illustrator => AE import. Hooray.

Built by Adam Plouff for the SUMux Motion Design Team at Google.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Michael Margolis, UX Research Partner at GV | Listen via Stitcher

#GV #uxresearch #researchsprints

As perhaps the only UX researcher on staff at a VC fund, Michael Margolis is parachuting into startups year-round to help them better understand their users. In this chat with Intercom Director of Research Sian Townsend, Michael walks us through his "start at the end" research framework, the ways in which he quickly develops rapport with new product teams, how to conduct research faster, and much more. Listen to over 65,000+ radio shows, podcasts and live radio stations for free on your iPhone, iPad, Android and PC. Discover the best of news, entertainment, comedy, sports and talk radio on demand with Stitcher Radio.












Scan & Share
Feed