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

learn more… | top users | synonyms

0
votes
0answers
12 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 ...
1
vote
5answers
141 views

Best practice for collapsible submenus?

I have a website navigational menu: Lorem Ipsum < Situs Pratius Quisque Dolor Duis Proin < Folios Artius Zalto Ramo Neque What should be the best practice for users; if a user ...
0
votes
1answer
31 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 ...
3
votes
4answers
121 views

New and Existing Addresses in Form

I have working in designing and implementing a form for adding the address in the Shopping Cart for our website, the form initially for first timers or without existing address will looks like the ...
3
votes
2answers
44 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 ...
5
votes
1answer
102 views

How to show linked entity inside another entity

I need to show some way to indicate that the green colour entity is linked and not owned by the parent (blue) entity you were currently in. Currently i'm using colour variation like here and wrapped ...
-1
votes
3answers
102 views

What are some alternative ways to record data instead of a long form? [closed]

How to deal with long forms (Not conventional ways like form wizard etc) and what could be some alternative ways to gather information instead of a form layout? I really liked how TypeForm looks at ...
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 ...
3
votes
4answers
50 views

Use System Font or custom font in controls?

I'm looking for a design opinion. My OS X app uses System Font for textfield and button titles. Problem is, Apple has changed the value of System Font twice in recent releases of OS X, and this has ...
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 ...
-3
votes
1answer
55 views

What is the best layout to get an image from multiple sources? [closed]

I have a mobile application and would like a better image getting layout. Image sources: URL, Local file, Camera, Facebook It's a simple mobile picture application and I would like to develop a ...
10
votes
4answers
2k views

Counter in a corner of a button

I'm creating a user control which is essentially a wide tile-like button (think Windows 8 "wide" start menu tiles), but in the upper-right corner there's a darkened area which contains a counter. This ...
1
vote
1answer
36 views

Hierarchy file display

I am working on an application which should display multiple files with each file being dependent on one or more files. There are 2 levels of nesting (fileA -> fileB -> fileC) and there can be 25 ...
3
votes
1answer
148 views

What would be a better typing experience in landscape mode of a keyboard?

While designing a keyboard app for android, I went through a lot of testing of various existing keyboards. One thing found in common was that typing in landscape mode of every keyboard wasn't very ...
1
vote
2answers
36 views

user controlled map direction

This is an app which provides the location of grocery items in a grocery store. I am trying to figure out the best way to communicate to the user which side of the aisle the item is located, based on ...
1
vote
2answers
54 views

Table Elements Placement

I have a web application where I need to show certain data in tabular format.I have certain queries from a UX perspective based on my diagram below : What should be the ideal placement of elements ...
1
vote
1answer
100 views

Best design for profile page? [closed]

I am building a website where students can register themselves build their profiles. These profiles could be viewed by registered institutions to see if they are a right fit for them and invite them ...
1
vote
1answer
75 views

What is the difference between PHONE NUMBER & NUMERIC TEXT inputtype in android text fields?

I'm designing a keyboard application for android. Came across the various input types such as - phone number, email, url, etc. for which the keyboard should ideally change layout for the user. I ...
0
votes
1answer
153 views

Layouting personal developer home page [closed]

I am stuck at layouting personal home page which intended to present me as software developer and R&D man. I am definitely don't want geeky home page like famous https://www.jwz.org/ (scrolling ...
1
vote
3answers
82 views

Is there a preferred location for Expand / Collapse?

I'm in the process of designing a form that contains both required and optional groups of information. We currently use group section headers throughout the application so I've leveraged them here ...
2
votes
2answers
149 views

Best practice for game navigation - portrait orientation for menus and landscape for actual game screen?

I've been working on a mobile game and I'd like to know your opinion on the usability. The game must be played in landscape mode but the other screens such as menus/home screens have a listview and I'...
5
votes
3answers
71 views

Should byline be above or below image?

A client of mine is a large newspaper and they are now doing some changes to their article template. One of the things they want to change is the byline so that it doesn't take up to much space. ...
1
vote
2answers
106 views

Why are desktop/laptop screens horizontally oriented?

Desktop/Laptop Screen Orientation One obvious difference when we design for desktop versus mobile is the orientation of the screen. Laptop screens are typically 16:9 or 16:10 screen ratio, which are ...
1
vote
2answers
159 views

