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

learn more… | top users | synonyms

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
7k 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
272 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
775 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
164 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
143 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
289 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
75 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
344 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
223 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
259 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
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 ...
3
votes
3answers
621 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 ...
74
votes
4answers
9k views

Why do numpads on keyboards and phones have reversed layouts?

I came across this on the web. It's supposed to be funny, but we all know better :) So, why are the numpad layouts different, and what are the reasons behind each?
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
205 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
631 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 ...
22
votes
7answers
15k 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
452 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
151 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 ...
3
votes
4answers
887 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
314 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
160 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
181 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
229 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, ...
-2
votes
1answer
300 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
544 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
755 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 ...
7
votes
5answers
2k views

Best layout for a settings page

I have a settings page with a fair number of options. See screenshot Each of the links will take the user directly to a form where they can change the details (ie Business Settings) or a ...
1
vote
1answer
300 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
488 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
359 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
129 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
64 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
615 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
855 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
401 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 ...
5
votes
2answers
2k views

section header with Spinner (drop down menu) in android using holo visual language

I have a screen that displays section headers. I display 3 section headers in a scroll view. My problem is that each section can change its content based on time intervals. For example, I have 3 ...
2
votes
2answers
127 views

How to show comment at top level, without using a popup?

If user clicks on add comment, what are other options to show 'comment area' (no popup).
1
vote
2answers
162 views

For 2 related sets of info, should I divide layout into 2 separated fixed Panels or just use 1 Panel?

Let's say you are building a website and you want to display 2 related sets of information. The first set is often brief while the second set is the detail. Ex: table of content vs article, product ...
21
votes
5answers
13k views

Best Design/Order/Layout For Mailing Address Form

Is there any standards out there when it comes to a mailing address form? I need to collect the following fields: address line 1 address line 2 city postal code (or zip) province(or state) country ...
10
votes
1answer
447 views

Why are nested column layouts getting so popular?

Google+, Ebay, Tumblr are just a few of many who have changed their layout to nested multiple columns instead of a uniform grid view. Personally I find it unorganized and hard to find what I´m looking ...
2
votes
2answers
611 views

How to make fluid web site consistent

I am redesigning my fixed width web site to be (more) responsive and ran into some problems: For one, I really like using a fluid width layout since a lot of visitors are using my web site in (much) ...
1
vote
1answer
147 views

Why dvorak's layout left home row is AOEIU?

I am trying to learn to type in dvorak keyboard, but I am having hard time with the vowels. I am ok with the consontants, but I am wandering why Dvorak didn't make it more simple to AEIOU for the left ...