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

learn more… | top users | synonyms

5
votes
4answers
450 views

how to make compact UI for lists

I'm making an app with 2 lists in the main screen, and the space allocated for the 2 lists are equal. So there will be only 5 items visible for each list. I'm thinking of an improvement on making ...
5
votes
2answers
3k 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 ...
5
votes
4answers
1k views

Is it OK if asterisk is put after label that is above the field?

Look at wireframe: download bmml source – Wireframes created with Balsamiq Mockups Does it look OK that labels above fields have asterisks? Or should labels be placed left of the fields? ...
5
votes
3answers
552 views

Login Form Placement/Isolation

If you go to http://www.notableapp.com/, you will see that when you click the Sign In button, it takes you to a completely new page with only the login form on that page. Why did the designers ...
5
votes
2answers
226 views

What's the best way to design the web interface which runs the same on almost all resolutions?

With web pages, what's the CSS framework or any other idea, which may show the web pages the same way on almost all screen resolution using div?
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 ...
5
votes
2answers
494 views

Where to put a global “add item” button?

We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
5
votes
1answer
120 views

Should both bold and italics be allowed in electronic flashcards?

When people create electronic flashcards, is there a valid need for them to have markdown for both bold and italics? This is a question that I have been debating with some colleagues for a while now ...
5
votes
1answer
170 views

What is the optimal layout for a form with two respondents?

download bmml source – Wireframes created with Balsamiq Mockups I'm redesigning a form that is used by office workers who interview respondents in person. In some cases, there will be two ...
5
votes
1answer
906 views

Flow of Dynamic Grid

There's a recent trend in web design to use dynamic masonry grids, like Pinterest, for just about everything these days. If you haven't seen such a layout before, it presents content of variable ...
5
votes
1answer
446 views

Price plan table with multiple payment options

I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
5
votes
4answers
395 views

Should Website “Container” elements reach the bottom of the screen?

I've got a fixed width layout site much like SE and Twitter and it personally bugs me when my "short" pages don't reach the bottom of the page. I've been wondering if this is a purely stylistic issue ...
5
votes
4answers
2k views

I'm looking for good examples of Welcome pages, and any good theory on how to go about it [closed]

Kind of a discussion based question, but bare with me anyway. I am working on a web app that provides reporting. It makes reporting fun, honest! I am struggling to design the Welcome page. It's a ...
5
votes
3answers
352 views

Where should vertical tab-bars be placed?

we are redesigning our webbased software product. All main tabs (called: modules) have the same layout: In the upperleft of each they have a breadcrumb and the page title. Most modules have a second ...
5
votes
5answers
297 views

Scaling an Address Form on Resize

My application has a form for filling in the names and addresses of a donor. Each donor gets a closable tab and each tab has an address form. The problem is that the application runs in a regular ...
5
votes
2answers
249 views

How to layout buttons/bars alongside a dynamically sized table?

I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9. Along with this I ...
5
votes
2answers
334 views

Where can I find research on readability of web sites?

I am looking specifically for text alignment (e.g. left vs. full justification) and what size/width text sections ideally have.
5
votes
1answer
307 views

Chrome Options UI Pattern Name

I've been looking for a way to organize hierarchical data. I came across the UI in Chrome Options. I really like it and think will work well for what I need. Is there a name to this pattern? As you ...
5
votes
1answer
580 views

Alternatives to scrolling to display long text? [duplicate]

As you can see on the picture below, my text is displayed within a 'relatively small' DIV. Currently users have the possibility to scroll down within the DIV to read the full text but I don't really ...
5
votes
2answers
199 views

How to place advertisements effectively, but not annoyingly

I was wondering the best way to place advertising on a website, so users don't feel like the advertising is forced upon them. It can often make a website unpleasant to be on (like quite a lot of u), ...
5
votes
1answer
132 views

Is it necessary to reorganize your entire layout to suit multilingual left-to-right languages?

I'm working on a flash project right now that is necessary to support 16 languages, from english to hebrew, and etc... My dilemma right now is whether or not it is necessary to flip my whole design to ...
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 ...
5
votes
1answer
260 views

