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

learn more… | top users | synonyms

0
votes
0answers
40 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 ...
4
votes
1answer
72 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
112 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
52 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
72 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
47 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
83 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 ...
2
votes
1answer
25 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
61 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
113 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
56 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
80 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
297 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
78 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
45 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
36 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
88 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
225 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
130 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
114 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
310 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
25 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
60 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
72 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
182 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
51 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
129 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 ...
8
votes
3answers
349 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
151 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 | | ...
1
vote
2answers
177 views

Usability of having content in tabs versus being stacked

I am currently working on a project where we are discussing internally about the benefits between putting content inside of tabs versus stacking that content with anchor links above it. It is a ...
2
votes
2answers
70 views

Layout changing without user control

I am having this idea pushed at work where the layout of information should change dependent on the amount of different items we have to display. Let me be specific: If up to 12 we should show the ...
1
vote
1answer
206 views

What are Layout Filters? [closed]

Website: http://thegrid.io talks about something called "Layout Filters" which are more powerful than "templates" So what are they? I tried googling but nothing came up. And how are they more ...
1
vote
1answer
109 views

Display two column table on smartphone

I've been somewhat struggling on how to display a two column table on a smartphone (iOS app specifically). My said that they would like something other than a boring UITableView to display the data. ...
1
vote
2answers
83 views

How can I most effectively communicate design specs to my developer? [duplicate]

I am currently designing a complex app for a large energy corporation and I need to provide diagrams explaining the dimensions of my UI elements, layout constraints, typefaces, colours etc to my ...
0
votes
0answers
16 views

List of sub-items on tablets

At the moment I got this setup: download bmml source – Wireframes created with Balsamiq Mockups Is there a better way to handle this?
1
vote
3answers
149 views

Should I put a button below a growing list?

I'm trying to decide on a button location for an app I'm building. The app basically generates teams using lists of players for a given position. It feels most natural to me to have the button to ...
-2
votes
1answer
45 views

User interface of a simple single image detail view

I know this sounds generic, but I'm trying to find some clues and examples. What would be the best way to present a single image (about 1/4 of desktop screen size), along with some info (name and ...
0
votes
1answer
135 views

Mobile grid views - which style is preferred by users - rounded corners with borders or rectangles? [closed]

Is there's a way in which users of mobile devices prefer to perceive grid view content? I'm a mobile developer and stare at mobile interfaces quite a lot. One of the things that was bothering me for ...
0
votes
0answers
26 views

What is the name for this UI layout? [duplicate]

I'm looking for the name of the UI layout found on sites like Airbnb, Square, Paypal and others where pretty much the whole site is on one page and the user scrolls down to see all the content, with ...
2
votes
5answers
145 views

Do users find it hard to differentiate latest information from historic information when both are displayed at the same time?

I have two panels - one contains current information for a subject, the other contains historic trend information for the subject in a graph. I can display them on the same page - one underneath the ...
2
votes
2answers
41 views

Best way to show an applied variable across multiple plan information containers

I am trying to represent a variable that is set by a user that effects the cost of an item. The same variable would show on each applicable item block. Block may or may not be stacked as in the image ...
0
votes
0answers
24 views

Would laying out a multitude of [text-only] topics/options (> 15) in a card layout increase interface clutter?

I am trying to figure out when a card layout is optimal and when alternatives are ideal. For example, Khan Academy's lists has > 50 items, and is arranged in a neat list. Observing the flat trends ...
0
votes
5answers
202 views

Displaying a hierarchy in a dropdown

I have a dropdown in my application that allows users to select a location in a hierarchy. Currently, I am showing each level in the hierarchy as a tree-type layout, with the lower items intended and ...
0
votes
0answers
75 views

Layout filterable grid and categories

Background A user goes to this page to view the levels their groups (>=1) have been placed in for certain categories, i.e., basketball, etc. Each category has an overview pdf document assigned to ...
28
votes
6answers
4k views

About fullscreen scrolling webpages

There are recently many websites using full screen scrolling pages since Apple launched their own with the iPhone 5C. (website not available anymore, but a reproduction can be found here) Some other ...
0
votes
0answers
15 views

Making 4-column table responsive [duplicate]

I have a 4 column table for displaying event information about our event. I am facing issues with narrow screens when I have 4 columns of data in the view. What would be the most feasible solution ...
2
votes
5answers
450 views

Designing gantt like schedule in grayscale

I had some problem deciding if this should go here or in Graphic Design site. I hope I got it right! So I'm redesigning a schedule application. It looks something like this: Each activity has a ...
0
votes
1answer
81 views

Surveillance System Builder Utility

I'm trying to redesign a utility that allows the user to estimate what kind of DVR they need based on the type/amount of camera(s) they need. It filters out Video Recorders models based on the ...
0
votes
1answer
70 views

Truncated string usability

I am faced with a tricky situation in a data-driven application. I have really long names and a short field for them only available. My idea was to use css-ellipsis to cut the length to appropriate ...