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

learn more… | top users | synonyms

0
votes
2answers
62 views

Form Layout Efficiency if options to questions are all the same

Let me preface by saying that yes, I intend on doing usability testing with actual users. I am redesigning the UI for my company's product. On a particular form, the layout is currently: However, ...
1
vote
6answers
94 views

Active/selected members of group on the left? or right?

Given a web page with the classic "move items from a list on one side to the other", does it make more sense to have "active" on the left hand side of the screen? or the right? While Submit Buttons ...
2
votes
2answers
961 views

How to best display a lot of information or data on a single webpage?

Are there any "rules" or recommendations in UX Design for displaying a lot of data on a webpage? Or how to select the most needed information to display data?
4
votes
3answers
193 views

Contest-List: Separate site or simply scroll down on homepage

My webapplication concept is all about some kinds of contests in which users can participate. Each contest has a minimal amount of information that will be displayed while viewing the list. As for now,...
0
votes
2answers
100 views

Website design / where to put simple links

i am developping a website with this exact same layout http://demo.nicethemes.com/paeon/ i have several pages like services/contact/faq .. etc wich fit perfectly with this design but i have also ...
2
votes
3answers
207 views

Good way to show Application reminder on home page

I am working on a financial website where people can take loan, insurance etc. I need to display a reminder of sorts when a visitor comes back again on the home page showing that they have been ...
0
votes
3answers
89 views

Should I try to standardize the location of help buttons?

I've created a dashboard containing a map. My client wants little help buttons on each of the panels so if the user has a question about what something my do in each panel, they can click and see an ...
1
vote
3answers
178 views

1) Hiding and showing a dropdown in a form 2) Advantages and disadvantages of using a three-column form layout

I have a drop-down that lists org names. After selecting, it disappears and shows the org name (and address), with a command link to change it back to a drop-down. Is this good usability, and if so, ...
2
votes
3answers
213 views

What is best way to show the select box data which is long(almost one line sentence)

I have list box to show the select box data which is long(almost one line sentence). I cant make list box which look very big. For all sentence I have can use some code(Say for 'Sentence1' I can use ...
2
votes
3answers
232 views

Group rows in a table

It is very common to see tables on web applications nowadays but is not that simple to see tables with groups of rows. I have a table which can have multiple groups of rows. Each group can have from ...
0
votes
2answers
117 views

Best practice for dynamic form where user can split amount

I have a form in a web application where users may input bank operations. In this form, they have to put an amount, and they can, if they want to, split this amount into different "budgets". A budget ...
10
votes
4answers
1k views

What's the best location for a Continue button on multi stage Mobile App?

My app has multiple pages, each page the user adds info and continues to the next page. Where is the best place for the Continue control? Bottom & Centered for hierarchy or top right for ...
1
vote
2answers
97 views

How to show row related information

I have a grid of selectable rows. Each time a user selects a row a new panel will come from the botton of the page to show its related "Events" and "Comments". This way they'll be able to access ...
1
vote
1answer
117 views

Ideal default content area width for a site with tons of forms

I'm doing work on a staffing related website that uses lots of forms. The forms are pretty integral to every aspect of the site--from entering work history to filling out job applications. This has ...
2
votes
3answers
149 views

Web chat button on every page or select pages?

While I would typically research this until blue in the face, Allas I cannot find any specific research dedicated to this topic: Our company (Gas and Electricity provider) is deliberating whether to ...
2
votes
2answers
143 views

Should I fill empty space with more information or leave it empty?

I'm working on an application where the user is shown a map with some data on it. In mapping, there are different ways to classify the data, so the client would like to give the user the ability to ...
1
vote
2answers
70 views

For Wide Display Should Main Content be Centered or Left?

I am confused on how the main content layout should be on a wide screen monitor. So should I keep my main content on the left or middle? Since I have read many places that content should be on the ...
0
votes
1answer
66 views

Media layout best practices

I have a website which I maintain for my brother in law who is a pianist. I made the website a long time ago when I was a lot less experienced in web design and development, and recently he requested ...
3
votes
3answers
658 views

User inputs into tables

I'm working on a desktop-based app, where there is quite a large number of inputs the user needs to enter. I'm struggling to present the data to the user in such a way that looks good, whilst still ...
2
votes
1answer
40 views

Properly linking to another web page from your home page hero section

I have a slight issue/disagreement with my client as far as how to add a link on the hero section that takes them to another part of the site. Before I continue, observe this web page Notice I have a ...
0
votes
2answers
53 views

Showing a lot more content within a model box

I'm working on a single landing page where content had to be shown in a model box. also this content has more content under it. but it's too much to show all together in one modal box i've to work ...
1
vote
1answer
212 views

Schedule time UX

What I am trying to solve from the above screen shot is scheduling update. With the new update "to" field is optional, and not required field and also the UI and wording is confusing as when Run Start ...
2
votes
2answers
106 views

Titles/headers - align centered or top/left?

My colleague is proposing the following layout for the session summary footer on screen: But for me it doesn't feel right to centre-align these headers. I don't think I'm seeing such layout ...
0
votes
0answers
41 views

Screen layout for a form with research space

I'm building an application that will present a form to a user. In order to fill out the form, the user does a quick bit of research. Typically this involves jumping between a few documents, with ...
2
votes
2answers
110 views

How best to lay-out this inventory program

I am a beginning programer and am working on creating a program that will allow people to keep track of inventory in their house. The program accepts barcodes scanned over a TCP/IP connection to add ...
0
votes
2answers
82 views

Social Media links: is it worth the costs? [closed]

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 ...
1
vote
2answers
97 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
98 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
70 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
271 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
130 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
60 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
165 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 ...
1
vote
3answers
218 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 ...
1
vote
3answers
106 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 ...
4
votes
1answer
125 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
26 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 ...
21
votes
12answers
7k 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
123 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
172 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
155 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
134 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 ...
15
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 ...
2
votes
2answers
116 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
241 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
1k 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
390 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
1k 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
181 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: ...
4
votes
2answers
280 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 ...