Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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

0
votes
2answers
37 views

Responsive feature comparison layout / grid

I have a list of applications (~120 items). Each application on the list has the same features (logo, name, OS name, price range, short product info), so basically this is a table with 120 rows and ...
0
votes
2answers
42 views

Label width in horizontal forms

In a horizontal form, each label and its corresponding form item are in one line. To make these labels aligned properly, they must be of equal width. Then what width should we choose? There're at ...
2
votes
1answer
62 views

Is a CardView-based UI the best approach to section rich content? [closed]

Im working on a "smart-home section" that is beeing redesigned at the momment and i'm not quite sure about the approach of our designers. My question is: Is a CardView based UI the best approach to a ...
0
votes
1answer
95 views

How can I improve the experience of filling this form in? [closed]

I have a web form with several buttons - for saving/restoring drafts & also a submit button. It has the capability to display alerts when drafts get saved/restored. In the screenshot, an alert is ...
1
vote
1answer
46 views

Material design: Can you use bottom and top app bar at the same time? What's the relation between them?

I'm currently designing a B2B app that will have plenty of buttons (on top app bar) that just can't be hidden. Is it possible to transfer some of the buttons from top app bar to bottom app bar, just ...
1
vote
2answers
107 views

Switch Dashboards along with menu

I am working on a mobile application which will have two different areas in same app. Suppose: Area 1 -> Learning Management System Area 2 -> School Management System Both areas will have its own ...
0
votes
1answer
63 views

Does the location of “main buttons” affect usability?

Here we have Meta Stack Exchange: The "Ask Question" button is part of the "search results" group. Could this possible confuse users? Should site-wide "main" buttons always be placed on the header ...
5
votes
1answer
56 views

How can I manage a module creation screen with multiple lists of templates selections

Specification: The aim of the design below is to create one module by using 3 set of templates. Each template is having list of templates which are coming from different database tables. Template set ...
4
votes
1answer
72 views

What's the best way to inform users the results of their UI selections before they make the selection?

For example if a user is going through an online request form and must choose from a long list of industries, forms, job roles, types of jams, whatever but some of the items result in a different UX ...
1
vote
2answers
47 views

What is best practice on how to arrange products within a given category/department?

Customers have the option to filter by designer, price, item type, etc., but I have not been able to find any information on how to merchandise/arrange the products on the aisle level category page. ...
7
votes
7answers
399 views

Document space between components for designers

How are spacial relations between components documented by the big design systems? They only seem to explain how the components look and behave in isolation, not in relation to each other. For ...
2
votes
1answer
69 views

How to visualize versioned data?

I work at a SaaS company that has a product for entering accounting transaction data. We are building out a new feature for visualizing versioned data, and I am needing some help on how this could be ...
1
vote
1answer
26 views

Displaying acronyms

I'm working on a website for a student society. The society has been established for a good number of years now, and in its humble beginnings it was known by an acronym. For the purpose of this ...
0
votes
1answer
68 views

Show multiple device in one location on map

I've wrote a program to manage our devices. As you see below, we show device status on the map plus junction traffic for entrance and there is ability to access configuration and reports by right ...
0
votes
1answer
86 views

Help me out with this double sticky bar in Mobile

I've run into a UX problem in a site I'm designing. I feel like there's an obvious solution but I'm having trouble finding it. I have a site that has a global sticky bar. In the middle of the site, ...
0
votes
1answer
76 views

Design was made to look perfect at full and fixed width, how to deal with it on wider screens?

