Pixels of the Week – February 16, 2018
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: A tale about naming, encoding and user experience in a globalized diverse world, scarcity psychological bias, onboarding, reverse captcha, inclusive design guidelines at Microsoft, designing for working memory, blog design, accessibility, CSS for dinosaurs, using CSS variables for parallax scrolling, fake briefs, HTML, CSS, JS compressor and OCR tools, Service Workers explained.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#Encoding #Inclusive Design
Here is the 1st of a serie of more personal articles I will write: “Hello, my name is Stéphanie, but some of you call me St�phanie, St?phanie, Stêphanie or Stéphanie.” A tale about naming, encoding and user experience in a globalized diverse world
Interesting article
#UX / UI
- “Scarcity in UX: The Psychological Bias That Became the Norm” great article, most of the sites now abuse scarcity, from “today only 10% discount” that comes back every days to http://Booking.com fake “only only room left!
- How a nightclub saved my onboarding design – interesting story on on-boarding using reciprocity, social proof and friction
- Designing for Working Memory, interesting article. I think it does not really matter if it’s 4 or 7 items a human can remember, the same principles of making the design easy to process still apply
- How focusing on the customer (not the competition) brought us +1 million signups. Tldnr: talk to your support people and try to understand your users, just because competition does something a certain way doesn’t mean it’ll work for you 🙂
#Design
- “How not to design a blog”, interesting tips. I would stay away from share button solutions with heavy JS/analytics like addthis, last time I checked it really slowed my site. I prefer using social network’s URL sharing (but no analytics)
- Inclusive Design Principles at Microsoft is great
#Front End
- Service Workers explained, the smart little heros behind push, offline and so much more
- Taking A Look At The State Of Progressive Images And User Perception — interesting but they measure user perception with different webpage test and other speed measurement tools algorithms, no user is really involved here :/
- Modern CSS Explained For Dinosaurs – a really cool article on the evolution of CSS
#Amazon
Someone Is Sending Amazon Sex Toys to Strangers. Amazon Has No Idea How to Stop It. Getting unsolicited packages from unknown strangers is creepy. Being unable to stop it only makes them creepier.
#SEO
How SEOs Can Benefit From Google Lighthouse – Website Performance Metrics
Inspiration, fun demos and Great ideas
#Bot
#Advert
This Nike advert is so perfect
Tutorials
#CSS
- Wow: “Using Conic Gradients and CSS Variables to Create a Doughnut Chart Output for a Range Input” by anatudor
- Using Media Queries For Responsive Design In 2018
Useful resources, tools and plugins that will make your life easy
#Front End
- Parallax scrolling with CSS variables – I’m not a big fan of parallax scrolling but I think it’s kind of cool to be able to use CSS variables for that 🙂
- Online web tools to get your work done faster: HTML, CSS, JS compressor, OCR and more: hreftools.com
#Accessibility
Hello, just your monthly reminder to tell you that web accessibility is important (and a legal requirement in some cases). Here is a site to help you get started, find articles and ressources, etc: a11yproject.com
