...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


AR Business Card

#AR #Unity3D







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Moment: The Easiest Way to Prototype in VR/AR - YouTube

#Prototyping #Tools #AR #VR

Moment: The Easiest Way to Prototype in VR/AR Follow Moment on: twitter.com/momentxr facebook.com/momentxr instagram.com/moment_xr www.momentxr.com Music: ht...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchToPortfolio: Update your Portfolio directly from Sketch

#Sketch #Plugins #Productivity #Portfolios

Drag Sketch Artboards to your Free&Willing public feed or to a private collection of yours (portfolio, photogallery, moodboard...). Works with PNGs and JPGs as well.

Installation

Download, unzip and double click SketchToPortfolio.sketchplugin

Usage:

1) Launch the plugin: Plugins > SketchToPortfolio > Upload To Free&Willing
2) Log into your Free&Willing account (create a profile)
3) Drag Artboards from your Sketch file into the drop area. You can drag PNGs and JPGs from your desktop too.

Tips:

  • If you organize your images into a collection you have more control on the privacy as the images won't appear in your public feed but will be visible when sharing the collection's URL.
  • You can change the visibility of each image after upload too if you want
  • Adding tags to the artboard (or filename) will add tags to your post. For example the Artboard called "Mobile Home Screen #mobile #app #UIDesign" (same thing for PNGs or JPGs "Mobile Home Screen #mobile #app #UIDesign.png")

Feedback

Please tweet at @fbmore or shoot me an email at Francesco@FreeAndWilling.com









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Frames: Show off your work

#Sketch #Figma #Mockups

Like many designers, we’ve long used high-fidelity device mockups in an effort to bring early ideas and designs to life. We’ve tried all the best ones. But they all fall short for similar reasons —…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


HP Split + Let's build a laptop program 02

#Portfolio #AR #UX #UI







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


HP Split + Let's build a laptop program homepage 01

#Portfolio #AR #UX #UI







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


HP + Envy 02

#Portfolio #AR #UX #UI







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


HP + Envy 01

#Portfolio #AR #UX #UI







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Just A Line Google Creative Lab

#AR #Apps #Google

Just A LineGoogle Creative Lab have released an Augmented Reality doodle app that will work with all modern Android phones, and allows you to create a video of your work: “ Make simple drawings in AR,...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UI Faces: Avatars for design mockups

#UIDesign #Images #Productivity #Free #Sketch #Plugins

Aggregator that indexes various free avatar sources that you can use in your design mockups by copy—paste, API and Sketch plugin.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma prototyping: now with transitions

#Figma #Prototyping

Design involves far more than just the designer these days. Engineers, marketers, project managers, and other stakeholders collaborate until the best product emerges. To do this efficiently, teams…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse: Tab bar navigation examples

#FuseTools

This example shows how to implement tab bar navigation using PageControl, PageIndicator and GridLayout.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Facebook will now let you hang out with your interest group in VR

#VR #Collaboration #Facebook

While Facebook is eager to get more people using its social virtual reality initiative Spaces, it has until now limited the people users could connect with to their friends or family members on Facebook. But even as Facebook has been making moves recently to make the experience of its core service more familiar to users–by doing … Continue reading “Facebook will now let you hang out with your interest group in VR”









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Workflow: 8 point Soft Grids

#Grids #UIDesign #Workflows #Articles

I wanted to share my Sketch workflow designing on an 8 point soft grid. If you are not familiar with this concept please read Bryn Jackson’s great article on 8pt Grids first. I have a fairly unique…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Dynamic Charts for Sketch

#Sketch #Graphs #Plugins

Create the most popular types of charts by real or random data









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma: A Fluid and Modular Design Approach to Typography with Components

#Figma #Typography #Components #AtomicDesign

One of the main concern for designers during the making of an adaptive or responsive UI is text management. The vast majority of the components built on a system are made using text elements. The…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


You’re not the user: 5 things I learned from using Hotjar for a year

#UX #ProductDesign #Hotjar

Hotjar is an all-in-one Analytics and Feedback tool that makes it easy to truly understand your web and mobile site visitors. As the UX designer in an online travel agency, I relied majorly on Hotjar…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Uxtools.co: Compare Prototyping Tools

#UX #tools #Prototyping

Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Midnight: Dark Theme Sketch Plugin (now 50% off!)

#Sketch #Plugins #Productivity #Deals

Midnight adds a dark theme to Sketch! I had a chance to try it and ❤️ it.

Bonus features include layer tags (yay to organization!) indent guides, custom selection color, custom canvas darkness, and more. If you are using Sketch before going to bed you might even switch to Night Owl mode.

**Midnight 1.2 now Includes a bonus ultra-light theme called Lark + all new Bright icon-set + advanced features like the ‘Collapse All Groups’ button and high contrast Vector Handles + many performance improvements and bug fixes.

👉 *Special 50% off offer ends soon! Scroll down to get it!

Layer Tags: Apply colored tags to Layers, Artboards and Pages.




Indent Guides: Easily identify how Groups and Layers are nested.



Custom Toolbar Icons: Choose to display icons from a theme, or keep the original icons.


Works with Runner: Automatically match Sketch Runner’s dark mode with Midnight.

Customize Canvas Darkness Darken the canvas to perfectly complement your design.

Change Selection Color: Choose any color you like, or use the default color from the theme.












Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Two Methods To Create Your Letterforms

#Crayligraphy #Calligraphy #Typography

Fluid vs. Fragmented. Continuous vs. Broken. Two different strokes achieving similar results. Is this terminology contrived to help you better understand these methods? Absolutely. I'll even admit to making these words work in conjunction with Crayligraphy because I wanted something original for you to reference—much like Crayligraphy itself.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Arduino Prototyping with ProtoPie

#Protopie #Prototyping #Hacks #Arduino

The products Apple unveiled during WWDC 2017 showed that software interactions are organically taking place with hardware interactions, and in some cases, there is no clear boundary between the two…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fontstand: try fonts for free or rent them

#Fonts #Store

Fontstand allows trying fonts for free or renting them by the month for desktop use for just a fraction of the regular price.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Building an AR app with ARKit and Scenekit - Pusher Blog

#AR #ARKit #3D #iOS

In this tutorial, learn how you can create an AR app with 3D content using ARKit and Scenekit.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Protowire: Prototyping in Sketch (30% off!)

#Sketch #Prototyping #Tools #Plugin #Deals

No coding or exporting to other applications:
Watch the Video

Rather than something you do at the end, Protowire aims to integrate interaction and animation into the design process without having to change your designs to suit the software.

  • Integrated into Sketch
    No need to export to a separate prototyping application - review the prototype instantly in Sketch or on a device.

  • UI Animations
    Just by moving layers around you can have overlays appear and disappear.

  • Screen Transitions
    Quickly create the flow of your app by linking up artboards from layers or hotspots.

  • Responsive Design
    Use Sketch’s resizing constraints and responsive artboard groups to make prototypes that work on any screen size.

To celebrate the launch there is 30% off the pro version by using coupon code 9146C9AF. 

Offer expires on Monday 26th February at 4pm Pacific Time.












Scan & Share
Feed