Tagged Questions

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

learn more… | top users | synonyms

1
vote
1answer
26 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
405 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
55 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
131 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
121 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
174 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
527 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
271 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
120 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
501 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
280 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
140 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
128 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
250 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
518 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
498 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 ...
6
votes
5answers
946 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
199 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
307 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
2k 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
2k 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
251 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
112 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
60 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
524 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
290 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
471 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 ...
1
vote
2answers
140 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 ...
4
votes
1answer
381 views

How to display multiple (100+) content blocks on a single page

i have a page which comprises of multiple blocks. The blocks are like containers that have to accommodate several contents. The contents you can imagine as say some text/sentences. These are present ...
18
votes
7answers
7k 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 ...
2
votes
2answers
501 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) ...
10
votes
1answer
397 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 ...
1
vote
1answer
126 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 ...
5
votes
2answers
1k 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 ...
3
votes
8answers
442 views

Users keep missing an important page element

I run some user tests on a finished page (not the mockup you see below) and found that two thirds of the users (in a sample of about 10) miss the Back to previous page link at the top left of the ...
0
votes
2answers
495 views

How to design a precise UX/UI using javascript/jquery web components?

Nowadays, it seems that designers are having more cross-skills with front-end developers as never before. My question is: How a UX/UI designer would be able to precisely design/describe front-end ...
4
votes
2answers
180 views

How to display vertical and horizontal information in the same space?

I am working on a webapp that is largely datagrids. When a row of the data grid is selected a detail pane slides up from the bottom of the app that displays various information related to the selected ...
0
votes
1answer
117 views

How could I better layout a list of 200+ members?

I'm looking for suggestions on how I can lay out this long list of members. Just for some extra context, when you select a person's name an overlay will appear with their information along with a ...
2
votes
4answers
203 views

Alternatives to glossary layout?

I've been looking for different ways of laying out glossary content but only seem to find layouts that look like below. While I think this is effective and intuitive for users I was wondering if you ...
6
votes
7answers
4k 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 ...
0
votes
1answer
97 views

Which is better form of displaying posts? Linear or columned cards?

Lately there has been a purge towards displaying posts in form of columned cards, a card with title, description and a small thumbnail, notably Digg, Google plus communities. Like this, Though ...
6
votes
2answers
356 views

When should a timeline go from top to bottom?

Some timelines are developed from top to bottom, where the oldest element is on top, and the newest is added at the bottom. The examples include forums and message boards, chats, event logs and also ...
2
votes
2answers
937 views

How can I display multiple forms and lot of important form information on an Android application?

In my app, one of the main feature is to complete 'forms'. One form contains a lot of read-only information, described by the following mockup. On this UI everything is read-only: Titles ...
3
votes
3answers
94 views

Using the logo as the About button

This is obviously something that the user doesn't need to see very often, but something that management or sales might have strong opinions about. In a desktop application the user is probably ...
1
vote
3answers
116 views

Settings button at the top or bottom of the screen?

If the settings don't need to be changed very often, but need to be very accessible when they need to be, is there any reason for putting them at the top instead of the bottom of the screen (or vice ...
2
votes
3answers
159 views

How can I display really long content pages on a responsive site?

What are some of the better UX techniques to deal with really long static content pages? We are talking about 4-5 printed pages on a single URL of a site (meaning that if you were to print these ...
2
votes
3answers
538 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 ...
1
vote
2answers
120 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 ...
4
votes
1answer
109 views

Photo galleries for profile photos

Has anyone seen or can anyone envision a good way to sort many (50+) photos which are profile photos of staff members? This is different from a traditional photo gallery because the emphasis isn't on ...