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

learn more… | top users | synonyms

1
vote
1answer
74 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 | | ...
0
votes
1answer
358 views

Layout of filters in HTML form

I'm struggling to figure out a decent way of laying out a filtering system in an otherwise simple HTML form. For context, the form is used to submit issues, like those you see on an ISP or web host's ...
1
vote
1answer
108 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 ...
1
vote
1answer
42 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 ...
0
votes
1answer
37 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
71 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. ...
2
votes
2answers
36 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 ...
1
vote
2answers
313 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 ...
0
votes
5answers
135 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 ...
1
vote
2answers
55 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
12 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?
5
votes
4answers
828 views

Is it OK if asterisk is put after label that is above the field?

Look at wireframe: download bmml source – Wireframes created with Balsamiq Mockups Does it look OK that labels above fields have asterisks? Or should labels be placed left of the fields? ...
0
votes
0answers
52 views

Where to put the global and local navigation?

I'm not really sure where to put the local navigation. The YELLOW box is a list of devices that the user can connect to, and could have anything from 1 to 1000+ items in it. The RED box is ad/info ...
0
votes
1answer
59 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 ...
3
votes
4answers
704 views

Is it a bad practice to put the main web navigation on the upper right of the webpage?

My non UI savy client provides me with the webpage layout he wants via powerpoint. There's a header row on top. On the left is a logo image and then a line of text that is the company name. These are ...
1
vote
2answers
83 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 ...
-1
votes
1answer
39 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 ...
2
votes
3answers
204 views

Buttons for a process with multiple or optional parts/stages/segments

What is/are the best UI practices for a process that has 2+ stages or optional segments? And how does the amount of stages, and the popularity or likely use affect the layout? For example, if I want ...
0
votes
1answer
34 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
75 views

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

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
25 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 ...
0
votes
2answers
27 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 ...
4
votes
2answers
144 views

Best way to display support, contact, and preferences in Mac App

I'm trying to decide what the best way to display the following options to a user is: Contact / Social Connection Links (ex. find "company name" on Twitter / Facebook) Support options (ex. in-app ...
1
vote
1answer
202 views

Better way of displaying grouped periodic data

I am working on a report where I have to display hierarchical data in relation to some type. For cumulative data over some period I have a table as presented in image below 1: The task is to ...
0
votes
0answers
20 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 ...
29
votes
6answers
3k 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
52 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 ...
2
votes
5answers
432 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
0answers
13 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 ...
3
votes
1answer
69 views

The main user action on my page is importing files, does it matter that my import button isn't next to my select files button?

Please consider the admin screen below: One of the tasks on this screen is to import a file. However, the import button is located on the toolbar rather than next to the form. Would it be clearer to ...
2
votes
1answer
686 views

Is “above the fold” still relevant in 2014?

I'm currently researching about the validity of the "above the fold" concept in 2014. So far the generally agreed-upon facts I've detected about the "above the fold" are: Scrolling is now natural ...
1
vote
5answers
110 views

What is the best way to arrange chinese words on a menu [closed]

On a English menu , the food items can be arranged according to alphabetical order For a Chinese menu , there are no alphabet, only chinese characters , what would be alternative way best to ...
7
votes
9answers
659 views

How can I make the relationship between rows in two tables more obvious to the user?

I have a web page that at first showed a top level goal with a bunch of risks. here is an example mockup: I now realized that since I have a series of events, it would be good to break down and ...
0
votes
1answer
62 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 ...
0
votes
0answers
42 views

Alternatives to dragging items to add to data view

I have a design in which a list of items are in a tree in a column on the left of the page. Each of these items can be added to one or more views on the right side of the page. Currently, this is done ...
4
votes
3answers
642 views

What are some reasons that not all websites have fluid layouts?

Recently, I was using Facebook and I resized it to 50% of my screen to look at something else. What I saw was that most of the page was cut off. What are some reasons for Facebook or any other major ...
40
votes
2answers
2k views

Why don't ATMs show blank arrows for unused buttons? [closed]

Have you ever had trouble lining the arrows up with the correct button on ATM consoles and other similar interfaces? Height of user can affect perceived alignment, as well as poor installation or ...
26
votes
10answers
2k views

Is there a usability reason for centering a website's content area on a page?

A lot of websites these days have content area's which are center-aligned: http://ux.stackexchange.com is an example. However some sites are left-aligned e.g. http://forums.adobe.com/index.jspa, ...
4
votes
1answer
382 views

How to display multiple (100+) content blocks on a single page

i have a page which comprises of multiple blocks. The blocks are like containers that have to accommodate several contents. The contents you can imagine as say some text/sentences. These are present ...
0
votes
0answers
51 views

How to tell a user that part of an import was unsuccessful [duplicate]

At the company I work for each week the back office needs to import a CSV file that contains about 50 rows of customer information (new customer, customer details, addresses and others). Sometimes ...
10
votes
5answers
659 views

Why do squares look taller than wide on screens?

Take a look at this square: To me it seems that the square is taller than that it's wide. Yet both axes measure 400 pixels. What is causing this optical illusion? UPDATE 10 March 2014: A lot of ...
2
votes
2answers
235 views

How to make complex settings simple and easy to understand?

I am trying to create a SSD dashboard for our software applications that show all the services listed and their current statuses similar to http://status.aws.amazon.com/ or ...
2
votes
1answer
90 views

Best practice to show transaction history?

I am working on the redesign of a transaction history page. Existing design uses expandable data table to show the history of each item. the data set comprises over 8 attributes including the status ...
2
votes
3answers
441 views

Pricing page: single vs multiple call-to-action button with multiple plans (example inside)

What do you think about having single vs multiple call-to-action buttons? When we were brainstorming our pricing page, half of the room was for single and the other half was for multiple. I'm trying ...
2
votes
3answers
72 views

Grouping Similar Controls

For Windows based software regarding image processing, I am torn between two options for grouping logically similar parameter controls. The option on the left is more thrifty with screen space, ...
109
votes
5answers
7k 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 ...
3
votes
1answer
42 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 wanna 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
4answers
217 views

Multiple search fields on directory website homepage

I am developing a web directory app whereby users main action will be to search for business addresses right from the home page. Currently, I have a search box centered on the homepage. Like this: ...
161
votes
23answers
27k 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
2answers
71 views

UI Design of News Magazine with borders, boxes or no seperation [closed]

Im building a news website and want to know which UI Design is the best in terms of readability, findabiltiy and focusing of each / important sections? Example 1 - Boxed Layout - each section has its ...