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

learn more… | top users | synonyms

1
vote
1answer
117 views

Optimum distance between fields (Textboxes etc) on mobile touch screens

What should be the optimal distance between fields such as Text boxes in mobile touch screens? In order to avoid wrongly touching other fields. download bmml source – Wireframes created ...
1
vote
2answers
510 views

Admin Layout - where to put the categories list?

See the Admin layout (wireframe) below. Header - Logo and Logout Link Main navigation - Orders, Members, Shops, etc. Sub-Navigation - List of links that is related to Main navigation. Eg: If you ...
1
vote
0answers
56 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: ...
1
vote
1answer
100 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 ...
1
vote
2answers
149 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 ...
1
vote
4answers
81 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
2answers
125 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
116 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, ...
1
vote
1answer
36 views

Similar functionality on multiple pages

Does it make sense to carry similar functionality on two different pages? In my case our team is considering allowing images (which are versions of an asset) in a gallery to be commented and ...
1
vote
2answers
383 views

Best placement for validation-summary in a form

I'm designing several forms for a web application. Non-validating fields are marked red, and we show the messages in a validation summary. We wonder: what would be the best placement for the ...
1
vote
2answers
554 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 ...
1
vote
1answer
38 views

Active layers: automatic layer group on map layer component

I'm designing a three level map layer component and I found is a good idea to have an automated smart group that contains all the opened layers. This smart group allows to (see and) quickly close any ...
1
vote
1answer
97 views

Content grouping based on time and theme

I have some articles which need to be arranged on a new website based on time and theme. For example on a blog site the content is usually arranged by date (descending latest first) - see first figure ...
1
vote
3answers
133 views

How can I decide whether to use a button or a hyperlink? [duplicate]

I have web page that shows the detail information for a parcel of land. You can do the following things from the page. I included an image with the current setup. return to results show an ...
1
vote
3answers
287 views

Text layout in forms [closed]

I'm in the process of creating some design guidelines for a big form based application. The application has its fair share of "this information is vital to the users and can't be missed". I've seen ...
1
vote
0answers
118 views

Advice on BlackBerry Navigation and Layout Design [closed]

I have some problems trying to design layout and navigation structure for BlackBerry app. The basic of our layout is consists of two headers that will be fixed so that when users scroll horizontally ...
1
vote
2answers
140 views

Best way to combine object selection and object editing in a dialog

There might potentially be a very straight forward solution to this, but I'm can't see it, hence the question. I'm wondering what is the best way to structure a dialog where the user can select items ...
0
votes
4answers
398 views

Why does this layout look so weird with the pictures on the right?

I'm trying to decide between these two layouts. For some reason, putting the pictures on the right makes it feel really funky but I can't explain why. Someone suggested that's it's because we read ...
0
votes
3answers
615 views

Complex forms design - space vs look

I've got form that has around 40 inputs (text inputs, selects, some checkboxes). This are "Vehicle Data" like, registration number, brand, model, fuel type and so on. I can't make it smaller (less ...
0
votes
1answer
144 views

Displaying checkboxes with large labels vertically or horizontaly

From a user experience perspective what would be the most intuitive layout for checkboxes and labels on this form? (Click here for full size image.) What would you guys think is the best way to ...
0
votes
2answers
147 views

interface suggestions

I have a simple site I'm creating that basically just allows you to set your status as away or available. Super easy and very simple. However, I'm definitely not a UX person and I really struggle at ...
0
votes
3answers
615 views

How tall is too tall for a fixed header?

I recently incorporated a fixed header on my site and its very helpful in keeping the search and important links available at all time. But my concern is it might be a little tall. It's about 100px ...
0
votes
3answers
199 views

Different approach for this layout

Here's my form layout. Clicking the add school will add another form table at the bottom. And I think the "Add School" button is too long.. How can I improve this..
0
votes
3answers
261 views

Button layout in outliner

I am writing an outliner software. At any state, one of the items in the list is selected, and the software can do the following with respect to the selected item: Prepend a new item (sibling) to ...
0
votes
2answers
111 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 ...
0
votes
2answers
85 views

UI customisation principles and guidelines

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

Date picker button placement: inside or outside the right bounds?

Which of these is a better approach for placement of the date picker button: Having the button outside the right bounds of the other textboxes: Or having the picker inside: I'm also thinking of ...
0
votes
3answers
45 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 ...
0
votes
2answers
63 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
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 ...
0
votes
2answers
55 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
2answers
122 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 ...
0
votes
1answer
81 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
2answers
95 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 ...
0
votes
1answer
182 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
1answer
108 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
3answers
120 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
1answer
36 views

Preventing text clutter on Weather app

I am currently working on a Pollen application. The biggest issue I have is dealing with text clutter and information overload. Here is my app so far: The app is incomplete without the tips ...
0
votes
1answer
269 views

Full width background images

I want to allow users to upload full-width background images that would take up the entire width of the page (with a set height of 500 pixels). However, the issue is, what should be the minimum ...
0
votes
3answers
410 views

Where to place registration form and its contents in page horizontally?

In a registration form I'm having trouble guessing where I should put the text and input fields. Obviously the default is flush against the left side of the screen which looks terrible. I noticed ...
0
votes
2answers
154 views

What do you call a layout in which columns expand on mouseover?

What's the proper name for a layout like this, in which a column expands when mouse enters it: http://www.lucagiorcelli.it/test/volunia/ May be called "reactive layout"?
0
votes
2answers
214 views

How to layout an article with illustrations?

I need to right an article/tutorial that has illustrations. The illustrations are not necessary, but are nice to have. They will help visually inclined people or people who just hate reading. How ...
0
votes
3answers
207 views

How to improve my layout [closed]

I have a couple of questions here: 1) What if I have two news stories posted for a day should I bullet the titles or how should I format them so that it stands out more that they are separate news ...
0
votes
1answer
366 views

Website Alignment - is it just looking good or anything else

Now most of the major websites are centre aligned. Example Google, Yahoo, Rediff, CNN, BBC etc. Some old websites are still left aligned. What is the role of the website alignment? Is it just about ...
0
votes
2answers
81 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?
0
votes
1answer
63 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 ...
0
votes
5answers
252 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
2answers
99 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 ...
0
votes
1answer
120 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. ...
0
votes
2answers
400 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 ...