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

learn more… | top users | synonyms

5
votes
4answers
395 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
48 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
63 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
34 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
326 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 ...
1
vote
1answer
14 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 ...
13
votes
2answers
884 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
41 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
57 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
84 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
35 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
122 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
90 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
158 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
428 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
91 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
58 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
70 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
58 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
131 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
157 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
103 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
88 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
83 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
125 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
58 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 ...
1
vote
1answer
80 views

Saved Search vs Ad Hoc Filters

I'm looking for a way to allow the user to perform a search quickly & easily, most of the time using saved searches with relative dates. Frequently the user will want to perform ad-hoc searches ...
4
votes
5answers
132 views

Is a product feature list suitable to display in a table?

On an ecommerce site (say selling T-Shirts) each product has its own page, and the page will have information about the product. Aside from unique things like photos, descriptions and reviews etc ...
1
vote
2answers
81 views

Average rating score vs number reviews

I am designing a list, and under the name of each product, there is a rating based in 5 stars. Next to it we want to display average rating in numbers (i.e., 4.3/5) and/or total number or reviews ...
0
votes
0answers
145 views

converting a three column layout page into Material design

My current project involves converting the following design into Material design. I have been reading material design guidelines on Google website. However I feel quiet lost as to how I would convert ...
6
votes
2answers
318 views

Can I trigger a browser scroll without the user explicitly requesting it?

I have a panel in the lower part of my page. It has a dropdown in it that will contain lots of items (>20 for the sake of argument) as well as some other controls and fields all related (for sake of ...
0
votes
1answer
83 views

how can I clean up 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 ...
0
votes
2answers
48 views

What is a convention way of displaying a list of offers on a landing page

I've a landing page with a list of offers, currently shown in a table. I'm not happy with the way it looks and I want to change it to a different UX layout. The page is ...
0
votes
0answers
51 views

Best way to fit free-form data body below a table row

We're redesigning our a page of our web-based application after complaints that this particular page was too data-dense. The page currently has 6 filters at the top and a data table with 10 columns. ...
19
votes
5answers
2k views

On a web page, what is the user's first point of focus?

Background I am designing a website for my software development business and I am struggling a bit with the layout. I offer three main services/products: Software Development Process Improvement ...
0
votes
2answers
104 views

home-page navigation: categories with description text

This is about the home page of a website which has 9 categories. Each category is represented with a box which shows the category title with big bold fonts in the first line and then 3 lines of ...
2
votes
6answers
240 views

Volume controls and mute order

I'm designing a remote control that only have Volume Up, Volume Down and Mute. But I can't decide where to put the mute button, in the middle or on the bottom. And what should I have for the Mute ...
2
votes
2answers
135 views

How should I display notifications on the tab?

I'm developing a user-script for StackExchange sites, where I display inbox notifications as well as rep change notifications. Currently, it is displayed in the following way [inbox] if inbox only, ...
3
votes
1answer
176 views

How to deal with mega-dropdown menus with inconsistent content?

Context: desktop site which shows data. The main menu has from two to four levels. Without the possibility to change the page content and the menu architecture, we have to optimize the menu view. The ...
2
votes
3answers
343 views

Improve form design for more efficient editing/browsing through data

INTRODUCTION: I am asking for advice to properly redesign the GUI so user can have the best possible user experience. Although I am generally satisfied how things turned out for entering data into ...
0
votes
0answers
33 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. ...
0
votes
0answers
68 views

The goods of forcing the user to follow a path

Maybe this is not the best place to ask as this seems to me like a question regarding two fields: marketing and user experience. Hopefully some of my questions could be solved from the user ...
0
votes
1answer
77 views

Can not design window to be used both for inserting and reading data from database

I am working on a financial software which has a lot of data to be entered into database. I have managed to design user interface for entering data on my own, and my employers are satisfied. ...
4
votes
1answer
211 views

Displaying N levels of organisational hierarchy intuitively

I need to display top-down hierarchical data in a web browser that represents the geography of a large organisation. The data looks like this (except the actual list is enormous with 8000 staff across ...
0
votes
0answers
66 views

Resizable left hand menu panels - do they work on mobile?

Consider the three pane layout characteristic of many PC based applications and websites, with a left hand panel. In many cases, the left hand panel has a handle on it and may be resized by the user. ...
2
votes
5answers
148 views

Gratuity (tips) interface for Mobile Point of Sale (mPOS)

here is our current design of Mobile Point of Sale (MPOS) UI for the Gratuity (leaving tips if simple). MPOS is that device that you see mostly in supermarket when paying by card (small screen, card ...
9
votes
3answers
568 views

Why use 'fixed width' or boxed layout rather than fluid?

I've noticed many sites (including stackexchange) use the 'fixed width' or 'boxed' layout where 50% of my screen is white space, kind of like watching a standard definition TV show on an HD screen. ...
1
vote
1answer
170 views

How can I show a clear hierarchy in a small space?

I'm making a thing that looks like this: It's a list of pages which have tags. These tags can have a hierarchy, like this: programming | \-> perl | \-> python | | | \-> python 2 | | ...