Pixels of the Week – November 24, 2017
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: mobile and the future, UX tools and methods, mental model, responsive process, handling the iPhone Notch in CSS, accessibility and UI, consistency and accessibility, the hidden costs of design complexity, issues with hiring full stack developers, SVG patterns and some designer tools
You can follow me on twitter to get a dose of links every days.
I wrote something
Solving design problems: Finding UX tools, methods & activities – my list of seven ressources I use in my daily job to find the right UX methods and tools
TL;DNR the one you should not miss
#Mobile
Mobile in The Future, a really interesting conference by Luke Wroblewski where he takes a look at famous mobile interface evolution to then try to understand what is and will be happening in the future of interfaces
Interesting article
#Design #Process
- 2016 but still relevant: Efficient Responsive Design Process
- How To Know Which Ideas Suck? Understanding the problem and adding some constraints instead of just sticking to inspiration or the first idea.
- The hidden cost of design complexity, a really interesting read on product design
#UX #UI
- Stop Designing F**king Sh!t Experiences! Please.
- Mental Models, a 51min podcast with Indi Young
- F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile)
- 6 tactics to reduce friction in the shopping journey
#CSS #Front-End
- CSS Environment variables; how to deal with the software bezel of iPhone X (at least the notch made me discover the env() in CSS ^^)
- A lot of issues with organizations only hiring “full-stack developers” by Brad Frost
- “How we adapted the Booking.com mobile site for the iPhone X notch.” using viewport-fit=cover and some Apple pre-defined CSS variables
- The Ultimate Guide to Bulletproof Buttons in Email Design by Litmus
#Accessibility #Inclusive Design
- Advocating for Accessible UI Design, a list of quick things to check
- Consistently inconsistent: when the most accessible experience is different for each user — great read on external consistency and not really reinventing the wheel whenever clients ask you to (yup custom drop-downs ^^)
- You can’t handle inclusive design with just a checklist, but this is a nice start
Webdesign news
#DevTools
Go beyond console.log with the Firefox Debugger
Useful resources, tools and plugins that will make your life easy
#Web Design
PinTab is a collection of the best free resources to help creatives with their next project!
#SVG
Simple Patterns for Separation (Better Than Color Alone), some SVG patterns you can use in CSS. Really useful for graphs and charts for instance
