Tagged Questions

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

learn more… | top users | synonyms

0
votes
3answers
654 views

Grid View vs List View for products

I am looking for some general insight on a comparison between grid view and list view in e-commerce and not only. I want to start from this general research, find the proper terms I don't know at ...
1
vote
1answer
140 views

Best placement for filtering and sorting options?

filtering & sorting options are generally placed top right corner of search results page. My understanding is that this frees vital page space need for results tagline ( describing what search ...
0
votes
1answer
63 views

Best way to allow user to create a table

What's a good way to allow users to create a table? Originally, I was thinking markdown, but I'd really like something simpler. One idea I had:
1
vote
1answer
108 views

Streamlining the Administration Panel

I am coding a blogging platform and my goal is to streamline the administration experience for the administrators and site authors as much as possible. As I already know, most web applications have a ...
0
votes
1answer
211 views

The best way to arrange buttons for a complex calculator UI?

I am creating a Physics calculator UI as part of a science project. It involves calculating a lot of values, from a given two or three values by the student. I have handled the coding part, and what ...
3
votes
3answers
348 views

Is a timeline a form of sorting?

I am working on the design of a page that is supposed to provide call center employees with the means to view transaction history. There are 8-9 variables in play, I have tackled this by allowing ...
2
votes
3answers
260 views

Web Form With About 350 Fields Layout

We are developing web app for managing employee's salary. Each employee entity has about 350 fields of data. Currently layout uses tabs and fields grouping inside each tab with multiply columns. Users ...
0
votes
1answer
43 views

What do you think of One tab element on a tab menu

I am doing the UX design of a complex system that requires filtering in different pages. The filtering menu is in tabs: time, status, name, place, etc... are all different tabs on the left. I could ...
0
votes
3answers
102 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
2answers
72 views

UI customisation principles and guidelines

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

Upvote / Downvote Button order

I'm currently designing a website for my school, where you can rate images. Under each image, there is a comment button, a share button and the two up- / downvote button. Now I need to place these ...
1
vote
1answer
93 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, ...
0
votes
1answer
41 views

What is Google Authenticator's app style called and where can I get more visual resources?

I love the UI of the Google Authenticator, and I am currently in the design phase of my Team Fortress 2 Server Status application. I am looking to have each server as a "card" much like Authenticator ...
0
votes
1answer
29 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 ...
2
votes
4answers
190 views

Panels vs multiple windows

There are many programs for which the GUI contains several, discrete parts (all visible at the same time) for performing different actions, usually with one main part and other secondary parts. What ...
1
vote
1answer
202 views

Better way of displaying grouped periodic data

I am working on a report where I have to display hierarchical data in relation to some type. For cumulative data over some period I have a table as presented in image below 1: The task is to ...
3
votes
2answers
74 views

Alternative to large selection of check boxes on profile page

We are currently re-working our profile pages in our software and would like to explore the alternatives of having a large amount of tick boxes for users to select to attain certain privileges. The ...
1
vote
1answer
104 views

How can these UI layout/style can be labeled and differentiated from a stylistic standpoint?

It is often difficult for a non specialist to label or to describe some UI layouts.. Is there a glossary or a source that can help meeting the right language to talk about an interface general look ? ...
2
votes
3answers
154 views

Main Menu in Popup window

Am working on a software product that have up to 100 view, so my main concern is simplicity and quick access navigation. My idea is to put all the menu items in a popup window. The user can access ...
1
vote
1answer
69 views

Where to place secondary table

I have a 'primary table' of let's say, 'Suppliers'. Each supplier supplies certain parts which are displayed in a 'secondary table' called 'Parts'. When the users clicks on a row in the supplier ...
0
votes
2answers
71 views

In a news article should the full-width image come before the H1, or after?

For a public-sector site (local government site, that sort of thing) there will be a section for latest news. This could be blog articles, it could be informational posts etc. These posts will have ...
1
vote
2answers
50 views

How to display selected filters after closing the filtering panel?

Context: a touchscreen monitor in which the user can choose which business lines or activities can be displayed in a State. After selecting some of the filters in the box on the left, the user ...
3
votes
3answers
200 views

Presenting data in a grid form versus a tabled form

Is there a general rule when displaying data in a grid form versus a simple tabled list? Since modern screens tend to be wider now, it makes more sense to me to start utilizing grids instead of normal ...
2
votes
3answers
204 views

Buttons for a process with multiple or optional parts/stages/segments

What is/are the best UI practices for a process that has 2+ stages or optional segments? And how does the amount of stages, and the popularity or likely use affect the layout? For example, if I want ...
0
votes
3answers
418 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 ...
2
votes
2answers
57 views

Order of multiple photos and text in articles

I've read on previous questions here that it's generally better to have this order when organizing photos and relevant text together. [photo] [text describing photo] I don't have a problem with the ...
0
votes
1answer
38 views

Broad Application with many like screens

I am helping design an application that serves as an end-to-end solution for our clients, meaning that there are many facets of it. We import a lot of different types of information, think purchase ...
1
vote
1answer
56 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
138 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
118 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
33 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 ...
13
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
164 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
98 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 ...
2
votes
1answer
108 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" ...
10
votes
5answers
659 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
355 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
59 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
200 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
226 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
317 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 ...
109
votes
5answers
7k 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 creates the Hermann Grid illusion. When looking at the grid, most people ...
0
votes
0answers
55 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
68 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
78 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
3answers
440 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
405 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
690 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
255 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 ...