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

learn more… | top users | synonyms

2
votes
3answers
237 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 ...
3
votes
2answers
45 views

When using a grid for a web app, does a sidebar /side tray fall within the grid or outside of it?

I have had this problem for a while. Designed many applications with a sidebar navigation but have never fully concluded on how to best use it within the grid. A, inside the in grid just included ...
1
vote
2answers
124 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
53 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 ...
4
votes
1answer
149 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
71 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 ...
1
vote
1answer
120 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
34 views

Show overview and detailed information en same screen?

Do any of you have experiences with changing the overall layout of an application. The existing layout is shown with an overview grid in the top to change the records, and the detailed information in ...
1
vote
0answers
40 views

UX/UI Responsive - Long forms with multiple language content

I want to know the preferred (and why it is good/bad) way to show a long form with multiple sections, which have content that should be in multiple languages (if multiple language is supported) The ...
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
118 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
341 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
111 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
80 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 ...