The way in which the elements of an interface are laid out.

learn more… | top users | synonyms

1
vote
0answers
19 views

Social Media links: is it worth the costs?

This is something that we were thinking about and couldn't really find a solution yet, so appealing to the smart people here. The context we all know that social media is good, we believe that, we ...
0
votes
2answers
39 views

Using Modals or Extra Tabs for Organization of Data

We have been trying to implement a web-based configuration system and we have been wondering about the correct design choice to layout the options. Our current Organization is similar to this: ...
1
vote
2answers
67 views

What is a good way to let the user change screen layout?

I have 2 layouts. A 1/3 2/3 Sectioned layout and a Full 3/3 Layout. I want the user to be able to change between the two. Right now I have this in the header: Is there a better or more accepted way ...
1
vote
0answers
56 views

Two design layout for 3 contents [closed]

Which design is more modern for display 3 contents on the page? Should I use a 3 column design or the second design to give more information? These contents are about personal projects. First Design: ...
5
votes
2answers
194 views

Criteria for a valid sticky top bar

I see lot of websites that has design responsive for all devices, with css styling that as a user [, designer, and developer] can say that put effort upon. They use a banner/header/menubar on the ...
1
vote
3answers
83 views

Should I label (before) or subtitle (after) a number in dataviz/widget?

Discussing about donut chart in Is multistability a good thing on a donut?, a question arise. Discarding the pertinence of donut chart, do you have arguments/studies that would favor one of the ...
0
votes
1answer
41 views

In a card style layout, do pin/unpin have the same meaning to the user as hide/unhide?

I'm working on a card layout, where the user should have activities, such as pin / unpin a card, and hide / unhide a card. The first action can be done on a catalog page, where the user can choose ...
1
vote
1answer
43 views

Where to put live chat?

We are considering putting live chat on our website to be able to help our customers when they need. Now we are deciding where to put it. Usually they are location on the right bottom corner, or they ...
0
votes
3answers
45 views

Scroll of the main content when the modal window is open

Should the main content of the screen (a layout of cards) be scrollable, when a modal window is open (without any overlay)? What about the solution like this: when the modal window is open, the main ...
0
votes
2answers
39 views

Help on placing controls

I need some help on placing usercontrols for a financial app I'm working on (It's WPF but it's not relevant) I've created this wireframe I thinks this approach is an old style... and I need some ...
3
votes
1answer
84 views

iOS/ Android - Can we implement a popup over an other popup?

When a user is prompted with a popup to select a option, Whether we can invoke a second popup over this first popup or closing/hiding the first popup to showcase the second one?? Or any other good ...
0
votes
0answers
21 views

Mixing many different output types in one layout

We currently have a paper based system where there is a Rolodex type card for every item we provide - we are now computerising the cards and are trying to come up with a UI which closely resembles the ...
20
votes
12answers
5k views

Are two toggle buttons better than a tri-state switch?

I have a grid of people where for each person the user needs to decide whether to include the person in a predefined group, exclude them from the group, or leave it undecided. The initial state is ...
1
vote
1answer
43 views

What is the term for designing an element such that it visually reflects the spatial design of the object in real life?

What is the term that specifically describes laying out an object or representation of an object such that the interface reflects the spatial orientation of the object in real life? For example, ...
0
votes
2answers
81 views

Pause button position in a game UI?

I see them mostly at the top left and top right of the screen (touchscreen games). Which is better, and why?
1
vote
1answer
80 views

Where to put a search button with auto-complete suggestions (usually at the top of the screen) to a more suitable location for mobile platforms

I am implementing a search bar on a mobile device (smartphone) in which I start with only a search icon button, but when the user presses it a text field becomes notice-able next to this icon and a ...
2
votes
2answers
97 views

Why do desktop applications place settings in one dialog?

It's easier understand why web sites are doing it, but i'm not sure why desktops place settings in one dialog when, for example, multiple windows can be opened. I once wrote an application with a ...
13
votes
8answers
4k views

What is the best way to show my users that buttons in the same line have different functionality?

I have four buttons on my interface that all look the same but don't all act the same. They are laid out like the example below. download bmml source – Wireframes created with Balsamiq ...
0
votes
2answers
51 views

Deal making interface from a menu

I have an interface where a restaurant owner can create deals from their menu. The way deals are created is as follows: Restaurants can add any number of deal items. Each deal item can offer ...
0
votes
2answers
111 views

Print icon placement on a webpage

I am producing a site that generates financial information based on user inputs. Users input their expected financial contributions and are provided with a visual representation, graph and table of ...
2
votes
4answers
368 views

When designing a website, what screen resolution should I design for?

I have a simple question about the best resolution to consider when developing a website. Usually I consider the max-width: 1920x1080px, but now TVs are smart and some of them allow you to browse the ...
22
votes
5answers
368 views

Should voting buttons on SE float down when scrolling?

