Interaction Design Learned Lessons

GRID by BINARY shows a nice way to produce multimedia content to project, share and remember.

Very nice content from http://hibilly.com/ Tumblr

Very innovative camera that takes pictures easy and with all focus possibilities. 

Why rounded corners?

Professor Nänni is saying that rounded rectangles are literally easier on the eye.Put another way, compared to square-edged rectangles, rounded rectangles are more computationally efficient for the human brain. To me, this is a revelation. An idea that at the very least demands more investigation.

This 53 minutes video will gonna change your perception about interaction, interfaces, coding, innovation and principles.

Bret Victor’s principle is the importance of continuous feedback. To do so, he invents tools that enable people to understand and visualize what they are creating.

“Creators need to see what they are doing”

“Two golden rules of information design: Show the data, show comparisons” 

“This is not paper, when you have a new media you have to rethink this things, you have to think how can this new media allow us to more media connection to what we made.”

Bret Victor also talks about how a “principle centered life” can help you to live.

“Every aspect of your life is a choice, but all default choices, you can choose to sleep through your life and accept the path that was laid out for you, you can choose to accept the world as it is, but you don’t have to. If there is something in the world that you feels wrong and you have a vision of what the world can be, you can find your guiding principle and you can fight for a cause. So after this talk I ask you to think about what matters to you. What you believe in and what you might fight for.”

“What is your principe?”

“This principle will guide you and make it easier to know if what you are doing is right or wrong.”

My principle: Tasks must flow without interruptions.

As the picture above show, the interface must be a tool to improve the capabilities of the user, help him to complete a task and make it easier to reach his needs. The interface must fits the problem and also fits the person. 

A tool addresses human needs by amplifying human capabilities.

How many times did you passed a day long trying to figure out how to realize an idea on a software? We truly expend too much time and efforts to go over interruptions caused by bad interfaces (digital, physical, conceptual or social). 

Little Big Details

On Chrome, if you go to window > task manager you will see a box with a link for nerds only. :) very user friendly.

How do colors affect the purchase?

Interesting study by KISSmetrics shows the influence o color on e-commerce websites, landing pages and applications. A very nice infographic that can help you to decide about interface design and branding colors. The thing that made me post this were the metrics they shared about sites like Amazon.

Scott Hanselman talks about icons that don’t make sense.

Old people are doing the web standards to the next generation.

When I saw this post I’ve remembered that at GTA II (grand thief auto) game you have to find the church to save the game (only god save, hahaha). It wasn’t on the menu and I’ve taken too long to discover that.

And them emerges a question: What images the new generation associates to interface action? Save, edit, search, bookmark, and so on. Should we do new icon standards for new generation apps? They have been familiarized with the floppy disk to save but didn’t really associated the icon with the object and consequently with the action of putting a file on the disk. The next generation won’t even know what is a CD.

When I have worked at Faber Ludens we have used a technique called Icon Sorting to validate the meanings of each icon to the users and decide what icon to use.

What would happen if we ask new generation Kids to draw the save icon of their head? 

Take a look at the source article of Scott Hanselman

I`m proud of the most new Brazilian book about design thinking written by Ysmar Viana, Maurício Viana, Isabel Adler, Brenda Lucena and Beatriz Russo.The book is almost free and can be bought by a simple tweet about the book. The book is very well organized and used nice grid templates for layout, but unfortunately don`t have an on demand printed version, what would make much more confortable to read and “harder to loose” (I do always forget do keep reading a PDF).

The book has some design thinking applied cases and is based in 4 steps methodology (Immersion, analysis and syntesis, ideation and finally prototyping). Inside their website they have some video examples of design methods to use on each stage (Sensibilization Notebook, personas, workshop and prototype). At the end of each chapter they reference their experience at Andorinha Project, where the applied the techniques and philosophy of design thinking related on the book.

Very nice solution to collapse group of itens.

littlebigdetails:

Thunderbird - The little ‘+’ in the welcome screen tabs rotates to an ‘x’ when clicked.

/via Hans

Autocomplete working on youtube.

littlebigdetails:

YouTube - When typing in the search box, recently made searches are shown in purple.

/via Davide Dettori