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

learn more… | top users | synonyms

4
votes
5answers
564 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
416 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
309 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
523 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
1k 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
293 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
3answers
296 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
4answers
2k 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 ...
4
votes
3answers
3k views

Is “above the fold” still relevant in 2014?

I'm currently researching about the validity of the "above the fold" concept in 2014. So far the generally agreed-upon facts I've detected about the "above the fold" are: Scrolling is now natural ...
4
votes
5answers
562 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 ...
4
votes
3answers
215 views

Displaying/presenting options neatly

I have a Windows application which has some options regarding notifications. Each type of message can be turned on and off for the statusbar and for pop-up messages. Here is what it looks like now: ...
4
votes
3answers
572 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 ...
4
votes
3answers
701 views

What are some reasons that not all websites have fluid layouts?

Recently, I was using Facebook and I resized it to 50% of my screen to look at something else. What I saw was that most of the page was cut off. What are some reasons for Facebook or any other major ...
4
votes
4answers
441 views

How to prevent grey/black lines after effect?

I have made some new design for my private blog (a black design). However, If I now read a blog piece and then look around I see around me all kinds of black/grey horizontals bars as after effect, ...
4
votes
5answers
255 views

Is a product feature list suitable to display in a table?

On an ecommerce site (say selling T-Shirts) each product has its own page, and the page will have information about the product. Aside from unique things like photos, descriptions and reviews etc ...
4
votes
5answers
4k views

Form layout. Vertical Labels vs Horizontal Labels. Images inside

After reading http://www.lukew.com/ff/entry.asp?1502 and http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php Placing labels above input fields is preferable, but if you choose to ...
4
votes
2answers
2k views

Tabs within a tabbed layout in Android?

I'm working on an app for public transit information that has a base layout looking like this: The three tabs represent trip planner, departure times and disruptions respectively, which are the ...
4
votes
2answers
246 views

Allow list box to expand to browser height?

I'm designing a web app that includes a list builder. I've proposed that the height of the list box containing the available items should grow depending upon the available browser height. However, I ...
4
votes
1answer
213 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 ...
4
votes
2answers
785 views

Android a lot of information on one screen - how to simplify?

I am new to Android development. I am working on application where Sql-lite is also involved, its a database application. The application is used on Android Tablets In of the screen we have a lot of "...
4
votes
2answers
316 views

Advice on layout/presentation of information to user in web page

I'm developing a website that helps connect nightlife promotion companies with consumers. Each night life company hosts events and various venues and on various nights. I want to give users/consumers ...
4
votes
2answers
2k views

What are unique UI controls on Android?

Apart from regular UI controls like tabview and listview, are there any unique and attractive UI controls like Quick action bar, Action bar, or iOS spinner (Date and time selector) which are ...
4
votes
2answers
329 views

How can you show human element without showing pictures of people?

With a company that changes all the time, how can you show the personal touch of human interaction without showing pictures of humans? Essentially, blurring the line between technology and people, ...
4
votes
3answers
2k views

Are there any recommendations for the layout of Metro forms UI with hierarchical data on a website?

Most of the guidelines I find regarding Metro design deal with read-only or media content with few text input controls. Are there any design guidelines/examples/screenshots showing good layout of ...
4
votes
5answers
2k views

Pagination - Placement of Navigation Control Relative to Search Results?

In a web application I am building, I will have a list of search results I am displaying to a user in a tabular format. I plan to page the results in smaller groups (10 for example) for performance ...
4
votes
4answers
2k views

Fixed feedback tab on the left/right window border

What is your experience about using tabs/buttons that are fixed to the left or right on the browser window? (see an example to the right on this site) They are usually used for feedback forms or ...
4
votes
2answers
247 views

How to display nested categories of data without using nested menus