Best way to handle a system failure (not the user's fault)

In my application, we're very dependent on a service to provide some information that the user can interact with. It's possible that the service could be down, or in some invalid state to where any ...
5
votes
6answers
667 views

Layout suggestions for social media sharing page

I need to make a "Share This Site" page that offer all the regular social sharing mediums and send to a friend email option. With Facebook like facebook share ReTweet this Digg Buzz delicious email ...
5
votes
2answers
217 views

Criteria for a valid sticky top bar

I see lot of websites that has design responsive for all devices, with css styling that as a user [, designer, and developer] can say that put effort upon. They use a banner/header/menubar on the ...
5
votes
1answer
160 views

What is the optimal vertical margin between paragraphs?

Here on ux.StackExchange they have gaps that are a bit smaller than one line height (~88%), but I’ve read a few times that 100% of the line height provides best readability because it continues the ...
5
votes
1answer
261 views

Should my gutter/margins expand in a fluid design?

I'm redesigning a page, and am going for a fairly basic fluid, 2-column layout. With a fluid layout though, should I have my gutter and margins expand along with the columns, or would it be better to ...
5
votes
4answers
4k views

Designing an Advanced Search Control for iOS?

I'm working on iOS app and part of what I'm making is an advanced search interface. The default iOS search components allow for text entry and for a "scope bar". That is, a bar which allows you to ...
5
votes
1answer
303 views

Best way to tell user either to select an existing entry or enter new entry

I am designing a web page for mobile devices as I have limited screen space. The web page is used to select a store name from a list of stores (which the user entered earlier) or enters a new store ...
5
votes
2answers
575 views

Best layout for lots of user input elements?

I have an application that presents a question/answer form to the user. It was mandated that the form look as close to the paper form as possible. The paper form was built in a spreadsheet as two ...
5
votes
2answers
229 views

How to calculate the best width of a text element

I am developing a visual editor where the nodes in the editor can contain text. The size of the text can vary, and can contain any character. Since it is important for me to minimize the size of the ...
5
votes
2answers
670 views

Handling images larger than viewport in carousel-based gallery

I'm trying to figure out the best way to design an image gallery embedded in a lightbox. The gallery has thumbnail versions of each image in a carousel, and clicking a thumbnail brings that image ...
5
votes
2answers
225 views

How to make a application with several different user controls feel more unified?

We have an application where we're combining several different user controls into one main window. About 3 of the controls are developed outside our group, so we really don't have much control over ...
5
votes
2answers
3k views

How to let the user add and edit items in a ComboBox? (WinForms)

In my WinForms application there is a ComboBox with default values. The user should be able to add items to the ComboBox or rename existing items. I want the design to be simplistic. This was my ...
4
votes
5answers
443 views

How to avoid big banks of buttons?

What are some alternatives to having repetitive rows buttons that create large banks like the one shown below. I think it's too visually dominant and distracting, not least because there's one of ...
4
votes
3answers
19k views

Optimal “fixed-width” website design?

RE: Design of 'fixed-width' websites, optimized for universal readability across all screen-size resolutions (i.e., best viewed, with no horizontal scrolling, over broadest range of both ...
4
votes
5answers
713 views

Encourage users to tap the “review” button

How to layout an Info screen, so as many as possible are tempted to tap the "review" button? I wish users would tap the "review" button and write a long positive review on the app store where they ...
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 ...
4
votes
3answers
731 views

“Here will be your logo” - any idea how to visually represent this to a client on a demo website?

"Here will be your logo" - any idea how to visually represent this to a client on a demo website? We are a company offering free demo of client's website, before going for a deal. Although, the ...
4
votes
2answers
435 views

Best layout for a custom calculator (for mobile web browser)

I like to record my Max Weights for exercises (e.g. Bench Press) on my phone. I have a web app I created for doing this. One of the tools I created is a "Barbell Calculator". I plug in my weights ...
4
votes
1answer
908 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
4answers
286 views

Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?

I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
4
votes
3answers
377 views

How can I show that data in a table is related to other data within the same table?

I have a table where every 6 entries of the data are loosely related. How can I show that these sections of data are related without adding a separate column explicitly saying so? I've tried to ...
4
votes
5answers
536 views

Attractive website layout without a tile of thumbnails

I'm trying to figure out possible layout options for a website project. Its function closely resembles EnglishCentral. This website helps people practice spoken English through a series of videos with ...
4
votes
4answers
385 views

Navigation with or without sub-navigation?

Considering following site architecture, where each category has multiple products inside it: /Home /About /Products/Category 1 /Products/Category 2 /Products/Category 3 /Products/Category 4 ...
4
votes
3answers
301 views

Does Usability/design matter in admin(client) sites?

I worked at many organization, few of my old employers developed old system for clients which is running from more than 5 years and work perfect. They do not care about any user experience(design, ...
4
votes
3answers
476 views

best way to represent horizontal reports?

i need to display reports with various fields, column wise. The length of each column could go along 50px appx. So , the overall report length would go upto 2k-3k px , since i need to display them in ...
4
votes
4answers
934 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 ...
4
votes
4answers
265 views

Banner Blindness on Non-Profit Web Site With Zero Ads

I am currently considering a page structure that would include a video. The context of the page is it is a kind of landing page meant to provide access to informational and educational materials ...
4
votes
4answers
1k views

Should I use a radial menu design for a touchscreen game?

We are working on a game for android. We had a normal menu where each menu entry is below the other. As we find this boring, we looked to different approaches and came across the lock screen on ...