271: Principles of Design

This week, we dive deep on several design principles that will help you make better decisions when creating interfaces and interactions. In Follow-up, we discuss the etiquette of responding to recruiter emails, and in News, we cover Twitter's latest exploration into presence and status. And as always, we share a couple cool things, including an innovative basketball shoe and an updated personal site. Self-sponsor: This week's episode was brought to you by the Spec Job Board If you're a designer or a developer, or if you're looking to hire one, check out the Job Board on Spec.fm. With listings at $100/month, it's super affordable to find your next hire through Spec. Follow-up: Here's Morgan Knutson’s tweetstorm again, for reference News: MG Seigler tweeted: "As redundant as it may sound at first, I love the Twitter “status” idea. A throwback to OG Twitter too! (Still don’t love the idea of presence though.)" Article: "Twitter tests new profile features, including presence indicators and ‘ice breakers’" Site: Spec.fm now has a "global player" that continues playing as you browse Listener Question: Dmitry Veremchuk (@d_ver on Twitter) asks: "Is there a limit to number of the side projects one takes on? Because personally, I am interested in animation, video editing, illustration, programming, photography, and many more things. Starting projects in all of these fields would be daunting and of a low quality." Discussion: Site: Jon Yablonski collected these Laws of UX Fitts' Law: "The time to acquire a target is a function of the distance to and size of the target." Article: Luke Wroblewski wrote "Designing for Large Screen Smartphones" Material Design: Floating Action Button FABs in Material Design 2.0 can be centered for better reachability Action sheets in Apple's Human Interface Guidelines Jakob's Law: "Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know." Loren Brichter introduced pull-to-refresh in Tweetie Video: "Loren Brichter on Tweetie" Apple uses scroll-jacking on their Mojave site Bock's Law: "Most people don't have the newest shit." Note: The "grandparent phone" Marshall was thinking of is called Jitterbug Wenni's Principle: "Don't move tap targets." The Doherty Threshold: "Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other." Article: "Improved Perceived Performance with Skeleton Screens" Hick's Law: "The time it takes to make a decision increases with the number and complexity of choices." Video: "The paradox of choice | Barry Schwartz" Book: "Thinking Fast and Slow" by Daniel Kahneman "Faster Horses" is a quote by Henry Ford Miller's Law: "The average person can only keep 7 (plus or minus 2) items in their working memory." Gestalt Grouping Law of Common Region: "Elements tend to be perceived into groups if they are sharing an area with a clearly defined boundary." Law of Proximity: "Objects that are near, or proximate to each other, tend to be grouped together." Law of Similarity: "The human eye tends to perceive similar elements in a design as a complete picture, shape, or group, even if those elements are separated." Image: iOS Settings GIF: Emergency Alert System Image: Don't Dead Open Inside r/dontdeadopeninside Affordance: "the qualities or properties of an object that define its possible uses or make clear how it can or should be used" Book: "The Design of Everyday Things" by Don Norman Article: "Norman Doors: Don’t Know Whether to Push or Pull? Blame Design." Video: "It's not you. Bad doors are everywhere." Article: "Affordances and Signifiers in Mobile Interface Design" GIF: Apple Music's Now Playing sheet Image: Confusing segmented controller (Which one is selected?) Did we miss your favorite law, rule, or principle? Do have one of your own principles? Let us know on Twitter :) or Spectrum One Cool Thing: Marshall shared the new Air Jordan XXXIII Note: Marshall mistakenly called it the "Flight System," but it's really called "Fast-Fit". Way off. Brian shared his updated personal site Design Details Blog The Internet Archive Project Design Details on the Web: We are @designdetailsfm Brian is @brian_lovin Marshall is @marshallbock @Sarahberus and @Luperdev make us sound smarter than we are Join the conversation on Spectrum or leave us a review on iTunes Stinger: Master P - Make 'em Say Ugh (Ft. Fiend, Silkk The Shocker, Mia X & Mystikal) BYEEEEEEE!