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

learn more… | top users | synonyms

103
votes
5answers
6k 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
0answers
15 views

Creating a layout for online booking system [on hold]

I am trying to create a PHP script that allows a 'customer' to browse for available seats in a theatre. the theatre will contain the rows A-G with 20 seats in each row. I am wondering what the best ...
3
votes
1answer
36 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
162 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: ...
155
votes
23answers
24k 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?
1
vote
2answers
228 views

Scheduler Design with Slots

I to create a UI design for recurring events Example: John, do hair cut 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 45 mins slot ...
0
votes
1answer
34 views

Do you think this layout design work? [on hold]

I am working on a file management project. I want to know your idea about this approach on this page. Does this work at all? Is there any better way (your idea) I can improve it? Here is my thought ...
0
votes
2answers
52 views

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

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 ...
0
votes
1answer
47 views

HTML/CSS Type Over Video Slider

I'm working on a project where the designer wants tailored and styled type (i.e. CSS) over a video that's in a slider. Along with a png logo. Each video slider will have a different layout treatment. ...
3
votes
1answer
356 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
1answer
80 views

Mixing AND and OR filters — how to make it more clear and less confusing? [duplicate]

I am working on the Hotel Search App (33hotels.com), where I let the user filter Hotels by facilities. Most filters are "AND-filters" but some have to be "OR". For instance, someone may want "wifi" ...
0
votes
2answers
65 views

Applying features and add-ons for multiple lines

I want the user to have the ability to add features and add-ons for each line on the website (order page). If you look at the UI wireframe, it will ask you how many lines do you want from a ...
1
vote
1answer
141 views

Best type of thumbnail?

Let's say I have an app that accepts images, and the user takes the above image. Now I want to upload it, and display a thumbnail of the image on my website. There are two ways I can have a ...
3
votes
5answers
264 views

Website Layout - different background colour sections with full width

Recently I have seen a lot of new websites have been redesigned that each paragraph or section have different background colour with full width. For example: http://theme-fusion.com/avada/ What ...
1
vote
2answers
165 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 ...
1
vote
1answer
158 views

How to solve a space/content conflict in a paper form

Imagine a form that tradespeople use to manage safety on worksites. The form helps the worker identify potential safety hazards and suggests techniques for minimising risk. It also guides the worker ...
2
votes
3answers
156 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 ...
3
votes
3answers
81 views

Inline actions vs grouped actions

I have a page with a number of different lists on it. Each list has the option to add a new entry. Would it be better to have the actions in a separate 'action area' or position them close to the list ...
2
votes
2answers
370 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 ...
1
vote
1answer
39 views

Where to put information about an app?

I am creating an Android application where users enter in their GPA, SAT, and ACT scores and select majors that they are interested in. The output shows a list of colleges in descending order of how ...
16
votes
6answers
2k views

Ragged edges vs. alignment

In an enterprise application I have a list of items and their statuses, and we can't agree on the layout. Some people are bothered by the ragged edge that's created on the left in the first version. ...
0
votes
2answers
14 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 ...
5
votes
3answers
193 views

Should all fields in a web form be the same length? [duplicate]

Attached is a screenshot of a web application I am building. It shows where the user can enter input to perform a search. My question: should the text boxes/comboboxes all be the same width? The ...
1
vote
1answer
106 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
1answer
225 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 ...
3
votes
3answers
333 views

Is a timeline a form of sorting?

I am working on the design of a page that is supposed to provide call center employees with the means to view transaction history. There are 8-9 variables in play, I have tackled this by allowing ...
1
vote
2answers
54 views

How to show Text only post in masonry blog layout and keep the things symmetrical?

I have designed a masonry layout for blog but what if image is not posted for a blog post. What would be the best way to keep the symmetry intact leading to better pattern, hence UX. I thought of ...
1
vote
1answer
95 views

Best placement for filtering and sorting options?

