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

learn more… | top users | synonyms

0
votes
1answer
18 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
2answers
70 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 ...
-1
votes
0answers
36 views

Whats the best color scheme / theming layout? [closed]

I am making this panel by branding a comapny color base on preference, but want to ask what's the best layout.
1
vote
2answers
48 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: ...
15
votes
5answers
1k views

When you have to fill up the rest of the page

I've noticed that I often run into the same problem in many projects I work on: It seems like I always end up having that extra space that I have nothing to fill up with. It usually ends up with an ...
1
vote
5answers
86 views

Thinking about splitting out similar processes. Dilemma

I am working on a project that involves sending messages. Messages come in two flavours - a simple quick message and a full message (or campaign) which includes some additional information. I am ...
1
vote
1answer
110 views

How can I clean up the information design of these piano notes?

hopefully i can attach a screenshot here... I am buried under the complexity of displaying piano notes. (hmm, thanks editor guy for including the screenshot in the message. but it's not quite hires ...
8
votes
6answers
3k views

Best layout for a settings page

I have a settings page with a fair number of options. See screenshot Each of the links will take the user directly to a form where they can change the details (ie Business Settings) or a ...
1
vote
1answer
70 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 ...
77
votes
5answers
10k views

Why do numpads on keyboards and phones have reversed layouts?

I came across this on the web. It's supposed to be funny, but we all know better :) So, why are the numpad layouts different, and what are the reasons behind each?
3
votes
1answer
57 views

Which would be more appropriate: redirecting users on a subdomain to go to my shop or stay in the same domain

I am currently designing my portfolio and I want to integrate my shop into it but I'm quite not sure if it would work with my idea. My idea is to build my portfolio and have a button where it says ...
1
vote
2answers
591 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
2
votes
2answers
78 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 ...
1
vote
2answers
63 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 ...
2
votes
1answer
59 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 ...
0
votes
0answers
26 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 ...
1
vote
0answers
53 views

How to Best 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 ...
2
votes
2answers
127 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 ...
1
vote
2answers
73 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
77 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
3answers
91 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 ...
5
votes
4answers
394 views

Should Website “Container” elements reach the bottom of the screen?

I've got a fixed width layout site much like SE and Twitter and it personally bugs me when my "short" pages don't reach the bottom of the page. I've been wondering if this is a purely stylistic issue ...
0
votes
1answer
44 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 ...
5
votes
2answers
217 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 ...
157
votes
23answers
47k views

How To Display Too Much Data

We're building a web-based platform where the main dashboard shows a table of data for users to view and analyze. As we're growing this tool, we seem to be adding more and more columns and are running ...
1
vote
0answers
60 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: ...
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 ...
20
votes
7answers
2k views

Greyed-Out vs Invisible

What is a good criterion or rule-of-thumb for determining when a control should be greyed-out and when should it be completely invisible?
0
votes
3answers
64 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
1answer
49 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 ...
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 ...
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 ...
3
votes
1answer
88 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
22 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 ...
1
vote
1answer
51 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, ...
1
vote
1answer
85 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 ...
0
votes
2answers
90 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?
7
votes
3answers
615 views

Layout for adding one or more contacts to a record

The context: The user is creating a client record. Against each record their could be one or more contacts (people) provided. Often this will be adding 1 or 2 but could sometimes be up to 5-10. The ...
22
votes
5answers
371 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 ...
2
votes
2answers
103 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
0answers
65 views

Ask a Question, Get a Response Now or Later

I'm building a mobile app about asking questions and getting responses. The responses can be almost immediate (~10-15 seconds) but about half of the time it may take hours for a response to be sent. ...
123
votes
5answers
8k views

Avoiding the Hermann grid illusion

I'm a UX newbie and I'm trying to design a page of image thumbnails. I came up with this: The trouble is that this layout creates the Hermann Grid illusion. When looking at the grid, most people ...
0
votes
2answers
118 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 ...
1
vote
1answer
152 views

What are the alternatives to dragging items to add to data view?

I have a list of items in a tree in a column on the left of the page. Each item can be added to one or more views by dragging the item onto a view on the right of the page. This is proving to be ...
2
votes
4answers
487 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 ...
5
votes
4answers
556 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
93 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: ...
198
votes
24answers
38k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
0
votes
1answer
39 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 ...