Suggest New Design Patterns

Share your ideas for new design patterns with us

Did you spot a new UI design pattern? Suggest a new pattern here! We will do our best to add new patterns we have missed to our library.

Your suggestion for a new design pattern

You've used all your votes and won't be able to post a new idea, but you can still search and comment on existing ideas.

There are two ways to get more votes:

  • When an admin closes an idea you've voted on, you'll get your votes back from that idea.
  • You can remove your votes from an open idea you support.
  • To see ideas you have already voted on, select the "My feedback" filter and select "My open ideas".
(thinking…)

Enter your idea and we'll search to see if someone has already suggested it.

If a similar idea already exists, you can support and comment on it.

If it doesn't exist, you can post your idea so others can support it.

Enter your idea and we'll search to see if someone has already suggested it.

  1. periodic refresh

    periodically refresh a page; update displayed data dynamically.

    12 votes
    Vote
    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      You have left! (?) (thinking…)

      I hadn’t recognized this as a pattern before you suggested it, thanks. Now when I identified it I see this pattern in use all the time: Gmail, Twitter search, Google Docs etc. But, is this a UI design pattern, or AJAX/coding pattern instead? Or, is this a pattern at all, or rather just part of other patterns? Those are few things I need to consider before turning this idea into a pattern.

      One more thing: I’m going to focus now more on patterns people need when they make early sketches of the UI, and this pattern is a bit out of the scope. But, after I have finished that theme, I’ll consider this pattern again.

      Edit: Just found a good screencast example of periodic refresh on Flickr from Designing Web Interfaces: http://flickr.com/photos/designingwebinterfaces/3259238059/

    • Invisible Sign-Up

      Services like Geni and Tripit have already made sign-up almost invisible. Also single sign-on systems like OpenID are steps towards better.

      4 votes
      Vote
      Sign in
      Check!
      (thinking…)
      Reset
      or sign in with
      • facebook
      • google
        Password icon
        I agree to the terms of service
        Signed in as (Sign out)
        You have left! (?) (thinking…)
        planned  ·  1 comment  ·  Admin →
      • Inplace Modal

        Modal(Lightbox/thickbox) displays are great to focus users' attention on to a particular task. There are some places where the user needs to be focussed on a particular portion of a web page without losing the context of the surrounding user interface elements. Inplace modal displays a overlay around the user interface element that needs focus.

        Unfortunately, I don't have the application where I am using this idea published yet. But here is a demo of the concept with the jQuery script:

        http://site.ringce.com/code/jQuery/jquery-inplace-modal.html

        18 votes
        Vote
        Sign in
        Check!
        (thinking…)
        Reset
        or sign in with
        • facebook
        • google
          Password icon
          I agree to the terms of service
          Signed in as (Sign out)
          You have left! (?) (thinking…)
          planned  ·  1 comment  ·  Admin →
        • Language Selector

          A language selector is different - as it poses the additional challenge to be displayed in your language versus my language versus all languages available!

          1 vote
          Vote
          Sign in
          Check!
          (thinking…)
          Reset
          or sign in with
          • facebook
          • google
            Password icon
            I agree to the terms of service
            Signed in as (Sign out)
            You have left! (?) (thinking…)
          • Buttons

            How buttons are to be styled, emphasized, and positioned on web

            1 vote
            Vote
            Sign in
            Check!
            (thinking…)
            Reset
            or sign in with
            • facebook
            • google
              Password icon
              I agree to the terms of service
              Signed in as (Sign out)
              You have left! (?) (thinking…)
              planned  ·  1 comment  ·  Admin →
            • Lightbox / Overlay

              Draw user's attention by showing a modal window in the middle of the screen and dimming other content.

              3 votes
              Vote
              Sign in
              Check!
              (thinking…)
              Reset
              or sign in with
              • facebook
              • google
                Password icon
                I agree to the terms of service
                Signed in as (Sign out)
                You have left! (?) (thinking…)
                planned  ·  0 comments  ·  Admin →
              • 3 votes
                Vote
                Sign in
                Check!
                (thinking…)
                Reset
                or sign in with
                • facebook
                • google
                  Password icon
                  I agree to the terms of service
                  Signed in as (Sign out)
                  You have left! (?) (thinking…)
                • Don't see your idea?

                Suggest New Design Patterns

                Feedback and Knowledge Base