background preloader

Design Principles

Facebook Twitter

Addicted to Your iPhone? You’re Not Alone - The Atlantic. On a recent evening in San Francisco, Tristan Harris, a former product philosopher at Google, took a name tag from a man in pajamas called “Honey Bear” and wrote down his pseudonym for the night: “Presence.”

Addicted to Your iPhone? You’re Not Alone - The Atlantic

Harris had just arrived at Unplug SF, a “digital detox experiment” held in honor of the National Day of Unplugging, and the organizers had banned real names. Also outlawed: clocks, “w-talk” (work talk), and “WMDs” (the planners’ loaded shorthand for wireless mobile devices). Harris, a slight 32-year-old with copper hair and a tidy beard, surrendered his iPhone, a device he considers so addictive that he’s called it “a slot machine in my pocket.” He keeps the background set to an image of Scrabble tiles spelling out the words face down, a reminder of the device’s optimal position.

Listen to the audio version of this article: Download the Audm app for your iPhone to listen to more titles. Harris is the closest thing Silicon Valley has to a conscience. His approach seems to have worked. Design Thinking Needs To Think Bigger. The following is the second of two excerpts from The Way to Design, a guide to becoming a designer founder and to building design-centric businesses.

Design Thinking Needs To Think Bigger

It was adapted and reprinted with the author’s permission. Read the first one, on the case against empathy, here. Design thinking is one of the most important ideas of the 21st century. The methodology’s impact on product design, how organizations go about solving problems, and how we live our everyday lives has been profound. And its influence has expanded far beyond business and design circles. The Problem with Video Game Luck. On Sept. 16, 2007, a Japanese YouTuber who goes by the handle “Computing Aesthetic” uploaded a forty-eight-second-long video with the deafening title, “ULTRA MEGA SUPER LUCKY SHOT.”

The Problem with Video Game Luck

The video shows a high-scoring shot in Peggle, a vastly popular video game, loosely based on Japanese pachinko machines, in which a ball-bearing clatters down the screen, accruing points as it bounces through a crowd of candy-colored pegs, which disappear shortly after being touched; more bounces, more points. Although Peggle involves some skill—before firing the ball, the player must carefully aim the launcher that dangles at the top of the screen—you are principally at the mercy of the luck of the bounce.

In Computing Aesthetic’s footage, the points pile up as the ball bounces fortuitously between pegs. Fairness is the unspoken promise of most video games. How filmmakers push your eyes around the screen at will. About 25 minutes into the action film Iron Man 2 (2010), there is an explosive sequence in the middle of an auto race through the streets of Monaco.

How filmmakers push your eyes around the screen at will

The scene is a technical tour de force, with explosions, cars flipping and fire everywhere, all in front of thousands of panicked race spectators. At a 2014 event at the Academy of Motion Picture Arts and Sciences, the film’s director Jon Favreau got to see the eye movements of audience members who watched the clip. He told us he was thrilled – and relieved – to see that everyone was watching the actors Robert Downey Jr and Mickey Rourke, particularly their faces and hands, and that nobody was looking at the crowd – because the crowd was all computer-generated, and if you look closely they don’t look all that real. 10 Heuristics for User Interface Design: Article by Jakob Nielsen.

Summary: Jakob Nielsen's 10 general principles for interaction design.

10 Heuristics for User Interface Design: Article by Jakob Nielsen

They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines. How Technology Hijacks People’s Minds — from a Magician and Google’s Design Ethicist — The Startup. How Technology Hijacks People’s Minds — from a Magician and Google’s Design Ethicist Estimated reading time: 12 minutes.

How Technology Hijacks People’s Minds — from a Magician and Google’s Design Ethicist — The Startup

“It’s easier to fool people than to convince them that they’ve been fooled.” — Unknown. I’m an expert on how technology hijacks our psychological vulnerabilities. That’s why I spent the last three years as a Design Ethicist at Google caring about how to design things in a way that defends a billion people’s minds from getting hijacked. When using technology, we often focus optimistically on all the things it does for us. Know When to Stop Designing, Quantitatively. Interface design is more than hand waving and color preferences.

Know When to Stop Designing, Quantitatively

When you design anything to be used by humans, there are some fundamental tools which can tell you if one interface is better than another. Quantitatively. Don’t believe me? Answer this: Affordance, Conventions and Design (Part 2) I was quietly lurking in the background of a CHI-Web discussion, when I lost all reason: I just couldn't take it anymore.

Affordance, Conventions and Design (Part 2)

"I put an affordance there," a participant would say, "I wonder if the object affords clicking. "Affordances this, affordances that. And no data, just opinion. Foundations of Human-Computer Interaction. Donald Norman’s design principles for usability. Donald Norman, in his book The Design of Everyday Things, introduced several basic user interface design principles and concepts that are now considered critical for understanding why some designs are more usable and learnable than others: Consistency One of the major ways that people learn is by discovering patterns.

Donald Norman’s design principles for usability

New situations become more manageable when existing pattern knowledge can be applied to understanding how things work. 7 shortcuts to making users trust you. We’re all creatures of habit with predictable minds.

7 shortcuts to making users trust you

