Questions tagged [layout]
The way in which the elements of an interface are laid out.
856
questions
1
vote
1answer
70 views
Question about Grids and Layouts in UI Design
grids and layouts are something that i've struggled with since starting my design career two years back. I've read books like grid systems and watched several videos and courses but as a UI designer, ...
1
vote
0answers
21 views
Google pay and Credit card in the mobile app
I just need one or two advice, regarding on this new booking system as the developer team create it without my knowledge and didn't ask me for advice or design UX before they went developed it and it ...
1
vote
1answer
75 views
Design pattern for collapse but not entirely
I have a bunch of cards in a 2 column layout in my grid. If there are more than 2 items to display I want to show only 2 of them and hide the remaining behind a "Show all" button.
What is ...
0
votes
0answers
88 views
iOS download behaviour for pdf files in a shop
I developed a small shop for a client and have stumbled upon a bigger problem.
After completing a purchase for an e-book, customers can download it in the order overview. However, iOS does not load it ...
1
vote
2answers
82 views
UX Pattern to make it easier for the user to fill many different select boxes
We have a web form and the user is required to fill in atleast 5 (maybe more) select boxes. Our current UI layout (see below image) looks like alot of work to the user. Are there different UX Patterns ...
1
vote
1answer
53 views
Displaying a simple list on different viewports
I am building a simple app with two screens that show a list of quotes (inside cards), an image and an about screen. On mobile it looks fine (using a tab approach), but for bigger viewports like ...
0
votes
2answers
34 views
How do I best make a tally of items on a mobile phone
I'm designing a wireframe for a mobile app for logging materials.
One of the features needs to be able to log the makeup of a material.
fx in the case of a technical fabric the composition can look ...
2
votes
1answer
45 views
Is the Floating Side Panel / Icons affect the UX?
I have been asked to include a floating side Menu Icons. Here is an example:
I am not convinced about this idea and I think it is intrusive & distracting, so I want to have your opinion about ...
2
votes
3answers
137 views
page overloaded with tables
I am looking for a better ui-design idea for this page.
So each company has different types of vehicles (trucks, personal vehicle , tractor etc)
Each vehicle has its own dates for the different ...
0
votes
1answer
22 views
Examples of two/multiple facet scoring?
Working on an interesting scenario - we need to communicate a "score" that has two facets:
A percentage based score that has a threshold that must be met to pass (90%)
Specific items that ...
0
votes
0answers
21 views
Where should website logo link to in an organization with multiple platforms? [duplicate]
We have an organization that has a /forum (discourse), a /news (ghost CMS), /learn(learning platform) and etc.
They all share a similar navigation with the organization's logo in the middle and ...
2
votes
1answer
54 views
Is filling the center-area of a GUI with several forms a good practice?
Center-area concept:
For a desktop application, we commonly find a similar structure for the GUI:
Top menu / Ribbon
Dockables left and right to explore the content and show properties.
Center-area ...
1
vote
0answers
82 views
Step shaped visual layout of cascading filters
I find this layout of cascading filters:
much more intuitive and much more "welcoming" to use, over the traditional, horizontal axis layout:
I am trying to explain to myself why this is so....
1
vote
1answer
48 views
Best layout/design for profile CRUD actions suggestions
I am currently working on a university project on an android app, that communicates with a device via Bluetooth and uploads profiles to it. So in the app I have a UI that provides different CRUD ...
0
votes
1answer
65 views
Image grid with clear order and different aspect ratio
I am making an image grid which shows about 200 images and they are user submitted, so I do not know the dimensions of the images. Some are portrait. Others are landscape. Most are landscape.
I have ...
3
votes
2answers
77 views
How best to display a network of friends?
Related How to properly show one's friends in a graph if the number of friends is large, but 1) I have max two levels of "depth of friendship" and 2) I want to group friends.
I want to show ...
1
vote
2answers
64 views
How is this UI called (multiple pages with settings, dots on bottom marks progress, usually after install of app)
On mobile phone when I install some app it shows few pages with basic settings, at the bottom are dots indicating progress, sometimes back/next button. How is this thing called? I want to find and try ...
3
votes
2answers
123 views
How to group multiple buttons on mobile
I'm working on a game website for desktop and mobile and one of the pages has 5 action buttons:
Edit (no text, just pencil icon)
Share (no text, just standard share icon)
Play (just text)
Compare ...
0
votes
0answers
45 views
Holy grail layout solution that makes complex apps being usable on mobile?
What's the best solution for responsive holy grail layout in the context of complex responsive design?
Some common layouts done in this way
Hubspot CRM
Problem: it doesn't work on mobile as most of ...
2
votes
3answers
112 views
How do I lay out the special offers page when most offers only apply to one product?
I am building an ecommerce web site, and am trying to find a way to present the special offers. Products on special offer are grouped, so the offer applies to all products in that group. For example, ...
0
votes
1answer
86 views
Can I improve this layout for a better experience?
Here I have tried two different layouts for fitting this information inside of my mobile app.
The picture inside of the app is actually a video demonstrating what to do. The first (left) layout ...
7
votes
3answers
206 views
Excel spreadsheet colour coding/design/layout principles?
With programming you have "software design patterns", with websites you have design standardised (and then some templates, e.g. "bootstrap"), and people know where the input etc. ...
1
vote
1answer
56 views
Should a web-app page title appear on every page, even with the current page highlighted in navigation?
I'm facing a dilemma with other designers within our team about whether the main page frame of our web app should iterate the title of the page itself at the top left corner or if it should not exist.....
1
vote
1answer
70 views
Redesign of a resultpage card [closed]
I am wondering about a redesign I have been doing. It is about a resultpage in which we have home insurance cards.. the current setup was not flexible enough to show a longer text for the usps.
My ...
1
vote
3answers
88 views
Time picker with blacklisted times
What would be a good design on an app for a time picker, incremented by 30 min with some blacklisted times?
So for ex. 9:00am, 9:30am, 10:30am 12pm, 12:30pm etc.
checked all over for inspiration, but ...
0
votes
1answer
58 views
Can a 2-column grid of info be acceptable if it mitigates an awkwardly large amount of white space?
I'm in the middle of a psuedo-overhaul of my company's platform, with an emphasis on "object-level" pages (ie the page for an individual task, or individual appointment).
A problem I'm ...
0
votes
1answer
75 views
Show all 6 features on home screen, or only the main 2 with the rest hidden inside?
Let's say there are 6 different features for an application.
Should we show all 6 features on the homescreen for better accessibility?
or should we show only the top 2 features which helps the user ...
0
votes
1answer
60 views
Which button placement is more usable for touch
I'm designing an order listing UI for a delivery person to fulfill their orders. I need to add a cancel button for ad-hoc cancellation in certain situations.
between the 2 options below I'd like your ...
1
vote
2answers
163 views
What is the correct placement of actions buttons
I am working on an application where user's data will be frequently added and updated.
In sample 1, I have added 'add address' links in each row per category for quick addition but it is breaking the ...
1
vote
1answer
109 views
How to organize nested groups of forms where a user can just keep adding to them?
Here's how it works:
The user uses the dropdown in the gray "new service" area to select a service.
Once one is selected, let's say Web Design (cuz why not?), then they can click "Add ...
2
votes
2answers
396 views
Is Cumulative Layout Shift a consideration while the page is still visibly loading?
Cumulative Layout Shift (CLS) refers to unexpected change in the position of content on a page, and usually happens because resources are loaded asynchronously or DOM elements get added to the page ...
2
votes
2answers
118 views
Best input validation approach for complex and busy screen
I have an extremely busy screen for a single page application that allows people to pick their own components and build a custom printed circuit board (following a template that we provide).
Our ...
1
vote
1answer
83 views
Should I align multiple search boxes horizontally or vertically?
Which UI/Ux is better?
horizontally placed search boxes or vertically placed? I am trying to understand which pattern is good in terms of UX/UI and reducing the user's effort
I am thinking in a way ...
0
votes
0answers
38 views
Dashboard with variable size section
I'm designing a dashboard, with various graphs and data tables, that has a section showing the relevant users. My initial design was to have a card design for each user and it looks fine if there are ...
0
votes
2answers
95 views
Good way to fit lots of numeric/config information on one screen
The goal is for the user to be able to configure what they want, and then "Do something" to their selected "thing," usually more than once, and see the results.
This screen is ...
1
vote
1answer
82 views
Does bigger/wider grid better provide better user experience nowadays?
Does bigger/wider grid provide better user experience nowadays as 16:9 are more common?
I don't see many 960px/1000px wide layouts these times.
There is some data favouring e.g. bigger buttons, but ...
1
vote
2answers
96 views
How to make sure people will see all the items/options on my website?
I'm designing a website for a dog and cat shelter. We will put the photos with the descriptions of the animals and any other useful infos.
Since there are about 50 dogs and 100+ cats, how can I make ...
0
votes
1answer
52 views
How to represent nested If-Else blocks in documentation?
I want to document a process that has some nested If-Else decision steps. The documentation must be printable, so I don't have a lot of space for proper left indentation to represent the current level ...
0
votes
1answer
63 views
Where to put a Map on the Contact Us page?
I’m working on a Contact Us page and trying to keep it minimal with only 3 sections (in order):
Map
Contact Us Form
Footer
Does it matter if it is:
Contact Us Form
Map
Footer?
Edit:
I have removed ...
1
vote
2answers
79 views
Should we include a 'collapse' on this page?
We're developing a page, where the user can unsubscribe at the top of the page, and 'email preferences' at the bottom.
The question is, once the user has 'expanded' to see the preferences, does he ...
1
vote
2answers
62 views
Referring to the position of an element in modern (responsive) design
This is such a common and basic issue that there must be an answer somewhere already, but I can't see it, so I'm wondering if I'm missing something. Should we avoid referring to the position of an ...
3
votes
3answers
76 views
Careers links in mega menu
I am designing a corporate website career page. Should I use a mega menu for the career page? Here are some of the items related to the career page:
Who we are!
What we do?
Life at Our Company!
...
0
votes
2answers
218 views
Which is best alternative design of a table which having only 2 column to display in UI with one edit button. Please advice me
Please help me to get the best UI layout as I don't want to use the table in my page due to less number of the column.
0
votes
1answer
32 views
How to correctly position data that has additional formatting for context
I'm currently working on standardising how read only form data is displayed. Right now, it can be stacked labels and values OR label left, value right. My preference is to go for the stacked view and ...
1
vote
1answer
32 views
Content presentation pattern name and known usability cons and pros
I am currently designing a long product page; usability testing shows that the monotony and the high homogeneity of the page represents a findability, legibility, and overall experience blunder. We ...
1
vote
1answer
89 views
What is this table format called?
What would you call this type of table row layout?
(This is from Mailchimp's email campaign manager section.)
It's not a traditional data table, since it combines about 6 pieces of information in ...
1
vote
2answers
128 views
What layout for a nearly empty web app? [closed]
Context
I am designing an ad hoc enterprise web app that is very simple: given two parameters (year, month), click a button that generates and let you download a file (an Excel spreadsheet). Users ...
3
votes
2answers
2k views
The right Layout grid for iOS UI design
I just downloaded the free iOS 13 GUI for figma and I tried to see whether their app templates follow a standard grid layout format, and by the way it looks they don't - components are not aligned ...
1
vote
2answers
79 views
Name for flexible view-based layout like in Photoshop, Eclipse, Blender?
Is there an established name for the visualization and interaction based on movable views as in Photoshop, Eclipse, Blender, etc.?
I refer to:
a screen with some global controls
onto which a set ...
3
votes
2answers
63 views
Requesting break down data for an amount or number
I am developing a page that allows managers to select teams and individuals needed for a project. When selecting a team, each employee within that team is shown with their known skills. Once an ...
