Pixels of the Week – August 26, 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: carousels on mobile devices, redesigns and UX, combining fonts, illustrations for small screens, usability testing tips, supporting speakers, e-commerce UX, UX and mobile forms, SVG filters, CSS scroll snapping and some useful designer ressources and icon transition tools
You can follow me on twitter to get a dose of links every days.
I wrote something this week
#UX #Mobile
UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 1), the first part of a super detailed article on user experience for mobile forms
TL;DNR the one you should not miss
#UX
UX Guidelines for Ecommerce Homepages, Category Pages, and Product Listing Pages, some tips and best practise
Interesting article
#UX
- “How to Design for the Modern Web” Great read, I like that we ask for cookies before the European ban, smart. Could we add some advice on “asking users not to leave in a nice modal when their mouse moves to edges of browser viewport” ? ?
- Why redesigns don’t make users happy, great read on change, redesigning with a purpose and research, preparing user for change and small changes
- Your Ultimate Guide To Successful Usability Testing –
Great long read on when and how to prepare usability tests
#Front-End
- Time-saving CSS techniques to create responsive images
- Practical CSS Scroll Snapping
- SVG Filters: The CrashCourse, talk video slides and ressources
#Reading
A great analysis of the content we write and consume as designers, the poor quality of many articles those days, the self promotion, lack of depth and the Don’t Make Me think attitude
#Mobile
Carousels on Mobile devices: Carousels on touch screens are plagued by low discoverability and sequential access, and not all designs implement swipe as a carousel control. via
#Typography
A Guide to Combining Fonts, nice long read to help you get started and avoid rookie mistakes
#Illustrations
Designing Illustrations for Small Screens – nice tips here
#Portfolio
Things I (honestly) don’t want to see in your portfolio. BURN ? THE ?SKILL CHARTS ?
#Conferences
Supporting Speakers. As a speaker who spoke to both badly and super organized conferences, encourage you to read this (and please do it) if you run a conference. Super precious advice on how to support speakers and make the conference go smoothly.
Inspiration, fun demos and Great ideas
#Fun #Code
Reuleaux Polygons, this is supercool and reminds me of spirograph
Useful tools and plugins that will make your life easy
#Icons
Icon Transition Generator, could be useful ^^
#Design
Design notes, some ressources for product designers
