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

learn more… | top users | synonyms

1
vote
1answer
132 views

Windows 8 store apps: visibility of item groupings/tabs

I am implementing sub groupings on a panel of items in a Windows 8 app. The panel is relatively thin containing a vertically scrolling list of items. The user can change the list of times by tapping ...
10
votes
10answers
6k views

Should headings always use the same font as the body?

I'm working on some of the layout for a User Handbook and right now my main concern is fonts. I'm trying to decide whether to use the same font for the body text and the headings. If I use different ...
3
votes
1answer
3k views

N-level tree structure in android

I have a list of categories and subcategories and items under each category individually and also items under the subcategories. I would want to display this in a sliding layer , such that it only ...
2
votes
1answer
77 views

Should a book use icons to outline regions / semantics?

disclaimer: with "book" I'm mainly referring to texts that gravitate around a technical / scientific topic, like math books or programming books, not really romance or narrative. Considering the ...
2
votes
3answers
101 views

Best wording to use for “General” portal in navigation

I am designing a navigation bar at the top of a web page with several buttons used for navigation. On the right side of the bar, there are two buttons pertaining to user-specific functions (log in, ...
9
votes
7answers
11k views

Security question & answer. What questions do you ask?

Working on a save quote feature for our new website, one of the security requirements is to ask a secret question and obtain a value from the user. Does anyone have suggestions on the type of ...
3
votes
5answers
460 views

Is it better to put “Preview” on an iFrame with a specific height or just show it in full?

We have a page that shows a preview of another page (newsletter) on an iFrame. Now we have two ways of displaying this: Give the iFrame a specific height so that the user can scroll up / down ...
1
vote
1answer
1k views

Best product page layout? [closed]

I'm redisigning my product page. It is for an apparel store. I did 2 different layout. I know that the best way is multi-testing but for now any advice or insights based on your experience would be ...
1
vote
2answers
405 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 ...
4
votes
3answers
4k views

Is a website with a Fixed Header good for end-users of a Web2.0 website?

Fixed Header is the header that is always visible to users even the user scrolls down. It uses the fixed-position in CSS. There a lot of websites nowadays that use a fixed header, such as gmail or ...
13
votes
4answers
8k views

Where to place currency symbol when localizing and what to do with odd symbols

Is there a suggested, single location to place the currency symbol every time for any given locale? For example, always on the left with a space before the amount like this: R 10.00 $ 10.00 € 10.00 ...
3
votes
2answers
281 views

WP8 tutorial/wizard button layout

I'm trying to design a simple first-run tutorial for a Windows Phone app. It will be linear and informative only (no user input required beyond navigation). I feel the following actions are necessary ...
2
votes
3answers
807 views

How can I design an effective GUI for labels and values for an Android Tablet?

I'm trying to create a simple GUI for an android application that will primarily be used on tablets. I have portrait and landscape screenshots of my current GUI. Note that this is literally the only ...
2
votes
5answers
224 views

I'm considering two different layouts for an index of articles. Which of these is more usable?

I'm redoing the layout for a website that contains technical articles. The demographics are mostly engineers. I'm trying to decide between two different layout styles for the actual article listings, ...
1
vote
4answers
168 views

Express buy button for a complex product (diffrent size,colors). Any experience or examples?

I want to launch a "Express Buy" button just under a product picture. The idea is to avoid one click, the one that goes to the product card. I want this to go straight in to my user's shopping cart. ...
0
votes
1answer
151 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 ...
2
votes
3answers
296 views

Multiple choice with Yes/No but some are not mandatory

I am looking for UI patterns for scenarios where the answer to a question can be Yes or No but the user can also choose to not answer the question. The meaning is different in all the 3 scenarios. ...
0
votes
1answer
78 views

Differentiation between complex content items that have strong similarities

I will start by defining the problem I perceive. The site in question contains three types of content: users; articles; and events, with users being responsible for the creation of articles and ...
2
votes
3answers
378 views

Should a large company worry about Browser Zoom

After designing a large site with multiple forms (And launching last night) My QA team came to me with a very intriguing question. They showed me a "bug" where, when a user zooms out (not in) some ...
0
votes
1answer
230 views

User interface suggestion for 2 Buttons in Android

So I am making an android application in which in one of the activities I want the user to choose a photograph either from the "gallery" or by taking a picture from the "camera". Presently I have ...
0
votes
4answers
275 views

What's the difference between white words black background & black words white background in a book [duplicate]

In general the pages of a book are white and the words of the book are black Why is it not the other way around What are the possible reasons that books were designed this way , Why is the ...
1
vote
1answer
40 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 ...
3
votes
3answers
647 views

Improving notification alerts UI / UX

We've got a notification system on a CRM type web app. There are many stages in the CRM, and each stage has many projects, each project can have many notifications. We have a dashboard showing the ...
1
vote
3answers
59 views

Is it ok to have multiple items with different alignments with an online form? or does this break flow?

We have an on-line form that gets over 40k in hits each month on our software, I am currently performing a content audit and making some initial design suggestions to improve the aesthetics of the ...
2
votes
1answer
127 views

Same interface items, how to organize them better?

This is a website builder application and I'm having trouble reflecting an easy interface for the user. In my opinion, there are several shortcomings in terms of design here but I don't know to do any ...
1
vote
2answers
210 views

How to Improve the Layout of a Credits Table

I have this table which enables users to see different credit packs, and give the option to go ahead an purchase one. However I feel it is not as effective as it could be and I want to try to increase ...
2
votes
2answers
645 views

Where should the submit button be for these type of compact forms? (bootstrap 3 module)

So Im creating a compact forum module for bootstrap 3. The project is opensource on github. This type of forms are good in two ways: Its so 2014 and very user friendly on mobile devices. But Im ...
23
votes
7answers
16k views

Hamburger menu icons - should they be on the left or right?

Hamburger menus (the three small horizontal bars: the new menu icon). Should they be on the right or left? I'm only thinking of mobile and tablet applications. The pattern I see the most is on the ...
3
votes
6answers
465 views

Enforce or assume an orientation for the layout of a mobile web application

When designing a mobile layout in a web application, is it fine to assume a given orientation (horizontal or vertical) or to ask to the user to adopt a specific orientation? I have seen several ...
2
votes
3answers
158 views

How to improve calendar event containment?

I'm using FullCalendar on a project where users primarily have a single event that lasts multiple days or weeks, with multiple other events scattered throughout. I've had a handfull of users say that ...
4
votes
4answers
925 views

Should I have “read more” links in a responsive design?

I'm currently in the middle of a re-design for a mid-market newspaper's website, and for each article there's a "Continue reading story >>" link after the lede paragraph on topic pages and the home ...
2
votes
2answers
118 views

Will this layout work with other languages?

I'm working on a reminder application. Specifically, I'm now building the snooze functionality. I'd like to do a layout using buttons like this: Snooze for 15 minutes Clicking minutes allows you ...
9
votes
6answers
318 views

How to layout an icon, text and number within limited space?

If I have limited space, typically narrow enough that I cannot just spell things normally like "4 Strength" or "Strength 4", as this shrinks the font to nearly unreadable. How can I layout an icon, ...
0
votes
1answer
161 views

Suggestions for a page with a variable amount of large tables

I'm building a reporting application. Reports are configured dynamically, and can contain any number of tables that are placed spaced vertically, where tables can be very large both in width and ...
4
votes
1answer
186 views

Fixed form button bars

Recently I've been designing complex multi-page forms for financial institutions and up until now they've been designed with a fixed navigation bar at the bottom of the screen, like so: The forms ...
0
votes
1answer
230 views

I'm developing a dark application UI, how do I make sure I access / style all possible components? [closed]

I want to make sure I style all the relevant tags so that I don't end up with a broken UI which will be ugly or difficult to use. EDIT: I'm hope to produce a .QSS file (Qt4) that can be loaded into ...
6
votes
1answer
159 views

Wanted: terms and info for “display density” / “space conciousness” by Gmail

In gmail, the contents of the page is beautifully laid out with regards to how big the browser window is. There are three modes: Comfortable, Cozy, and Compact. There is a menu for switching manually, ...
-1
votes
1answer
306 views

What are the key elements to making a flat design? [closed]

As a beginner to UX, I would like to know the key elements to making a good, minimalist flat design that is easy on the eyes.
12
votes
3answers
545 views

Defaulting to show all until user searches?

I am designing an admin page that will be used to manage account information for hundreds to thousands of medical offices (practices). Users will be able to take a few actions on a practice or take ...
1
vote
5answers
787 views

Checkouts as a multi-step process or as a long form?

Our checkout system has 3 clear steps: Basic Information - Title, Name, Email, Phone Card Details - Payment Type, Card Details Billing/Delivery Address - Company Name, Address I would like to know ...
1
vote
1answer
310 views

Need better UI representation of comparing two data source

Looking for good UI representation of showing differences in each ROW between two different two data source. One data source is Source Data and another is transformed data (destination) which is more ...
2
votes
3answers
524 views

Where is the best position for company logo in services login page?

I'm designing the UX and UI of a suite of products which are SaaS services. These products work just like Microsoft online services, or very similar to Google Apps for businesses. I'm stuck with the ...
5
votes
5answers
3k views

How to make a long text look interesting?

I'm currently designing and building a job board website. I've started designing the page which shows a full job description posting once the user clicks through from a list of search results. The ...
1
vote
5answers
371 views

What is the best way to condense this filter screen when you have a filter control on multiple fields?

I have a bunch of multi select list boxes vertically one after the other and listed as part of a filter web page. So when this are on top of each other it looks like this ( the below pic shows 3 of ...
1
vote
2answers
130 views

displaying product info layout

I have a product page, currently it is laid out like this: /////////////////////////////////////////// (Product Title) / (product price) / (add to cart) (product ...
5
votes
3answers
2k views

What's the best way to display and navigate about a list of 2000+ items?

I've recently decided to update the look of a site and was confronted with a page that is a list of 2,000+ items sorted into a table and a blob of links that go with it. First Robotics competition ...
1
vote
3answers
66 views

What should happen to dynamic height input element?

I am using Chosen multi-select inputs on a site I'm currently designing and building. I am using them on a form of 6 inputs which filters a list of results. The issue is its quite a set layout... ...
10
votes
4answers
635 views

In a full screen mobile game where all corners are taken, where should I put a menu button?

In a full screen mobile game, where all four corners have already been taken to display status and information, where should I put a menu button? I was relying on the hardware button of Android ...
4
votes
1answer
900 views

What is the best way to visually layout an element with 3 or 5 images

My problem is that I have an element in an iOS app that is represented with a variable number of images (2->5). For 2, 3 and 4 images simply using something like this works great. What would be the ...
4
votes
3answers
412 views

Is a large breadcrumb good enough for a page title?

We have a breadcrumb under the menu and and the page title under the bread crumb. Can I get rid of the page title since it is really just a repeat of the breadcrumb? BTW, this is a LOB application ...