I've been put in charge of making a simple website. I'm also new to front-end web design and just design in general (I've always been a back-end programmer). I was given a document by my superior ...
4
votes
1answer
132 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 ...
4
votes
2answers
176 views

Best way to display support, contact, and preferences in Mac App

I'm trying to decide what the best way to display the following options to a user is: Contact / Social Connection Links (ex. find "company name" on Twitter / Facebook) Support options (ex. in-app ...
4
votes
2answers
300 views

Scrollbar width in Component Vs. Containers (UX dilemma)

Do you think a thinner scrollbar should be applied in components (such as combo box and text area) and wider scrollbar in containers such as window & panel? And if not, will you apply a thinner ...
4
votes
3answers
83 views

Product links to multiple stores

The product in this case is an Album, and I am trying to decide from a few different layouts/interactions. The challenge comes from providing the options allowing user preference : itunes, amazon, ...
4
votes
1answer
126 views

iOS/ Android - Can we implement a popup over an other popup?

When a user is prompted with a popup to select a option, Whether we can invoke a second popup over this first popup or closing/hiding the first popup to showcase the second one?? Or any other good ...
4
votes
2answers
280 views

Flashcard app - list or boxes?

I am making a flashcard webapp, and am deciding between using lists or boxes to represent the decks and cards. i.e., Lists Boxes (with create new deck/card box at the end) So far, my points are as ...
4
votes
3answers
201 views

How to add dependencies between tasks in a list

I have a list of tasks that can be dependent on each other, e.g. task #2 cannot be begun until task #1 has completed. In schematics, it might look like this Id | Dependency ----+----------- #1 | -...
4
votes
1answer
255 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 ...
4
votes
2answers
313 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 ...
4
votes
2answers
149 views

How to better display metadata about a card?

A Card has the following metadata: Information: Status (ready or not), Stage (one of nine) Actions: Edit, View Statistics, Edit, Delete, Archive I need to display both sides of the card on this ...
4
votes
2answers
207 views

Adding comments to a list of items, is there an elegant solution?

I've been looking through the forums and haven't had much luck. I have kind of a weird dilemma, I hope someone can help. I have a list of items (like a list of favorite movies) each item has buttons ...
4
votes
1answer
140 views

Does showing items in decreasing order of prices help in conversion

I was asked to show 4 items in a featured products list which would be below the hero image in the site. The client recommended showing the most expensive items last suggesting that people might get ...
4
votes
1answer
3k views

Using JQuery DataTables to display many columns

We have a large document archive. It is built similarly to how a Cassandra Database would store items having column names and column values stored for each item. This can lead to having way to many ...
4
votes
1answer
576 views

Android: Does it make sense to place action buttons in the Action bar in a settings app?

I'm currently playing with an Android layout for an app that is to be used to configure a remote (wireless connected) embedded controller. It configures a bunch of modes and related settings in the ...
4
votes
2answers
198 views

Displaying multiple large images at a time

I'm developing a desktop application which will show details of various types of aircraft. Previously, the application looked like this: When the user mouses over the image in the top right, arrows ...
4
votes
3answers
1k views

How can I incorporate IAB advertising banner standards in a 960 grid layout?

When I try to prototype a website thinking in the IAB display advertising guidelines using a grid system (960gs - 10-60-10) the only banner that fits in a 3 column space it's the half banner (300x250) ...
4
votes
2answers
283 views

How can I place contents on the body of this site layout without making it look like it's floating? [closed]

I am a programmer and I need a designer's expert advice regarding the website layout I am currently working on. Here is the layout to start with: Click image for full resolution I have a full ...
4
votes
1answer
313 views

Displaying N levels of organisational hierarchy intuitively

I need to display top-down hierarchical data in a web browser that represents the geography of a large organisation. The data looks like this (except the actual list is enormous with 8000 staff across ...
4
votes
1answer
427 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 ...
4
votes
2answers
92 views

Name for vertically sliced interfaces?

I'm wondering if there's already a commonly used name for these types of interfaces. The idea is that the content is sliced in to several columns, with very little in the way of horizontal menus ...
4
votes
3answers
193 views

Contest-List: Separate site or simply scroll down on homepage

My webapplication concept is all about some kinds of contests in which users can participate. Each contest has a minimal amount of information that will be displayed while viewing the list. As for now,...
4
votes
1answer
154 views

Mobile post page - next post fly out vs. static next post

I am working on a heavy content site. On desktop post page i have sticky sidebar that displays the next posts. On mobile at the bottom of the page when the post is over, the read next stories are ...
3
votes
4answers
820 views

Why choose dark navbars?

Been reading about Google's new dark navbar over at ReadWrite. It's funny that ReadWrite, as well as StackExchange, has chosen a dark navbar as well. Why this trend to choose dark navbars?