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

learn more… | top users | synonyms

2
votes
2answers
123 views

Should form fields flow top to bottom or left to right/right to left?

I'm currently designing a small form for a user create experience inside an app. I'm wondering if it makes sense to have the last name field shown to the right of the first name OR down below the ...
0
votes
1answer
152 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 ...
2
votes
3answers
268 views

How can I make a textarea larger and keep a clean UI?

I need a better way to of working with the textarea on the left without relying on the horizontal scroll for large amounts of text. Atm it's a horrible UX editing large amounts of text. This is an ...
96
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 gives rise to an effect called the Hermann Grid illusion. When looking at ...
0
votes
0answers
49 views

Screen resolution for Flash-based Interactive Package

I'm developing an interactive based flash package (like Cisco's flash based module). The finish product would be SCORM package and APK. My client wants to deploy it on Chamilo LMS and android tablet ...
2
votes
1answer
62 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 ...
1
vote
4answers
68 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, ...
2
votes
2answers
334 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 ...
4
votes
5answers
390 views

Which spot has the best conversion in the grid layout?

We are going to show popup with 6 different offers, positioned by 3 in two rows. Of the these 6 offers, 2 are really beneficial for us (say, have high reward for click). Common sense says that we ...
0
votes
0answers
17 views

Order of Submit/Cancel buttons [duplicate]

We have an arugement on what is better - the submit button on the left of the cancel or the other way around? (the website's language is in or I think that if the eye moves from left to right it ...
1
vote
1answer
461 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
185 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
1answer
215 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 ...
3
votes
2answers
175 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 ...
1
vote
1answer
89 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 ...
1
vote
5answers
204 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, ...
0
votes
1answer
101 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
197 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
57 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
180 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
175 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
133 views

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

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
23 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
290 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
52 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 ...
1
vote
4answers
124 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. ...
2
votes
1answer
112 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
152 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
506 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 ...
3
votes
6answers
193 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
110 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
390 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 ...
8
votes
6answers
269 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, ...
4
votes
1answer
125 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
114 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 ...
-3
votes
1answer
222 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
502 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
365 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 ...
5
votes
5answers
585 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
174 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
249 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 ...
1
vote
1answer
1k 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 ...
3
votes
5answers
1k 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
229 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 ...
2
votes
2answers
111 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 ...
1
vote
3answers
58 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... ...
4
votes
1answer
432 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
261 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 ...
10
votes
4answers
402 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
3answers
2k 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 ...