Pixels of the Week – August 11, 2017

Pixels of the Week – August 11, 2017

This content is 7 years old. Remember that the following content might be outdated.

Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools  and useful resources, inspiration on twitter and other social networks.

This week’s selection: micro-management and burn out. accessibility guidelines, personas vs job to be done, Gestalt Theory, above the fold myth, UI and UX patterns, performance tools compared, AI design, typography, Progressive Web Apps, UX Heuristics Analysis, FOUT in CSS, Service Workers, Empathy Map Canvas and maintaining symbols in Sketch

You can follow me on twitter to get a dose of links every days.

This week I published something

Mobile UX: Tiny Screens, Big Adventures” I gave a nice interview on Mobile UX, my journey and my process and one big project failure that taught me a lot 🙂

TL;DNR the one you should not miss

#Management

Mandatory read for startups, companies and managers ?? What I’ve Learned About Not Micro Managing People

Interesting article

#Accessibility

10 guidelines to improve your web accessibility

#UX

Personas vs. Jobs-to-Be-Done, two complementary methods

#UX #Usability
Finally an article on Gestalt Theory with actual UI examples instead of the panda/triangle logo, yes!!

#UX #Myths

Cute: Above the fold is a myth.

#UI #Pattern

Don’t mistake common UI patterns for best practices, on building a nice browsing experience for users

#Performance

Really interesting comparison: The Difference Between GTmetrix, PageSpeed Insights, Pingdom Tools and WebPagetest

#UX

“As a user” needs to stop, on how to write proper better User Stories

#UX #Travel
Travel sites from a UX perspective, a lot of mistakes indeed :/ (and don’t get me started on flight booking sites ?)

#UX #Heuritics

Heuristic Analysis UX in the design process

#AI

Why we desperately need women to design AI

#Pattern #AtomicDesign

Pattern Variation: an effective design system provides components that are robust, resilient, flexible, and adaptable. Let’s talk about some of the ways in which patterns can be designed for flexibility.

#Typography

The Ripple Effect: How Our Smallest Design Choices Can Make A Big Impact (on roadsigns design and typography)

#PWA

What Progressive Web App features will Apple support? Some predictions, we’ll see if they become true or not 🙂

#HTML

Replaced Elements in HTML: Myths and Realities

Inspiration and Great ideas

#Design

Ten Years Ago, a little time machine 🙂

#Illustration

Follow the #VisibleWomen hashtag in twitter to discover amazing illustrators and artists

Tutorials

#Fonts #FOUT

If you really dislike FOUT, `font-display: optional` might be your jam

#Service Worker

Understanding Service Workers (more dev oriented article with code examples)

Useful resources, tools and plugins that will make your life easy

#PWA

7 Tools for Developing Your First Progressive Web App

#Empathy map

Updated Empathy Map Canvas

#Sketch #Plugin

Terasi helps you maintain all of your symbols in a single external Sketch file, so you can reuse it at anytime in any projects

Merge duplicate symbols in Sketch – I needed that yesterday haha