Pixels of the Week – February 2, 2018
Every week I post a lot 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: user behavior, UX tools and methods, CSS variable fonts, typography, empathy mapping, Sketch image tricks, phone number accessibility, mobile navigation, forms and password managers and so much more.
You can follow me on twitter to get a dose of links every days.
I published an article this week
#UX Solving design problems: finding UX tools, methods, and activities
TL;DNR the one you should not miss
#Design #User Experience
“Make me think!” by @ralphammer a great article on complexity with such amazing cute little illustrations
Interesting article
#UX / #UI
- Want to Design User Behavior? Pass the ‘Regret Test’ First
- Empathy Mapping: The First Step in Design Thinking
- The Checkout Debate: Multi-Step, One Step or Accordion
#Mobile #PWA
- Glossier’s Mobile Navigation – tabs + big menu with images as alternatives for burger menus.
I really like the idea, also I wonder for more complex sites with more levels of navigation. This emphasis the need decluttering your site at some point? - PWAs are coming to iOS 11.3: Cupertino, we have a problem. << Really great on what you need to be careful with when it comes to PWAs
#Typography
Why there isn’t a font behind every letter you see, a really nice article for typography and letter lovers
#Accessibility
“Phone number links and accessibility” Not a big fan of swapping based on screen size but I’m not sure there’s a better solution. Any idea? An API to detect “phone call” capabilities would be great I guess?
#Forms
If you build a site with a login form, please read this 🙂 It’s frustrating to have the site in password manager but to need to search for each field because the form was not built properly “Making password managers play ball with your login form”
Tutorials
#Sketch
“4 Tricks for Fast Image Fills in Sketch” I also really likfe Craft for that, you can set folder with images and ask the plugin to randomly pick and place images from this folder. Really useful when you have a lot of profile pictures to update for example
#CSS-fonts
How to use variable fonts in the real world. Also, Ampersand conference is back, who’s coming?
#Slides
“Time to design presentations right in sketch and convert it to a .ppt” Interesting tool if want pixel perfect presentations I guess, but, hum, I love Sketch but doesn’t this look kind of “if you have a hammer every problem is a nail”?
Useful resources, tools and plugins that will make your life easy
#Drag and Drop
