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

learn more… | top users | synonyms

1
vote
1answer
23 views

Should we bring back the user to the ABC mode on the SmartPhone keyboard automatically after they have entered some symbols/numbers/punctuation?

Should we bring back the user to the ABC mode on the SmartPhone keyboard automatically after they have entered some symbols/numbers/punctuation marks?
3
votes
3answers
98 views

Do users object to homepages which contain a full section consisting of a contact form?

I've recently had users test a prototype for a new portfolio site for my company. The homepage is almost like a one-page site in that it has distinct sections, although each section links to another, ...
2
votes
2answers
70 views

What is the best way to add filters over a grid or a chart?

I had to create the same thing twice in two different companies. A web page that is displaying some data (tabular or chart) and it needs to be filtered. The filters are an important part of the page ...
1
vote
1answer
24 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 ...
0
votes
0answers
33 views

Gapless grid web layout that doesn't squash tiles [closed]

I'm looking for a gapless grid layout plugin for my web app. There are a lot out there but none of them do quite what I need. Most of them squash tiles to fit gaps, which hides content. I'd much ...
11
votes
7answers
1k views

Where should “Doesn't Matter” choice be placed in the layout of survey choices

I am designing a survey form and this is one of my questions: How do you perceive the level of security for cloud services to be? The survey participants are to choose from the following choices ...
1
vote
1answer
63 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 ...
4
votes
1answer
71 views

When is it appropriate to use a complex interface, and when we should keep things simple?

I have a general question about layouts incorporating toolbars, sidebars, and/or panels. Common design sense might stress simplicity, not to cram too many elements into the UI design. But we often ...
1
vote
1answer
76 views

Buttons in the “tab area” of a page control

Is it OK to put buttons (or a toolbar) in the "tab area" of a page control? In the example above, the number of tabs is fixed. The rationale behind this is to "save space". However. It "feels" ...
0
votes
0answers
20 views

Must identical divs have the same height and aquantity of text [migrated]

I am designing a one-page website with three sections. In the mid section, I have a layout like in the picture below. The dynamic text will differ but still would love to maintain the same height ...
6
votes
4answers
479 views

Why do squares look taller than wide on screens?

Take a look at this square: To me it seems that the square is taller than that it's wide. Yet both axes measure 400 pixels. What is causing this optical illusion? UPDATE 10 March 2014: A lot of ...
0
votes
1answer
81 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 ...
0
votes
1answer
29 views

Preferential ordering of content when comparing two items side by side

When comparing two items side by side, is it better to show the given or known item first or show the unknown variable first? I have a tabbed interface to show the differences of common eye issues ...
2
votes
2answers
78 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
78 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
220 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 ...
93
votes
4answers
5k 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
36 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
59 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
56 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
154 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
369 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
14 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
282 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
117 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
121 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
89 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
58 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
195 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
83 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
174 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
53 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
162 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
146 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
114 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
16 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
186 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
50 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
114 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
105 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
130 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
445 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
146 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
96 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
282 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
256 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
107 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
97 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
193 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
493 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 ...