Pixels of the Week – December 8, 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: HTML5 form cheatsheet, jobs to be done UX method, Instagram filters concept, 2018 UX predictions, artificial intelligence and accessibility, zigzag patterns layout, overcoming user research fatigue, tips for search engines, redundancy in design, some links accessibility tips, CSS border animation, importing web page to Sketch.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#HTML5
A cool little HTML5 forms elements cheatsheet table with the render directly in your browser so you can compare 🙂
Interesting article
#UX
- Jobs-to-Be-Done in Your UX Toolbox – really long and amazingly well documented article on the jobs to be done method, how to use it, when, how it plays with other methods, etc. Now I’ve 2 more books to read ^^
- Instagram Concept: Hashtag Filters, an impressive case study with users research, testing, low and high fidelity prototypes made by a really promising student 🙂
- I see a lot of “content will become king again” as UX predictions for 2018, would be nice, really, I hope we manage to do that and get ride of lorem ipsum. I’m also looking forward to the UX / service design merge, consistency is key 🙂
- Zigzag Image–Text Layouts Make Scanning Less Efficient
- Some useful tips to enhance your site search engine. Also would recommend using HTML5 input type = search which enhances user experience especially on mobile
- “Overcoming That Dreaded Malady: User Research Fatigue” hehe perfect read since tomorrow will be an intense user testing day. ?
- Designed Redundancies: UX Patterns To Unblock Frustration…And Save Lives
- “Customer Journey Maps – How to Build One.” A nice and detailed article to help you build journey maps.
#Accessibility
Five Ways in Which Artificial Intelligence Changes the Face of Web Accessibility, haan the return of the babel fish ?
#Design
It doesn’t matter how good your work is if you don’t know how to present and sell it to people. Here are 7 tips to present your work like a boss.
#Conference
Why I Don’t Pay to Speak – speaker, conf organizer, read this.
Except for 3.17 I heard/ read all of the section 3 excuses, and I agree with the counter argument and the social and ethic responsibility when it comes to diversity.
#Typography
10 Rules of Using Fonts in Virtual Reality
#Remote
Why Startups Are Going Remote In 2017. Interesting arguments for sales and devs but I wonder if remote is possible for UX and UI design, my process involved a lot of ideation, paper sketching, post it’s, etc.
#PWA
A Pinterest Progressive Web App Performance Case Study
Conference
#Typography
Monica Dinculescu on Fontastic Web Performance at SmashingConf Barcelona 2017. This talk was amazing and I’m not saying that because of all the emojis ?
Inspiration, fun demos and Great ideas
#Design
cheshirecat.inthehiddencity.com This site for a treasure hunt in London is beautiful (and the hunts looks really fun) <3
#CSS
Hahah happy Christmas – Bauble Toggle is really fun
Tutorials
#Accessibility
Accessible Links Re:visited, a LOT of really interesting info on link styling. Did you know you could use text-decoration-style and text-decoration-color to specify an underline color that would be different from your text color?
#CSS
Animating Border using different interesting technics with more or less smooth and performance results
Useful resources, tools and plugins that will make your life easy
#Sketch
Really nice trick: Import web pages into Sketch. The Paparazzi trick works fine you will just need a little bit of clean up 🙂
