UX

Facebook Twitter

The Next Big Thing In Responsive Design. Responsive design, which allows designers and developers to build websites that adapt to every screen size, is one of the most empowering web tools to be adopted in the last decade.

The Next Big Thing In Responsive Design

But adapting to the screen is only the first frontier of a new, responsive web. Today, users expect online experiences that not only respond to what device they're using, but also their location, time of day, what they’ve already read, and events happening in real time. To capture a user’s attention for the next generation of the web, you’ll need more than just responsive design. Patterns of Card UI Design. Card-based User Interface (Card UI) is the new hotness.

Patterns of Card UI Design

Recent announcements from Google around the unification of their user interfaces across mobile and web using Material Design show that that the big players are firmly behind this new UI trend. It seems like when you are more than 50 million users, e.g. Android L Material Design And User Interface Changes. What Is a Card? Even as the notion of cards as the next big software interaction paradigm continues to gain momentum, it hasn’t gotten much easier to explain to the uninitiated what, exactly, a card is.

What Is a Card?

When asked this question, I find it hard not to ramble on at great length, and even harder to avoid using technical jargon, which usually produces diminishing returns in conversations with “normal people.” So I thought I would try to unpack this idea a little bit, as simply and briefly as I can. No guarantees, though. To begin, when we talk about cards in digital products, it’s important to understand that there are actually two, interrelated concepts at work that some people conflate as one. The Uncanny UX Valley. Users do not give genuine feedback unless they believe what they’re experiencing is genuine.

The Uncanny UX Valley

Even if the person giving feedback is a software designer themselves, the mindset for evaluating a wireframe is starkly different than if they were evaluating the real thing.How do I know this? Scope creep. I’m not talking about the things that were not spec’d out in the beginning of the project. Build Atomic Design Systems. 2014 — The Year of Interaction Design Tools. Webflow a month | Web appWebflow is a web app that allows users to design websites in the browser and that are completely coded and live.

2014 — The Year of Interaction Design Tools

Webflow’s friendly WYSIWYG editor gives designers full control over the output, including the appearance on mobile devices. Call to Idea - Get inspired!

Dark Patterns

UI. Prototyping. Worst practices. UI walkthrough. UX Strategy. Agile UX. Lean UX. Measure & Calculate. Stakeholders interviews. Structure. Design patterns. Industry types. Mags. Understand what is UX design. Various good reads. Best practices. Debunking UX Myths.

Touch UX

Mobile UX. Glass UX. Referrences.


  1. p45c4l Jun 25 2011
    This tree is a mess. Thinking about restructuring it soon.