If you know how to take advantage of your user’s habits, such as with hooks and behavioral cues, you can create processes for building trust. Run an awesome startup? Get your company on stage at TNW Europe. A Practical Guide To Invisible Design. When you examine the most successful interaction designs of recent years, the clear winners are those who execute fundamentals flawlessly, like Gmail’s autosave function and Uber’s credit card entry form. They feed off natural human behavior, then quietly remove barriers without us ever noticing. When we talk about invisible design, we aren’t just describing minimalism. Minimalist interfaces are certainly a way to achieve invisible design, but they are not the goal.

The goal is to create an interaction system that naturally aligns with the user’s mental models. Redefining Hick's Law. Hick’s Law has always been a popular reference point for designers. You’ll find it cited in the endless lists of basic laws and principles that all designers should be familiar with. Given our assumed comfort level with this design cornerstone, I am surprised to see so many people getting it wrong. The Hick-Hyman Law: An Argument Against Complexity in User Interface Design. There is often a temptation to provide users with a number of options all at once, but research suggests that the number of possible selections can slow users down. This problem was identified by British Psychologists William Hick and Ray Hyman in 1951, after carrying out a series of experiments to assess cognitive information capacity.

The Hick-Hyman Law has been applied in human-computer interaction to highlight the importance of reducing the number of possible choices presented to users at any one time. It suggests there is a linear relationship between the number of options presented and subsequent choice reaction times. So selection speed would be slower with every extra item. How To Do Nothing In Web Design. It’s a rookie mistake to confuse minimalism with merely "getting rid of things.

" Minimalism was an artistic style decades before the Internet even existed, and its core principles still holds true on the web—always design around the content. How to Use the Rule of Thirds Effectively in Graphic Design - CompanyFolders.com. If you were one of those students who loved art classes but hated math, it was probably a shock to the system when you found out just how much math you’d end up using as professional designer. In fact, math skills are absolutely essential for print design—at the very least, you need to know how to measure out your bleed area and understand the physical size of your canvas. But if you’re willing to understand more than just the mathematical basics, you can use those numbers and measurements to turn a design into a thing of beauty. Understanding the rule of thirds in design is relatively simple, but this one concept can make you a significantly stronger designer. Balance as a Principle of Design. Is There a Formula for Delight? -UX Mastery.

Powers of 10: Time Scales in User Experience. How to Apply Optical Illusions to Web UI Design. Jerry Cao is a UX content strategist at UXPin — the wireframing and prototyping app. To learn more about how to create visually digestible interfaces, download the free e-book Web UI Design for the Human Eye: Colors, Space, Contrast.

Admit it, at some point in your life, you were impressed by an optical illusion. It’s fascinating how our eyes play tricks on us, and it’s even more fascinating that we tend to side with our sight over our common sense. But optical illusions are often the result of the science of sight — the science of Gestalt. Source: Gestalt Art The Gestalt principles are the theories that analyze the gray areas of how our sight works. Gamification. Smart Gamification: Seven Core Concepts for Creating Compelling Experiences. Gamification from a Company of Pro Gamers.

Michael Wu, Ph.D. is Lithium's Principal Scientist of Analytics, digging into the complex dynamics of social interaction and group behavior in online communities and social networks. Michael was voted a 2010 Influential Leader by CRM Magazine for his work on predictive social analytics and its application to Social CRM.He's a regular blogger on the Lithosphere's Building Community blog and previously wrote in the Analytic Science blog. You can follow him on Twitter at mich8elwu. 6 principles for designing trustworthy learning experiences. Game Mechanics. BJ Fogg's Behavior Model. Habit Design - BJ Fogg // Startup Elements.

Hooked: How to Build Habit Forming Technologies. Nir Eyal, NirAndFar.com. How to build habit-forming products, part 3: closing the loop. Facebook. Twitter. Pinterest. These popular apps are part of my daily life (and yours, too, I bet). But I use Wunderlist, Google Maps, and Pocket just as much. How to manufacture desire. Type the name of almost any successful consumer web company into your search bar and add the word “addict.”

Use Your Interface. The Art of UI Animations, Lean UX SF. Usage and performance Usage Only two properties are required for a CSS transition. UX Lab: How vivid animation can uplift digital experiences — Intuity Media Lab. Progressive Reduction — LayerVault Blog. UI and Capability - (Ryan Singer) The psychology of user interface (part I - spatial visualization) People often misunderstand what drives good user interface. Certainly graphics is very important in the visceral sense that something is "cool", but in terms of whether someone understand how to do what they want to do, it should be obvious there is a lot more to it than that.

There are a bunch of rules that are worth learning that can greatly improve your product. First Principles of Interaction Design (Revised & Expanded) The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments, the web, mobile devices, wearables, or Internet-connected smart devices. Designing for the Next Step. Introduction - Material design - Google design guidelines. Transitional Interfaces. GoodUI. How to Arrange Interface Elements. Content-out Layout. How cards are taking over Web design.

How To Design Websites That Mirror How Our Eyes Work. This is how professional designers create their logos. Welcome to Method of Action. The Design of Everyday Things. Learn the Basics of Design This Weekend. Good design. Relentless Quality. 7 Design Principles, Inspired By Zen Wisdom. Principles of Design. 8 visual design tips for UX designers. Design Principles: Connecting And Separating Elements Through Contrast And Similarity. Mood Lines: Setting the Tone of Your Design. Wilson Miner - When We Build. Webstock '13: Mike Monteiro - How Designers Destroyed the World. * Resistance *