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

learn more… | top users | synonyms

1
vote
3answers
82 views

Social Icons and Download Badges in mailer header?

Im currently doing a mailer design. I've placed the social icons in the header, next to the company logo. Underneath the social links I have put download badges, before the main content of the ...
1
vote
3answers
210 views

How to layout a page with very long list of sub-navigation items?

We have these few pages that have an inner navigation but for some pages, the number of items are very long. For some pages, the number of navigation items are short. See below for the ones with a ...
1
vote
2answers
103 views

How to show bunch of numeric values without any text labels as mobile app list item?

I have a case where I need to show bunch of numeric values like (2000000, 345.6, 2, 657, 567) as a mobile app tile without making it look cluttered and also allows user to easily scan the data. (among ...
0
votes
2answers
44 views

How to group common (to a list and other input groups) input fields

Here's my scenario - I have the following three input fields: Type Remarks Uploads (Popup which allows users to drop files) Now, these three fields are associated to a person object. The user has ...
3
votes
1answer
131 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 ...
2
votes
1answer
109 views

Should I fill empty space with more information or leave it empty?

I'm working on an application where the user is shown a map with some data on it. In mapping, there are different ways to classify the data, so the client would like to give the user the ability to ...
1
vote
1answer
107 views

Indicating direction of an object using a basic string

I am trying to indicate the direction (left or right) of an object relative to a fixed point, which is itself located relative to a standard center, using simple text. This direction information is ...
0
votes
1answer
110 views

Ideal default content area width for a site with tons of forms

I'm doing work on a staffing related website that uses lots of forms. The forms are pretty integral to every aspect of the site--from entering work history to filling out job applications. This has ...
2
votes
0answers
51 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 ...
0
votes
0answers
35 views

“General” game GUI (not mobile)

Looking at the general layout of a lot(but not all) of computer games across the FPS/RPG/strategy genres the format usually follows a rough pattern; Menu = top left, Chat/log = lower left, Action ...
0
votes
0answers
111 views

Organized catalog of “big” UI patterns?

I need to make some fundamental GUI choices and would like this process to be more formal. E.g. how do I make a decision whether a details view should be a collapsible panel or a separate window? ...
0
votes
0answers
41 views

Screen layout for a form with research space

I'm building an application that will present a form to a user. In order to fill out the form, the user does a quick bit of research. Typically this involves jumping between a few documents, with ...
0
votes
0answers
26 views

Mixing many different output types in one layout

We currently have a paper based system where there is a Rolodex type card for every item we provide - we are now computerising the cards and are trying to come up with a UI which closely resembles the ...
0
votes
0answers
323 views

converting a three column layout page into Material design

My current project involves converting the following design into Material design. I have been reading material design guidelines on Google website. However I feel quiet lost as to how I would convert ...
0
votes
0answers
110 views

Best way to fit free-form data body below a table row

We're redesigning our a page of our web-based application after complaints that this particular page was too data-dense. The page currently has 6 filters at the top and a data table with 10 columns. ...
0
votes
0answers
77 views

Ask a Question, Get a Response Now or Later

I'm building a mobile app about asking questions and getting responses. The responses can be almost immediate (~10-15 seconds) but about half of the time it may take hours for a response to be sent. ...
0
votes
0answers
83 views

The goods of forcing the user to follow a path

Maybe this is not the best place to ask as this seems to me like a question regarding two fields: marketing and user experience. Hopefully some of my questions could be solved from the user ...
0
votes
0answers
38 views

How to link to reviews on a movie/game/tv info page

The situation: I am designing an info page for entertainment media. At the top of the page is a header with images and title. At right is a sidebar with info and related content. The main body ...