A website design has been provided to me which I should turn into a HTML page. But here is the catch: It was made to only look good when taking full width (it has a slideshow, and also a horizontal ...
2
votes
1answer
73 views

How to display a grid of images that have different aspect ratios? [duplicate]

If I have a grid of images, let's say political cartoons, that have differing aspect ratios and cannot be cropped, how can I display them in a grid or even linear fashion? This is for a newspaper ...
10
votes
3answers
492 views

Why do 4-wheel suitcases usually have their wheels on the short side, rather than the long side?

In a 4-wheeled suitcase, there are three possible ends to put the wheels. Most commonly, the wheels are at the short end: Public domain image I find it hard to keep them on 4 wheels; one has to ...
0
votes
1answer
42 views

Is it useful to have navigation/location labels and the page title duplicating information?

Navigation already tells you where you are. Do we need a title? Is it useful or is the title information just increasing interaction cost? Example:
0
votes
2answers
114 views

How can I hide some UI elements until the mobile version is out?

The first picture depicts a design of notification preferences that is really strongly inspired by Backplane's solution (the second picture), because it suits my case perfectly. The client saw the ...
1
vote
3answers
169 views

How to decide whether to paginate or scroll?

This game-related app is navigated through the sidebar, and there are tabs that in the main section to further navigate an area. In the 'Updates' tab (shown), I am questioning how much information ...
0
votes
1answer
47 views

Should sections (sidebars, etc.) have a distinct background colour?

Consider the following layout: It's divided into four horizontal sections using borders, each with their own heading. On the web and desktop, it's a common pattern to give sections a distinct ...
1
vote
1answer
46 views

Two distinct value propositions for two distinct types of users

I have two distinct types of users. I would classify them as "beginners" and "advanced" users. I want to describe the value proposition to beginners in one way and to advanced users a different way. ...
0
votes
1answer
52 views

Where to place ads on a blog when viewed by mobile?

When a blog is read on computer with a full screen we can show the viewer ads on the right and left without being too intrusive. The user can still read the blog post unhampered. But what about ...
2
votes
1answer
49 views

Differentiating between role based actions

Context I have two types of users (Students and Administrator) who will be interacting with the preference view screen (Students select their desired preferences before while filling their admission ...
0
votes
1answer
118 views

How to display grid/card style information (without any images) so it doesn't look repetative?

My intent is to display data in a grid formation, presented as cards. I don't know what cardinal rule(s) of design / UX I'm breaking here but it is not working out how i would like it. Here is a ...
3
votes
1answer
78 views

UI based on individual data / dynamic / generative

I am looking for examples where the UI is designed based on the individual user data. Not just a customizable profile page, more automated individual color palette / layout / typography / ??? ...
1
vote
1answer
49 views

Arranging role-playing ability scores

I am writing a small open-source web application to manage characters in a fantasy role playing game. When a new character is generated, 6 random values between 3 and 18 are generated by the ...
3
votes
1answer
113 views

Tables with a lot of data for small screen sizes

It is probably not just me who finds responsive tables barely readable when using small screen devices. In most of cases they look like in example #1. I find this way completely impractical when ...
2
votes
2answers
241 views

Hawaii missile mess [closed]

Are there any guide lines on how to implement security related interfaces? I guess this isn't the best interface possible, as it caused a mass panic of probably at least a million Hawaiians: https://...
1
vote
2answers
84 views

Simple filter form layout [closed]

I am making a public movie review website and am having trouble presenting a filter/search form. This is what it looks like right now. How can I better present it?
0
votes
1answer
127 views

Gestalt grouping principles and subgroups

Are there some best practices how to solve a situation when Gestalt principles are in conflict? For example, in the picture is example of a style where options that belong together are grouped by ...
0
votes
1answer
71 views

Recommended option to add item list from predefined list

I need to build an interface where the user will dynamically build an item from a pre defined list of items, like the following example: Personnel Team Name: Peter Gabriel Description: Sr. IT ...
0
votes
3answers
172 views

CRUD without READ (detail)

Background We have a list of users. Now the users have a button Edit that leads him directly to an edit screen: In other parts of the app we have a similar list just there we have a Detail button ...
0
votes
1answer
65 views

Ideal way to show multiple columns in an input table for keyboard navigation

I have a page as below. I have to show table with multiple input columns(> 30). in the region "input able with many coloumns" One Idea is have arrows on right and left and navigate. Another is have ...
0
votes
2answers
101 views

how to reduce content scrolling without reducing a story?

This is what I came up with: https://marvelapp.com/jjace4/screen/34738210 (summarized version) After finishing the page I got user feedback (design leaders from the UX community). The feedback that I ...
0
votes
0answers
32 views

Display differences in value across different data sources

I am displaying performance values in a hierarchical grid (infragistics' xamTreeGrid) for various instruments from a well defined primary data source. <Fund1> P&L |-<...
2
votes
1answer
99 views

Problem with layout of features

I have a set of features that adjust style of the graphs. They set existance, colors and size of the element. I must be able to apply size and existance to all the graphs. But I don't want to apply ...
0
votes
0answers
31 views

Options to change how a grid is displayed?

I have a set of resizable, togglable grids the user can set both the dimensions (how much screen space it takes up), the number of columns and switch between multiple grids. This is the current '...
0
votes
0answers
359 views

Using a master/detail flow, what's the best way to display other Activities in Android?

I'm in the process of fine-tuning my app for Android. The primary function of the app is a Master/Detail pattern. I also have one other main view that can be used. Because of this, I'm unsure of ...
4
votes
5answers
487 views

How to layout / structure a page with a long sidebar but a short content section?

Basically, I have a data table in the main content area and a filter section on the sidebar. The filter on the left serves as a filter for the data that would appear in the data table. Now, each of ...
1
vote
3answers
214 views

Where should text content be placed on screen?

In which part of the empty screen on desktop should text content be placed for most effective readability for user? Suppose that short info is all content (like on the picture below). People read (...
1
vote
2answers
199 views

How to transform a mobile-navigation design into a desktop one

Right now I have a mobile app where you can navigate like this: I need to transform it into a desktop app. The only thing that I cannot change is the fact that the circles that are clickable options ...
4
votes
2answers
308 views

Drag & Drop feature for customizing UI on modern web applications

Many web applications that allow you to design website have drag & drop features that allow you to rearrange the layout as most of the components are modular. There are also many web applications ...
1
vote
3answers
110 views

Term for when an interface unexpectedly updates its content and causes users to mis-click?

There is a frustrating situation that I've encountered in multiple places that is hard to describe, but the consequence is always the same; causing the user to mis-click what they meant, due to the ...
6
votes
3answers
1k views

Categories in a list: Empty state or hide?

Hoping for some feedback on these two list displays for empty states. The list is categorised by Month, Year and based on data, we can expect to have about 40 reservations over a 6 month period. ...
17
votes
3answers
4k views

How to deal when two or more markers in a map are super close?

I would appreciate if you can help me to find an elegant solution to the issue of having lots of markers in nearly the same position of a map. Clustering is not a good solution in this case given the ...
69
votes
6answers
10k views

Confusing checkboxes and radio buttons

I have a problem building a certain UI for a website. I'm going to demonstrate the problem with a simple website for a restaurant chain: Context the website has many users and many restaurants. ...
3
votes
2answers
323 views

User profile dashboard design for two users

I need to let two user type to login in to my website. Customer and Broker I already have a dashboard design for customer. Here is the screenshot. I wonder whether I should keep same dashboard ...
0
votes
2answers
82 views

where should be the dropdown placed when its selections reflects the change in heading?

Please have a look at the screen shot attached for the reference.