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

learn more… | top users | synonyms

3
votes
3answers
57 views

Product links to multiple stores

The product in this case is an Album, and I am trying to decide from a few different layouts/interactions. The challenge comes from providing the options allowing user preference : itunes, amazon, ...
-1
votes
1answer
74 views

What is the best way to display multiple columns?

I have been asked to come up with a solution for displaying 50+ columns that were previously viewed in excel and now need to be brought to the desktop application UI. Mobile version is out of scope. ...
0
votes
1answer
27 views

For an instant message program, should your messages sent be left or right side? [duplicate]

For many IM programs, especially text apps for phones, you can see a conversation with a specific person. To quickly distinguish between messages sent and received, they are pushed to each side, like ...
0
votes
0answers
31 views

“General” game GUI (not mobile)

Looking at the general layout of a lot(but not all) of computer games across the FPS/RPG/strategy genres the format usually follows a rough pattern; Menu = top left, Chat/log = lower left, Action ...
0
votes
2answers
70 views

How to layout a page with very long list of sub-navigation items?

We have these few pages that have an inner navigation but for some pages, the number of items are very long. For some pages, the number of navigation items are short. See below for the ones with a ...
4
votes
2answers
115 views

How to display nested categories of data without using nested menus

I've been put in charge of making a simple website. I'm also new to front-end web design and just design in general (I've always been a back-end programmer). I was given a document by my superior ...
0
votes
1answer
53 views

How to determine if something is 1 row vs 3 rows in bootstrap? [closed]

In the following layout, how do I determine if each element should be in their own row and column or if all of them should be in 1 row and 1 column together, but separated by line breaks? Is there ...
0
votes
1answer
52 views

Indicating direction of an object using a basic string

I am trying to indicate the direction (left or right) of an object relative to a fixed point, which is itself located relative to a standard center, using simple text. This direction information is ...
1
vote
1answer
109 views

What makes this POS design look dated [closed]

We are planning to update the design of our POS screens, so I want to understand what is making them look dated. The screens currently have all the functionality that we need -- we are just focusing ...
1
vote
1answer
49 views

How to display adequate info without looking “busy”

So I'm making a section of a web page for an "event management" system. The system works as follows: The Organizer Email field is an autocomplete. You start typing an email and it performs an AJAX ...
1
vote
3answers
160 views

How to efficiently show lots of profile data in a glance?

We're in the process of creating an International Directory System for our Employees (which would provide details of Employees - summary of their education, experience, contact, and social media ...
51
votes
8answers
6k views

Most User Friendly Color Picker

I'm designing a website, and I need to allow the user to change the color of some elements. I will have to implement a color picker. What kind of color picker is the most user friendly, and looks ...
0
votes
2answers
49 views

Location of the site creator [closed]

I want to add "created by @my_name" or "by @my_name" but I don't want to put it in the footer or some other inconspicuous place. I decided to make this "fixed" on screen, but do not know where it is ...
1
vote
5answers
170 views

Style before layout or layout before style?

When designing something for the web, is it a better to focus first on the layout and then on the style or the reverse?
1
vote
3answers
112 views

Indicating the presence of content below the fold in a mobile UI?

In my mobile app, I have a "Profile" section that the user has to fill in. It looks like something like this PERSONAL INFO SECTION HEADER (label) FIRST NAME (textfield) LAST NAME (textfield) ...
3
votes
3answers
211 views

Good design for grouping labels on a form?

I have the following area on a form: I don't like the repeated words "Open" and "Date". To me repeated words just add clutter. I would like to have a way to group these together in some way. ...
0
votes
1answer
94 views

How to best display this tree structure?

I am displaying a tree structure with Angular Material and angular-ui-tree as shown below: I'm not happy with the look of it (lots of white space, distance between buttons and text) but can't think ...
0
votes
0answers
66 views

Organized catalog of “big” UI patterns?

I need to make some fundamental GUI choices and would like this process to be more formal. E.g. how do I make a decision whether a details view should be a collapsible panel or a separate window? ...
0
votes
2answers
58 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
87 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
240 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
170 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 ...
0
votes
2answers
96 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
176 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
84 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 ...
0
votes
3answers
126 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, ...
1
vote
3answers
168 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 ...
1
vote
3answers
149 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
97 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
939 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
72 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 ...
0
votes
1answer
69 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
91 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 ...
1
vote
0answers
70 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
65 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
65 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
628 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
39 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
47 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
134 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 ...
2
votes
2answers
95 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
39 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
105 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
78 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
86 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
88 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
67 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
245 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
110 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
55 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 ...