Pixels of the Week – May 19, 2019
Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, Front-End development, HTML, CSS and more…
This week’s selection is a little bit special because I spent 3 day at Google I/O last week. I decided to add an extra section with all the interesting links and ressources I discovered including links on ethical design in a world of future technologies, some really cool Art, Culture, AR and Machine Learning experiments, new web platform and Chrome new integrations, designing for AR and Artificial Intelligence, Android new features and more. On top of that, there’s the usual links selection including inclusive design for transgender people, mastodon crumbling, accessible React components, the MacDonaldization of UX, podcasts, SVG & CSS animations, nice mac wallpapers, smart notebooks, icons, comics, etc.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
Trans-inclusive Design, a great article on how to make you products more inclusive for transgender people.
Google I/O 2019 specials
Ethics & Design
Baratunde gave a wrap up talk at the end of the I/O “An Unconventional Look at the Future of Technology with Baratunde Thurston“. You can find the slides here. He shared a few interesting ressources:
- ethicalos.org, a framework to help you anticipate future impact of technology and take ethical decisions
- A New Tech Manifesto – Six demands, from a citizen to Big Tech
- projectinclude.org, a non-profit that uses data and advocacy to accelerate diversity and inclusion solutions in the tech industry.
- ainowinstitute.org A research institute examining the social implications of artificial intelligence
- Data & Society, a research institute focused on the social and cultural issues arising from data-centric technological development.
- Lynching in America, a site that “features painful stories of America’s history of racial injustice. In order to heal the deep wounds of our present, we must face the truth of our past.”
Accessible to all, some guidelines to help developers build more accessible websites
The Web Perception Toolkit is an open-source library that provides the tools for you to add visual search to your website. The toolkit works by taking a stream from the device camera, and passing it through a set of detectors
Proxx is a PWA (Progressive Web App) mine sweeper inspired game that works even on feature phones and with screen readers and it’s awesome. This is going to replace the 2048 game on my phone for a while hehe. If you want to learn more about how it was build you should watch Build Fast and Smooth Web Apps from Feature Phone to Desktop (Google I/O ’19)
- Squoosh.app is a PWA that helps you reduce the size of your images for performance purpose
- Travis CI implements a few optimizations which help to speed up your build, like in memory filesystem for DB’s files, etc.
Hands-on with Portals: seamless navigations on the Web, for better or worse (see “Short note on the portal element“)
- NASA, a story telling of space exploration
- Living Archive, a collaboration between Google Arts and Culture Lab and Studio Wayne McGregor to generate dance movements inspired by 25 years of dancing archives
- An AR project: Big Bang AR, The story of our universe in mixed reality, in collaboration with CERN
- Weird Cuts, an experiment where you create AR art around you using collages and assemblages (available on iOS)
- Infinite Patterns, a combination of art a patterns generates by the computer vision program “DeepDream” that generates infinite patterns based on pictures.
ARCore is a platform to help build new augmented reality experiences that seamlessly blend the digital and physical worlds. I had some fun with 2 experiments, you can check the pictures on instagram.
# Design for AR
There was 2 really interesting talks with a lot of information on designing for AR this year, you should check the video if you have a moment (I might write a summary when I get time but don’t expect it soon):
- Designing AR Applications (Google I/O’19)
- AR as a Feature: How to Supercharge Products Using Augmented Reality
Machine Learning and Artificial Intelligence
#AI #UX #Ebook
What does it mean to create human-centered AI products? Learn how to build human-centered AI products from the People + AI Guidebook. Plus you should totally watch the session “Designing Human-Centered AI Products”
#Tools #diversity #Dataset
Facets contains two robust visualizations to aid in understanding and analyzing machine learning datasets to make sure your dataset is robust and diverse.
#Tools #Dataset #Exploration
What If… you could inspect a machine learning model, with minimal coding required? Look for answers using the What-if Tool, an interactive visual interface designed to probe your models better
#Art #Music #ML
Make Music and Art using machine learning with the Magenta project.
#AI #Voice Recognition
How AI can improve products for people with impaired speech, a really interesting project
Did you know there’s an app to help you check the accessiblity of your Android apps? It’s called Accessiblity Scanner and it’s quite helpful
Google presented a few things that have a nice potential for accessibility:
- Live Transcribe performs real-time transcription of speech to text on your screen, so you can participate in conversations going on in the world around you.
- Live Relay uses on-device speech recognition and text-to-speech conversion to allow the phone to listen and speak on the users’ behalf while they type.
There’s also a feature of live caption coming to Android that will be able to caption videos on user’s phone in real time 🙂
All the other links
re:Work is a collection of practices, research, and ideas from Google and others to help you put people first.
Why every cyclist needs a pool noodle, I bike a lot again and yes, it’s quite dangerous sometimes, passing cars don’t give a damn about you, so this is a pretty nice idea.
Mastodon is crumbling—and many blame its creator – an interesting read around Benevolent Dictator For Life, contributions, attribution, and issues in open source projects, etc.
The MacDonaldization of UX, a great and depressing read for a rainy Friday afternoon that raises many questions about standardization or even the industrialization of design
Inspiration, fun demos and Great ideas
This cute video of Rays swimming that look like post-its made my weekend
Designer First World Problems, a collection of random comics about design, introversion, and sandwiches.
Design Critique Coach – If you want to look smart in your next meeting with a designer but have no idea how to do that, here are some questions to help you (please don’t)
“A Designer’s Guide to Animating Icons with CSS“, a really cool little guide to help you understand how to animation SVG stroke-dashoffset using CSS
Useful tools and plugins that will make your life easy
Reakit: build accessible rich web apps with React.
Every 20 minutes (or every hour, you pick), Downlink updates your Mac desktop background with the newest images of Earth
Juiz Lang Attribute, adds some lang attribute buttons to your WordPress editor for accessibility and SEO purpose.
Exactly what I needed, a repository with a lot of podcasts
Streamlineicons now has a really cool online app to. help you find all you favorite icons, awesome job