Pixels of the Week – May 29, 2015
Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful ressources, inspiration on twitter and other social networks.
This week’s selection: user experience and mobile (user behavior, some statistics and the importance of multi platform consistency), advice for modal usage in webdesign, how to create usable forms, SVG filters, CSS animations, some responsible social buttons and a pack of 8 Illustrator stipple brushes
TL;DNR the one you should not miss
#UX
Design user research explained for everyone, with a few GIFs
Interesting article
#Animations
The ultimate guide to Web animation: how and when to use them and how to keep performance in mind
#Mobile #UX
Using Consistency To Improve The User Experience Across Desktop And Mobile
#Mobile #UX
15 Mobile UX Facts And Insights 2015 (device switching, in-store use, app usage, etc.)
#UX #Modale
Overuse of Overlays: How to Avoid Misusing Lightboxes
#Form
The 10 Commandments of Good Form Design on the Web
Inspiration and Great ideas
#Logo
Illustrator Takes Requests on Twitter and Draws the World’s Saddest Logos,
#Video Clip #NSFW
This song movie clip might bring back some memories to some gamer friends of mine, nicely done (and nsfw after 1’40)
#Typography #Instagram
typetodesign.com, a fun idea, type a word and it will be replaces by letters published on Instagram
Designer news
#Android
Nice small little details: Innovating on the Pull-To-Refresh Gesture
Tutorials
#SVG #Filter
SVG is aaaaaawesoooome <3 “Art Of The SVG Filter And Why It Is Awesome”
#CSS #Animations
Putting Your UI in Motion with CSS. Disclaimer, it has some cats in it 😀
Useful ressources
#Brush
8 Free Stipple Shading Brushes for Adobe Illustrator
Tools and plugins that will make your life easy
#Social #Responsive
Responsible Social Sharing Buttons (that use SVG icons)