SE is A/B testing a new solution where the voting buttons on an answer remain visible as you scroll down. (I apologize for the running gif, it's super annoying, but it does the job). Apparently ...
5
votes
4answers
503 views

Left-align or right-align a Call to Action button?

We are creating online presentation, and most of the text on the pages is centred, on the last page we have CTA, the button leads to a different website, that is aligned to the left. I was asked to ...
0
votes
1answer
77 views

Mobile site navigation - Burger menu or not? [duplicate]

Can anyone share some stats on the pros and cons of both using a burger menu (standard drop down or pop out) Vs a simplified navigation for mobile. Examples of great navigation can be found here: ...
2
votes
2answers
112 views

Flashcard app - list or boxes?

I am making a flashcard webapp, and am deciding between using lists or boxes to represent the decks and cards. i.e., Lists Boxes (with create new deck/card box at the end) So far, my points are as ...
0
votes
1answer
38 views

Inspiration for a search layout containing 3 arbitrary long values for web sites

While thinking about a proper layout for a search page which contains always groups of three data entries I initially came up with such a concept: The search groups, which can be searched for ...
4
votes
3answers
365 views

How can I show that data in a table is related to other data within the same table?

I have a table where every 6 entries of the data are loosely related. How can I show that these sections of data are related without adding a separate column explicitly saying so? I've tried to ...
3
votes
1answer
44 views

Alternatives to 'perspectives'

When looking at popular software like Eclipse, Adobe, 3D-Sutdio-Max, XCode they all do all the same to narrow the interface to a specific task by re-organizing the layout & panels for you. This ...
17
votes
3answers
1k views

Multi shapes buttons damage User Experience / User Interface?

This is a question I have been thinking about in the past few days. I'm making a social app(Similar to Facebook or Instagram etc). As I started working on the design and I though of a question. The ...
0
votes
2answers
63 views

Is this login arrangement better than a typical social signin?

First I had a social signin which was nearly identical to the old stackexchange login and my login looked almost exactly like SO:s "login with google" "Login with facebook". Now we have designed our ...
0
votes
1answer
63 views

How do I make it obvious that a question must be selected in order to filter a components list

This is a data analysis tool. The user poses a question, and then adds data analysis snippets that helps answer that question. On the left of the page, there is the list of questions and a field ...
1
vote
4answers
86 views

Heuristics for implementing good reading with columns

Users read slower with wide columns, so having multiple columns makes sense for print, but it's more complicated for desktop apps. A desktop or laptop computer screen is too wide for fast reading, and ...
2
votes
1answer
50 views

Mobile post page - next post fly out vs. static next post

I am working on a heavy content site. On desktop post page i have sticky sidebar that displays the next posts. On mobile at the bottom of the page when the post is over, the read next stories are ...
3
votes
1answer
147 views

UI to quickly build a tree

Our users need to build trees with unlimited hierarchy containing several types of nodes, and they need to control the order of the nodes. A user will start with a root node, and add child nodes to ...
1
vote
3answers
108 views

What would be a good way to present a choice between a text form and file upload?

I need some text to be entered, either through a textarea form or by uploading a file - but obviously, not both. What would be the best way to present this? This is what I have at the moment, but I'm ...
19
votes
11answers
3k views

Is it ok to use arrows to indicate money movement in & out of an account?

I have seen numerous examples of banking applications that use arrows to indicate money in and out of an account. However the direction of the arrow is a bit problematic, specifically in which ...
3
votes
1answer
162 views

Why doesn't YouTube center ads?

Left aligned Centered ad Is there any reason why Youtube is not centering the ads? It is very simple to center it, so I am guessing they are thinking about some user experience.
4
votes
5answers
439 views

How to avoid big banks of buttons?

What are some alternatives to having repetitive rows buttons that create large banks like the one shown below. I think it's too visually dominant and distracting, not least because there's one of ...
2
votes
2answers
113 views

General rule to calculate padding

Is there a general rule to calculate padding/margin values to make web page layout more err... beautiful? (Spacing between elements on a page, between elements and page borders, etc.)
0
votes
2answers
41 views

Begin the column at the top of the title or at the top of the first main content text block?

On our homepage we have a content and a column with some boxes. What is the better approach: 1. Begin the first column box at the top of the title: 2. Begin the first column box at the top of the ...
2
votes
1answer
81 views

What is an effective method for in-page navigation when none of the other pages have in page navigation?

I'm updating a help page that is sectioned and navigated using a list of links at the top of the page. Since there is so much content in the help page it is easy to get lost, and the only way to ...
4
votes
3answers
89 views

How to add dependencies between tasks in a list

I have a list of tasks that can be dependent on each other, e.g. task #2 cannot be begun until task #1 has completed. In schematics, it might look like this Id | Dependency ----+----------- #1 | ...
0
votes
1answer
67 views

Arranging a tall narrow rectangle with a short wide one

One of the hardest UI things I tend to encounter is fitting a tall narrow rectangle with a short wide one. (In my current situation each rectangle is a sheet of controls.) It seems to be impossible to ...
6
votes
1answer
193 views

How to Display Occasional Announcements on a Website?

I’d like to add an announcement banner or an element with the same functionality (e.g. alert, button) to a website to notify users about an upcoming survey. It should contain a call for participation, ...
1
vote
2answers
181 views

Guiding the user through a multi-step form

We are building a kind of wizard driven by rules which will assist the user to complete a number of stages each consisting of a set of steps - I asked a question about this earlier on a different ...
1
vote
1answer
144 views

Switch from top nav to icon based left sidebar on dashboard views

I've been noticing an increasing number of new dashboard design that use an icon based left sidebar as oppose to top nav. Is there a UX reason for this change or is this strictly a design trend? e.g. ...
3
votes
1answer
98 views

Sticky header positioning

The page below is a detail page of a certain Patient, in this case: "Mevr adasfad..." When end-users scroll down they'd like some additional feedback on what page exactly they are, the name of the ...
1
vote
1answer
159 views

What is the optimal width of a card? And responsive?

First, I know it depends on the content. And after reading through ux.se, blogs and observing websites; the results are quite less. What I've found so far: Text is readable at best ~100 characters ...
0
votes
1answer
162 views

Spinner (UIPickerView) or separate buttons to select quantity?

I am creating an iOS application for a stock picking system. Customers will order in stock and use this system to go and find the item off the shop floor to pack. They submit through the system and ...
3
votes
1answer
70 views

Layout options for document review, form data entry on web application. Monitor(s) resolution not known

We have a need to allow the users to open a document from the web application and enter data from the document to web forms. We don't know the monitor setup for the users (dual vs single / monitor ...