Best UI layout for the scenario?

We have items and settings for them. All the settings done will affect the selected item(checkbox). Now what is the best way to show them on UI Layout. Splitting screen horizontally or vertically is a ...
2
votes
1answer
121 views

Having the register and login options on same page - Best practices

Sorry for the making this a lengthy question, but I needed to make all info available. So I'm trying to design the home page of a web application. The home page will have the following elements ...
0
votes
3answers
179 views

Should I place a product picture on the left or on the right?

I'm customizing an ecommerce solution and I noticed that most people would place product pictures on the left, but I wonder if there is a reason behind it. I would like to have my pictures on the ...
2
votes
1answer
113 views

Is this clear enough for the user?

I am working on a program where many options have sub-options, and it is possible to have different values, or a 'master' value. Currently there is a checkbox dedicated to it, but I was planning to ...
0
votes
3answers
68 views

User Group Assignment Layout

I have a UI that allows admins to manage what groups a user is in. Currently the list of groups are listed as columns in a grid, stacked horizontally, and the list of users are stacked vertically. ...
0
votes
1answer
96 views

Website Forms - struggling for space, what is the best option?

I am looking for some input on a dilemma. I need to implement a newsletter signup box and I am struggling to fit it in properly to the space I have. The restrictions are: The left hand column is ...
2
votes
3answers
96 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 mailer....
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 ...
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, ...
-1
votes
1answer
123 views

What is the best way to display multiple columns?

I have been asked to come up with a solution for displaying 50+ columns that were previously viewed in excel and now need to be brought to the desktop application UI. Mobile version is out of scope.
0
votes
1answer
32 views

For an instant message program, should your messages sent be left or right side? [duplicate]

For many IM programs, especially text apps for phones, you can see a conversation with a specific person. To quickly distinguish between messages sent and received, they are pushed to each side, like ...
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 ...
2
votes
3answers
235 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 ...
4
votes
2answers
216 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 ...
0
votes
1answer
56 views

How to determine if something is 1 row vs 3 rows in bootstrap? [closed]

In the following layout, how do I determine if each element should be in their own row and column or if all of them should be in 1 row and 1 column together, but separated by line breaks? Is there ...
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 ...
1
vote
1answer
162 views

What makes this POS design look dated [closed]

We are planning to update the design of our POS screens, so I want to understand what is making them look dated. The screens currently have all the functionality that we need -- we are just focusing ...
1
vote
1answer
72 views

How to display adequate info without looking “busy”

So I'm making a section of a web page for an "event management" system. The system works as follows: The Organizer Email field is an autocomplete. You start typing an email and it performs an AJAX ...
1
vote
3answers
184 views

How to efficiently show lots of profile data in a glance?

We're in the process of creating an International Directory System for our Employees (which would provide details of Employees - summary of their education, experience, contact, and social media ...
53
votes
8answers
7k views

Most User Friendly Color Picker

I'm designing a website, and I need to allow the user to change the color of some elements. I will have to implement a color picker. What kind of color picker is the most user friendly, and looks best?...
0
votes
2answers
53 views

Location of the site creator [closed]

I want to add "created by @my_name" or "by @my_name" but I don't want to put it in the footer or some other inconspicuous place. I decided to make this "fixed" on screen, but do not know where it is ...
1
vote
5answers
179 views

Style before layout or layout before style?

When designing something for the web, is it a better to focus first on the layout and then on the style or the reverse?
1
vote
3answers
129 views

Indicating the presence of content below the fold in a mobile UI?

In my mobile app, I have a "Profile" section that the user has to fill in. It looks like something like this PERSONAL INFO SECTION HEADER (label) FIRST NAME (textfield) LAST NAME (textfield) ...
3
votes
3answers
254 views

Good design for grouping labels on a form?

I have the following area on a form: I don't like the repeated words "Open" and "Date". To me repeated words just add clutter. I would like to have a way to group these together in some way. ...
0
votes
1answer
303 views

How to best display this tree structure?

I am displaying a tree structure with Angular Material and angular-ui-tree as shown below: I'm not happy with the look of it (lots of white space, distance between buttons and text) but can't think ...
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? ...