filtering & sorting options are generally placed top right corner of search results page. My understanding is that this frees vital page space need for results tagline ( describing what search ...
0
votes
1answer
94 views

How to depict an OR and an AND graphically?

So currently I have this basic layout for my UI: Where the '1' and '2' would be replaced by icons depicting a type of place (eg. supermarket/restaurant respectively). When the user first visits ...
0
votes
2answers
65 views

Alternative to modal error messages with only one button

We are rewriting our desktop application and we are thinking of improving the error handling and error notifications. Currently, it is based on modal dialogs. But we have a lot of errors like "You ...
2
votes
3answers
214 views

Web Form With About 350 Fields Layout

We are developing web app for managing employee's salary. Each employee entity has about 350 fields of data. Currently layout uses tabs and fields grouping inside each tab with multiply columns. Users ...
0
votes
1answer
45 views

Making exceptions on global website paddings on specific pages

I am designing a web app that requires that I display a map and a scrollable sidebar beside each other..like you have on youtube. The design issue I have is that, across other pages, I have padding: 0 ...
0
votes
0answers
46 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 ...
0
votes
0answers
22 views

How to link to reviews on a movie/game/tv info page

The situation: I am designing an info page for entertainment media. At the top of the page is a header with images and title. At right is a sidebar with info and related content. The main body ...
0
votes
0answers
73 views

Is it a bad idea to have a single and multi-page hybrid site?

I just landed my first client as a web designer, and I have a small UX issue it would be great to have some of your input on :) The client has a single-page Wordpress theme they'd like to stick ...
0
votes
3answers
120 views

Grid View vs List View for products

I am looking for some general insight on a comparison between grid view and list view in e-commerce and not only. I want to start from this general research, find the proper terms I don't know at ...
0
votes
1answer
54 views

Best way to allow user to create a table

What's a good way to allow users to create a table? Originally, I was thinking markdown, but I'd really like something simpler. One idea I had:
0
votes
1answer
173 views

The best way to arrange buttons for a complex calculator UI?

I am creating a Physics calculator UI as part of a science project. It involves calculating a lot of values, from a given two or three values by the student. I have handled the coding part, and what ...
1
vote
1answer
89 views

Streamlining the Administration Panel

I am coding a blogging platform and my goal is to streamline the administration experience for the administrators and site authors as much as possible. As I already know, most web applications have a ...
4
votes
3answers
2k views

Are there any recommendations for the layout of Metro forms UI with hierarchical data on a website?

Most of the guidelines I find regarding Metro design deal with read-only or media content with few text input controls. Are there any design guidelines/examples/screenshots showing good layout of ...
0
votes
1answer
40 views

What do you think of One tab element on a tab menu

I am doing the UX design of a complex system that requires filtering in different pages. The filtering menu is in tabs: time, status, name, place, etc... are all different tabs on the left. I could ...
0
votes
3answers
92 views

How to hide main navigation?

I'm designing an application where the main nav is on the left. This is because there isn't enough space if I put the main nav on top (to fit both the main nav and the utility nav). So this is how ...
0
votes
2answers
64 views

UI customisation principles and guidelines

I am working on a project that requires catering for a large number personas and scenarios. Key to meeting these needs is a UI that provides a customised experience. I was wondering if there is any ...
7
votes
5answers
2k views

Two-level menus: Why? and When?

Two level menus: should they be used? Why are they important? I never found any resource explaining this. Should I avoid them and only use them when you really have too much stuff to present?
1
vote
1answer
78 views

Tiles and product information

I am working on the redesign of a page that has a number of product “tiles”; the information relating to each of the items is quite dense for example: start and end date, notifications, status, ...
8
votes
5answers
1k views

Upvote / Downvote Button order

I'm currently designing a website for my school, where you can rate images. Under each image, there is a comment button, a share button and the two up- / downvote button. Now I need to place these ...
9
votes
3answers
3k views

How to organize a form with many fields?

Where I work, we have a system that has a screen with several fields. There are approximately 50 fields and all are important and should appear. //edited in gimp :D Any suggestions on how to ...
0
votes
1answer
35 views

What is Google Authenticator's app style called and where can I get more visual resources?

I love the UI of the Google Authenticator, and I am currently in the design phase of my Team Fortress 2 Server Status application. I am looking to have each server as a "card" much like Authenticator ...
2
votes
4answers
169 views

Panels vs multiple windows

There are many programs for which the GUI contains several, discrete parts (all visible at the same time) for performing different actions, usually with one main part and other secondary parts. What ...
8
votes
9answers
508 views

How should text wrap in a code block?

I am working on an application where code will be shown on a mobile device. This gives us a constrained width as horizontal scrolling isn't a desired choice for code with long lines. So we have to ...