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 vote and comment on it.

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

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

  1. 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…)
    • global search field gets bigger

      The global site search field on some sites expand on entry. This keeps the search field small until needed, and visually unobtrusive, and makes it more welcoming for typing search criteria when needed.

      See
      * http://ux.stackexchange.com/
      * http://apple.com/
      * http://telstra.com/

      Also, the expanded search field might occlude alternative functions being disregarded by the user's choice to use global search -- see ux.stackexchange for example.

      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…)
        1 comment  ·  Admin →
      • hierarchy navigation

        Perhaps based on the original Windows 3.1 file manager, or more recently on many of Apple's products, a hierarchy of folders (or other containers) at the left, and clickable nodes display the content at the right. See iTunes as the most ubiquitous example, but it is used for countless desktop software applications or web sites that have a user-editable hierarchy, including drag & drop for moving either nodes or containers, rename (in place) of nodes or containers, and reflection of the node title in the title of the content at right.

        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…)
        • Activity feeds

          The feed of aggregated information displayed to the user in a stream of activity.

          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…)
          • Pricing Table

            How to design a good pricing table for a SaaS app.

            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…)
            • 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…)
              • Mutton

                Mutton is a menu and a button combined. More here: http://hanamidesign.com/blog/ux-pattern-mutton-menu-button/

                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…)
                • User Cards

                  User Card pops out when hovering over someones profile picture or display name. It is a small panel presenting a larger version of the user's display image, the user's full display name, and other relevant information about the target. User Cards can be used to provide a way for users to get more information about other community members without interrupting their current task. It is also helpful way to prevent identity-related clutter on the screen.

                  Extra benefit of using User Cards is that by providing an easy way to get more info about other community members, they make it easier…

                  2 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…)
                  • group/user/role/permission administration

                    An administration page for viewing groups, adding a group, viewing group members, adding users, adding users to the group, giving roles (or permissions) to those users

                    17 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…)
                    • List between 1000 - 6000 items

                      A way to display a list of about 1000 - 6000 items. Can Select one or more. As well as being able to un-select them as well.

                      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…)
                        1 comment  ·  Admin →
                      • administration page

                        perhaps this is similar to dashboard but i would like to see the whole design because administration page design is quite complicated especially if you deal with lots of data ( such as e-commerce )

                        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…)
                        • Market Information

                          A block of high-level information with multiple tabs, for displaying a lot of information in a small space, often with links to the full data. As found on the Wall Street Journal and similar sites.

                          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…)
                            1 comment  ·  Admin →
                          • Header/Dropdown product navigation

                            This is an interesting solution for Header, but it also functions as a dropdown navigation
                            http://www.sram.com/sram/road/products/sram-red-front-derailleur

                            5 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…)
                            • Map integration

                              I don't know how to describe the pattern, but it would be great to get some sort of 'best practice' for map ( googlemap ) integration with a POI description list...

                              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…)
                                1 comment  ·  Admin →
                              • lazy loading

                                Page dynamically loads images/assets when they are in the browser's field of view. Produces overall faster page loading for it does not have to load an entire page worth of assets if the user is sticking to the top portion of the page.

                                2 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…)
                                  1 comment  ·  Admin →
                                • 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 →
                                  • 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…)
                                    • Pull to refresh on touch devices

                                      On list-based apps on touch devices such as the iPhone, the user is able to "pull" down to refresh the page http://www.usabilitypost.com/2010/07/21/pull-down-to-refresh/ Used in the official Twitter app to retrieve new tweets

                                      5 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…)
                                        1 comment  ·  Admin →
                                      • 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…)
                                        • Mouse scroller pagination

                                          Use the mouse wheel for pagination.

                                          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…)
                                          ← Previous 1 3 4
                                          • Don't see your idea?

                                          Suggest New Design Patterns

                                          Feedback and Knowledge Base