Questions tagged [design-patterns]

Reusable solutions for commonly occurring problems in user interface and user experience design.

Filter by
Sorted by
Tagged with
4
votes
4answers
314 views

"Cut and Paste" in a tree structure

I am working on a web app that provides a visual programming environment to generate 3D models - Mobius It involves creating a scripts by adding lines of coding and just editing parameters. We are ...
5
votes
4answers
2k views

How to add one or more items to the table row?

Context I'm working on very complex enterprise solution. We have this table that shows list of let's call them contracts. Every contract (row) can contain one or more customers (and one or more ...
3
votes
3answers
316 views

Timer settings, when to use a combobox or spinbox?

I was creating a mockup for an login settings window, and when i came to the option for "auto logout", i was wondering if it should be a spinbox, allowing the user to set any value (in minutes), or a ...
0
votes
1answer
90 views

What would I call this element? [closed]

I am trying to create a card that has a position absolute show more div option. I need it to not move any other elements and be responsive. I don't know how to do a search for it because I don't know ...
1
vote
2answers
375 views

User Interface suggestions to unlock editing for critical elements

I'm developing a webpage for internal users who will spend a few hours a month using it. Most of the elements on the page are straightforward, but a few could cause hours of work to undo if they have ...
2
votes
2answers
2k views

Placement of anchor link buttons in a page with a lot of scrollable content

I am building a profile page (http://giga.brandvertisor.com) containing a lot of of information, visually organized in horizontal sections. For the sake of easier navigation, I have put anchor link ...
1
vote
1answer
441 views

Reading patterns, Z-pattern vs. layered-cake pattern

Im wondering if there is any difference between the reading patterns (Z and Layered-cake) since both of them require the user to read rtl or ltr whilest moving down a notch when going to the next line ...
-1
votes
1answer
56 views

How can I collect and archive my sketches [closed]

I need your help if you can, so how you turn brief into a rough sketches for app & web design (need examples plz).
1
vote
1answer
100 views

Are components and patterns same in interface design?

I hear term component and pattern used widely on blogs, articles, books and by my team mates. Most of the time they are used interchangeably by few people, which makes little confusion if they are ...
1
vote
4answers
464 views

How do you define typography styles in your designs?

When defining a style guide, which of the following is most common when naming layout components? Stating the specific H-levels to be used (i.e. H1, H2, etc.) Create your own set of naming ...
0
votes
1answer
1k views

"Add attachment/file" button for a mobile app?

I'm re-designing a part of a mobile-first app for reading and answering customer feedback. My problem is: How would you display a button for uploading attachments/files in an interface that is going ...
0
votes
2answers
78 views

Is have a "x" in a domain to join word a good idea? [closed]

We all know there isn't much dictionary word .com domain out there, so many people are taking domains like my-clay.com or domain that has multi-words. So currently I'm finding a domain, and ...
1
vote
1answer
92 views

When should an inherited design pattern be avoided?

I'm currently working on a fairly old product that has been partially reworked 2 or 3 times by different teams. This has left the interface somewhat fragmented with different design patterns used in ...
4
votes
4answers
435 views

What's the name of the pattern where you draw a rectangle to select items?

I'm implementing a UI where you can draw a box by clicking and dragging your mouse to select multiple items. Like selecting multiple files/folders: Does this pattern have a name?
2
votes
3answers
1k views

Primary/Secondary button placement pattern

Button placement has been a debated topic at within my UX team recently and I am for feedback or direction to research that states a solution. The problem I am trying to solve is where to place ...
0
votes
1answer
259 views

What is this called and best practices of UI/UX? [duplicate]

What are best practices for settings (UI) like this? I am looking to find out more about good practices, good UI/UX for this component for removing, adding items to different profiles (profile 1 has ...
1
vote
2answers
159 views

Type of control for a non-interactive widget

I have a set of inputs whose type can be changed, and one of the input types is read-only. What's the best way to represent this in a cross-platform manner? Right now I went with a disabled button ...
1
vote
1answer
84 views

How is this semi-transparent content block called?

I have seen this pattern many times: the content is hidden with a semitransparent superposition that provides a sense of continuity. The content under this semi-transparency layer is displayed after ...
4
votes
4answers
922 views

Best way to display ranges where end range is inclusive

I have a table with one column displaying a range of values where the end range value is inclusive, but the start range value is exclusive. I'm having a hard time figuring out how to succinctly and ...
2
votes
4answers
2k views

Search-Bar in Header OR Navigation?

I design a online shop for a client. The searchbar is for the target group and the stakeholder very important. So I did the search in the header, on top over the navigation bar (variant 1). My client ...
5
votes
1answer
137 views

What is the proper term for these items/images [duplicate]

First, is there any generic term or style for this type of showcasing images/items in mobile? I'm trying to emulate the style used here but first I would like to know the proper team so that we could ...
2
votes
1answer
84 views

how i can display this paper on mobile interface

I work on a mobile application. I want to display the document used by the client on his daily work. I'm looking for a strategy that allows the client to use the interface as the same as it uses ...
1
vote
1answer
183 views

Is the flat design out of fashion? [closed]

We are planning on building a software and we had this discussion regarding the design. Someone mentioned that the flat design pattern is out of fashion, but when I asked them what replaced it, there ...
4
votes
2answers
853 views

Do bigger buttons improve usability and how they correspond with design? [case]

We're trying to incorporate a style guide which helps developers understand and build CSS across different resolutions. After reading these: https://uxplanet.org/buttons-in-ui-design-the-evolution-of-...
4
votes
2answers
257 views

What type of pattern is this called?

Recently I've across some website and they were using this pattern. What is this pattern called? PFA image.
4
votes
2answers
322 views

The best approach to display a long profile information

I was re-designing a desktop application and the target audiences are mostly eldery women (user average age is around 50 years old). This application keeps the data of church and medical members so it ...
0
votes
3answers
2k views

UI feedback for a complex web form [closed]

I am working with a complex system which will have a lot of different long forms. I did this first prototype and I would like to know what you think. Thanks. I updated the design adding the ...
3
votes
1answer
114 views

Best practice to communicate the existence of different tiers of access /membership on a Shopify website

My website has an invite-only section for a subset of account-holders. What would be the best way to make that understood to my users? Are there any design patterns that have been proven their ...
3
votes
1answer
293 views

Developer tells me I can't use dropdown in this context

I have a question regarding the attached picture, where I can choose one or more lines on screen 1 and make my choice on screen 2 allowing the "next" button to become available (in screen 1 it is gray ...
2
votes
3answers
190 views

Effective view switching when space is at a premium

I have an area in which space is at an absolute premium and I have a very small space to switch between a mailing address and a billing address. I'm struggling on deciding on a tight but effective UI ...
-5
votes
2answers
2k views

Where can I get a Free Material design based theme [closed]

We are starting a project, where we want to download free material design theme based framework (With MIT License) to reduced development effort and time. similar to angular material and bootstrap ...
1
vote
2answers
84 views

View time range selection on datagrid with limited space

I have a datagrid that shows realtime data. How ever, Users should select to see if they want 'Last 5 minutes' data or 'Real time' Data. I did this using radio buttons, however it doesn't fit and is ...
0
votes
1answer
95 views

List options order and groups

I have a group of options from a new button like this: I am not sure if six options are too much for the user. Perhaps it has too much cognitive load? Any suggestion? Another question is: "Project" ...
0
votes
2answers
441 views

When to use Action Overflow Menu vs Modal List

For a mobile web app when would you use an action overflow menu as opposed to a modal window list? Here is an example of a modal window list used on Instagram App (android): Here is an example of a ...
1
vote
2answers
611 views

Mobile design - price range pick

Im trying to improve UX of mobile version of our loan website and I have hard times figuring how to improve price range and day picker. I am enclosing you what I have so far and would like to improve. ...
1
vote
2answers
187 views

Design for ultra search

I would like to give my users another search option. Paid search. The budget is for X searches paid from advance during the registration to the service. That type of search is called VIP search or ...
1
vote
1answer
111 views

What is better to use for controls that make an action and change the layout?

I have an app that remotely controls a device. The device has several modes. Switching the mode activates some actions. For example, air conditioner do different job in different modes. But my device ...
0
votes
1answer
98 views

How to indicate custom (unique features per client) in a UI

I have a (quite big) software, and some features are custom for each client. I want to highlight the fact that those features are handcrafted for them in the menu, but I don't have any idea on how to ...
1
vote
2answers
875 views

What's the best way to handle displaying a long list of user permissions in a UI?

I'm working on a permission-based access project. I have a long list, in the hundreds, of permissions that will allow Administrators of the system to customize permission groups for individual users. ...
2
votes
3answers
313 views

Empty context menu - useful or an anti-pattern?

In most areas of our browser-based application, the user gets a context menu when he right-clicks an object. In some areas, there are no actions available for the selected object, therefore a right-...
1
vote
2answers
696 views

what color besides black and white are, measurably, most easy to see?

a practical example is when deciding what colour to pick for 'section titles' of long bullet-point text (has sub-bullet points also) on onenote, g-docs, and most anywhere so im hoping for a software ...
1
vote
1answer
531 views

Term name of Step By Step Form

I'm planing to contribute Web Components as open source. what is the interface term name for Step by Step Form.
1
vote
1answer
574 views

Best way for user to create category tree

Our clients need to create a shop structure with many categories and subcategories, and our current system is not very easy for them. I thought the best way would be just a blank text area - ...
3
votes
1answer
3k views

Not right to design same UI for both Android and iOS. But what is the number of users having both Android AND iOS?

Discussions for having same UI for both Android and iOS has been ongoing since ages and the majority of people think that design for platform is better than using same UI across different platform (...
1
vote
1answer
138 views

Best choice for data with multiple variables?

I am tasked with creating an interactive visualization of tasks, where the visualization needs to show: - task importance - task progress - task state (active, completed) - task relationship (tasks ...
0
votes
1answer
104 views

UI for a webpage to get feedback on Twitter

A webpage I'm designing, is loaded with information about the client's technology capabilities. They want a feature/way where their users give them feedback on the product roadmap in two ways: Form ...
0
votes
1answer
603 views

How to display one to many mapping in a Grid

I am having some trouble finding the best way to display this sort of mapping. My current grid looks something like this However there is a 1 To Many mapping between a Username (plus the rest of ...
1
vote
1answer
204 views

Is there a better way to organize control/data control panels?

A client I am working with has about 15 screens of control panels, with varying lengths of data columns/rows (some with scrolling columns). All must provide some sort of editing feature pertaining to ...
2
votes
1answer
93 views

If a tab has the same name as a card, should the card heading be removed?

I am using material design concept. I have tabs and within each tab are cards with headings and content. Sometimes there are 4+ cards inside each tab, sometimes there is only 1 card. I understand ...
6
votes
2answers
713 views

When does a persuasive pattern become a 'dark' pattern?

The UI Patterns website lists a large number of current and emerging design patterns. Under the section called Persuasive Design Patterns, and many of these patterns are commonly seen in social media ...

1
3 4
5
6 7
18