Posts Tagged ‘pattern’

  1. 14 Apr, 2014

    Single-Field Credit Card Input Pattern

    Forms suck. And they especially suck on mobile devices. Luke Wroblewski has been talking for a long while now about how input masks make form entry a lot less painful for people. He recently highlighted Square Wallet‘s clever single-field credit […]

  2. 25 Oct, 2013

    How the Float Label Pattern Started

    Matt D Smith wrote about the history and the thinking behind the float label pattern.

  3. 24 Oct, 2013

    Float Label Pattern

    Inline form labels can cause a lot of trouble, but at the same time the constraints of mobile screens force designers to do more with less space. It puts people in a weird position. Let’s take a look at the […]

  4. 10 Jul, 2013

    Interface Inventory

    Many are familiar with the concept of a content inventory. Content audits are usually performed in the early stages of a website redesign process to take stock of all a site’s content. It’s a tedious process involving spreadsheets and caffeine, […]

  5. 07 Mar, 2013

    Carousel Conversion Rate Eye Tracking

    The post is in Swedish, but run it through Google Translate. Basically they did an A/B test between a carousel feature area and a non-carousel feature area. The carousel version only got a 1.96% interaction rate, while the non-carousel version […]

  6. 06 Mar, 2013

    Breaking Down Amazon’s Mega Dropdown

    Great post looking into Amazon’s mega-menu dropdown, which shows sub-navigation items to the right of the parent category. Lots of insight and algebra around mouse cursor movement, hover state gotchas and more. Lately there’s been a lot of talk about […]

  7. 25 Feb, 2013

    Search with Filters Responsive Design Pattern

    Brad and Dave and I were sitting around after InControl talking about design patterns that hadn’t been explored as much. Dave mentioned “Search with Filters” as an example. There can be quite a lot of UI involved in a search […]

  8. 09 Feb, 2013

    Design Abstractions

  9. 08 Jan, 2013

    Conditional Lightbox

    Lightboxes don’t work for small screens. Here’s Jordan Moore on the subject: The purpose of a lightbox is to display a larger image corresponding to the selected thumbnail version while keeping the user on the same page instead of linking […]

  10. 07 Jan, 2013

    The Overflow Pattern

    The overflow pattern is a technique used in fluid web designs to expose more content as screen real estate becomes available. Typically seen in carousels and data tables, the overflow pattern allows content to remain compact for small screens while […]

  11. 15 Nov, 2012

    Adaptive Maps

    Some web interface elements require only basic resizing in order to function properly across contexts. However, not everything is that simple, and maps is one of those cases that requires more consideration. While techniques exist to create fluid and scalable […]