Pixels of the Week – March 27, 2015

Pixels of the Week – March 27, 2015

This content is 10 years old. Remember that the following content might be outdated.

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 interaction design, applications and multitasking, responsive ads, using animations to delight user and make the interface feel faster, workflow, process and client feedback, testing your site with a drunk user, a lot of animated SVG inspiration and tutorials, Photoshop ressources and some WTF links at the end of the article in case you don’t feel like working today 🙂

TL;DNR the one you should not miss

#Testing

theuserisdrunk.com: your website should be so simple, a drunk person could use it, for $80 this guy is going to test it. And he did it !

theuserisdrunk.com

Interesting article

#UX #User Testing

Solving Site Navigation Issues with Tree Testing

Solving Site Navigation Issues with Tree Testing

#Interaction Design

How to change user habits with interaction design

How to change user habits with interaction design

#App Design

Getting Users Back From Multitasking, clever ideas for app preview in multitasking mode

Getting Users Back From Multitasking

#Responsive Ads

Responsive Ads Link Dump

#Animation #UX

How to Delightfully Trick Users With Animation

#Images

Image Formats: The Nerdy Parts, what you need to know about different image formations for the web

Image Formats: The Nerdy Parts

#Design #Workflow

Responsive Design for Houden, I too am using codepen more and more for design decisions to show responsive typography or animations to the clients

Responsive Design for Houden

#Design

I hate green.”, @monteiro on how to deal with some client strong preferences

Inspiration and Great ideas

#Services #Agence

Lesevades.com a really nice services page for a web agency

Lesevades.com

#Loader #Animations

Cool mobile application loaders, some fun animated application loader that help the user percieve the interface as faster

#SVG

Hoooooo I could watch this SVG animation all the morning long

cette animation SVG t

#SVG

livingthechange a French site that shows whant changes in our world by using some really nice SVG animations and illustrations made by  Guillaume Kurkdjian. There’s a little oldornot game as well (still in French).

ivingthechange

Designer Great news

#Photoshop

So you can add emojis in PSD layers. What could possibly go wrong, right?

Tutorials

#CSS #Ecommerce

Product Preview Slider with some nice little animations

Product Preview Slider

#SVG #Snap

SVG Animations Using CSS and Snap.svg

SVG Animations Using CSS and Snap.svg

Tools and plugins that will make your life easy

#App #Cost

howmuchtomakeanapp.com for those wondering how much an app could cost. This is of course a really rought estimation, you should contact a developer for more details but it can help you get a first idea

howmuchtomakeanapp.com

#Photoshop #Font

Nice little script to list fonts in a PSD

list font PSD

Fun, games, experiments and demos

#Photoshop

Forget about Sketch, let’s replace Photoshop by NSString 😀

#Music

Astley, morning musical procrastination

Astley

#Logo #Fun

Penised.com , what a dick move 😀

penised