A List Apart

Menu

Topic: Interaction Design

Design products and experiences that delight people and change their lives. Where graphic design meets experience design meets interface design. Never use a warning when you mean undo. Move beyond human-to-computer interfaces and embrace human-to-human design. Designing navigation and exploration. Wireframing and prototyping on paper, in Keynote, and in the browser. Narratives of experience.

  • The Illusion of Free

    by Laura Kalbag ·

    The number of predictions that algorithms can make about us from even minimal data is shocking. Although we’re offered privacy settings that let us control who of our friends sees what, all our information and behavior tends to be fair game for behind-the-scenes tracking. We simply don’t know everything that’s being done with our data currently, and what companies might be able—and willing—to do with it in the future. Laura Kalbag believes it’s time to locate the exits.

  • There Is No Data vs. Intuition

    by Nishant Kothary ·

    Heads/Tails, Left/Right, Church/State, Engineering/Design, Logic/Emotion. Oh wait—the flipside of logic isn’t emotion. It’s fallacy. Another fallacy is feeling obliged to join either the faction of the sensibly-clad engineers or the faction of the crayon-toting creatives. Nishant Kothary has found that research is on the side of trusting your gut (then backing up your instinct with testing).

  • Designing for Post-Connected Users — Part 1, the Diagnostic

    by Antoine Lefeuvre ·

    How sustainable is a model where social networks take a central role in our daily routine? Antoine Lefeuvre believes there’s growing awareness that social networking tools don’t necessarily bring out the best in us. While we do want and appreciate tools that let us engage with others and do things together, we’re getting tired of the high price in attention and stress.

  • The Role of the Web, an Excerpt from Understanding Context

    by Andrew Hinton · Issue 413 ·

    What place am I in? By giving us the ability to link to anything at any time, the web complicated this question and changed our concept of context. In this excerpt from Chapter 2 of his new book, Understanding Context, Andrew Hinton explores why that happened, and how our resulting “place confusion” affects the way we perceive and use the web.

  • How Big is Big Enough to Pick On?

    by Laura Kalbag ·

    Businesses aren't all faceless juggernauts. Some are just one or two people. Yet when we interact with them through reviews or social media, we fall into the notion that there's no real individual in the other side whose feelings can be hurt. Laura Kalbag asks us to be sure to criticize the work and not the person.

  • Logically Speaking

    by Nishant Kothary ·

    The human mind has its own logic far beyond the binary states of mere computers. Even in the tech industry, you can't escape the reality that it takes more than data and solid conclusions to win people over.

  • The Challenge for the Tiny Global Business

    by Rachel Andrew ·

    Long ago, a company had to grow to a certain size before it could embark on international trade. With digital goods, that’s no longer so. Learning all the applicable laws and taxes can be daunting, but that’s what allows the small business owner to stay independent as an exporter.

  • Stars and Stripes and ISO Codes

    by Antoine Lefeuvre ·

    The labels of version links are key to navigating international websites. Making sure they are clear and unambiguous can increase user happiness and make you stand out in a crowd.

  • Managing Feature Requests

    by Rachel Andrew ·

    You’re proud of your product, and welcome user suggestions on making it even better. Will you be able to make everyone happy? Should you even aim to accommodate them all? Before you start coding, think about how to prioritize feature requests, and even say no to some.

  • Gardens, Not Graves

    by Allen Tan · Issue 399 ·

    The stream is great for showing timely, scannable content. But solely organizing by reverse chronology leads to a dire loss of context. What can we do to make content easier to understand for those coming across it for the first time? Allen Tan explores methods for turning our untended archives into lively, flourishing spaces.

  • Kids 4–6: “The Muddy Middle”

    by Debra Levin Gelman · Issue 398 ·

    Full of knowledge and creativity but not yet quite able to read, kids from ages 4 to 6 occupy a “muddy middle” for designers—they’re too old for toddler games, but too young for most apps and games made for “big kids.” Learn how to understand this group in this excerpt from Deb Gelman’s book, Design for Kids, out now from Rosenfeld Media.

  • In Pursuit of Facebook Happiness

    by Nishant Kothary ·

    Our level of happiness and satisfaction on social networks is largely determined by the same things that make us happy in the rest of our lives. You can let your timeline be a perpetual reunion of your dullest second cousins or get out there and join some clubs.

  • Content-out Layout

    by Nathan Ford · Issue 392 ·

    Grids serve well to divide up a predefined canvas and guide how content fits onto a page, but when designing for the web’s fluid nature, we need something more responsive. Enter ratios, which architects, sculptors, and book designers have all used in their work to help set the tone for their compositions, and to scale their material from sketch to final build. Designers can apply a similar process on the web by focusing on the tone and shape of our content first, then working outward to design fluid, ratio-based grid systems that invite harmony between content, layout, and screen. Nathan Ford takes the next step toward more sophisticated, content-focused layouts on the web.

  • UI Animation and UX: A Not-So-Secret Friendship

    by Val Head · Issue 390 ·

    The words “web animation” make many of us search frantically for the “skip intro” button, but adding motion to our work can be meaningful and functional—when we find the right circumstances. Animation can provide cues, guide the eye, and soften the sometimes-hard edges of web interactions. Val Head shows you how CSS makes it possible.

  • Web Animation at Work

    by Rachel Nabors · Issue 390 ·

    We use HTML to tell stories and communicate vast amounts of information—and animation helps us do both better. Just as hierarchy guides users through content, animation guides them through interactions by helping them understand relationships, structure, cause, and effect. Rachel Nabors explains her fascination with CSS3 animations, Canvas, SVG, the web audio API, webGL, and all the rest, and explains why we need web animation—and web animators.

  • Designing for Easy Interaction

    by Sarah Horton, Whitney Quesenbery · Issue 389 ·

    Whether you contribute to the user experience, development, or strategy of your website, you have a business, ethical, and (in many cases) legal responsibility to make your site accessible. And an equally compelling duty to your stakeholders, creativity, and career to achieve accessibility without sacrificing one whit of design or innovation. So what’s a site and application maker to do? For starters, read this book! We are thrilled to present an exclusive excerpt from Chapter 5 of A Web for Everyone: Designing Accessible User Experiences by Sarah Horton and Whitney Quesenbery, available now from Rosenfeld Media—and with a 20 percent discount for ALA readers, even.

  • The REAL Real Problem with Facebook

    by Nishant Kothary ·

    The Facebook news feed: featuring the perfect lives and perfect kids of people you barely know, and sometimes glimpses of weird opinions from friends you thought you knew perfectly. Maybe our understanding of identity has outgrown the design of our virtual interaction spaces.

  • The Monster Within Us

    by Nishant Kothary ·

    There's a monster within you and me—we all have it. It's driven by primitive needs and it's relentless, but—plot twist—it's trying to save your life. Only it doesn't understand what's going on and it can hijack your thinking and actions in an instant, making you a menace, or at least a jackass, to everyone around you. Scared yet? Fortunately, there's a great technique for keeping the monster at bay.

  • Does Our Industry Have a Drinking Problem?

    by Rachel Andrew ·

    The social events surrounding conferences are an integral part of the experience—and they mostly involve getting together over drinks. But as the industry becomes more inclusive, we gain more people for whom drinking isn’t a good option. It's time to add more ways to party and meet up that give us a chance to network with all of our peers—and maybe even leave us feeling up for that second-day morning workshop.

  • Flat UI and Forms

    by Jessica Enders · Issue 384 ·

    Though some decry flat user interfaces as pure fashion, or as the obvious response to skeuomorphic trends, many designers have embraced the flat approach because the reduction in visual styling (such as gradients, drop shadows, and borders) creates interfaces that feel simpler and cleaner. Trouble is, most flat UIs are built with a focus on the provision of content, with transactional components (i.e., forms) receiving very little attention. So what happens when flat UIs and forms collide? User experiences can, and often do, suffer. Keep your flat forms from failing by using controlled redundancy to communicate difference.

Topics