All Questions
Tagged with layout interaction-design
45 questions
3
votes
1
answer
548
views
When to display a modal popup over a card flip on mobile or desktop?
I am building a Bootstrap website for a mobile application. It's basic HTML with no real backend coding involved at all.
I have a photo with a chapter and verse from the Bible. I want to show that ...
- 143
2
votes
1
answer
65
views
How to show two different ways to update the same router? (manual and automatic)
so I am designing a webui for a router and I am struggling with organizing the two different ways to update the router. Here is my mockup:
I don't like the way it looks with two different update ...
- 1,334
2
votes
2
answers
105
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,731
2
votes
1
answer
77
views
Is there a name for a layout containing a list and detailed view of currently selected list item?
Like in an attached screenshot - on the left there is a list of all orders and on the right detailed view of a invoice of a selected order. Is there a name for such a layout / UX workflow?
- 123
43
votes
4
answers
10k
views
Button changing its text & action. Good or terrible?
After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the ...
- 559
2
votes
2
answers
2k
views
Are unclickable tags/chips a good practice?
Title says it all basically.
I have to show a trip that contains Title, description and a bunch of random additional info (the tags). The issue lays in those tags they should not be clickable and ...
- 559
0
votes
1
answer
155
views
Icons alignment issue
I'm trying to find out another way to show the big icon (dumbbell) or re-arrange the rows, because the first icon from the third row (the clock) looks a bit strange when it's next to that big dumbbell ...
- 559
2
votes
2
answers
431
views
Should the 'Reset' or "Reset to default" button be made disabled before any updates are made
Should "Reset settings" or "Reset to default" be disabled if the user has not made any updates/changes to default settings?
- 21
5
votes
1
answer
157
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 ...
- 391
4
votes
1
answer
227
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 ...
- 81
2
votes
2
answers
260
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://...
- 129
1
vote
2
answers
278
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 ...
- 133
1
vote
1
answer
88
views
List of item damage checkboxes with severity input
I have this web-app that is being used for intake and conditioning items. One of the pages currently has a list of 30+ damage type checkboxes that you check if the item has that damage.
This is what ...
- 11
1
vote
1
answer
60
views
Balancing page which has few elements
How i got few pages, where i have a search page like below, It display features of web store and a search box to search. The page looks pretty empty and a lot of space is getting wasted, in other ...
- 307
2
votes
3
answers
182
views
Need help in deciding the layout of an interaction
I am currently designing a system where doctor needs to input a reason for every case(patient history). My current concern is the placement of the reason box.
First time there will not be any data in ...
- 281
6
votes
3
answers
1k
views
Placement of Dashboard and sub category tabs in UI
I am in the process of reviewing this UI.
All the tabs on top navigation bar can also be opened directly by clicking the links available in the main area of the Dashboard view.
In the UI, tabs that ...
- 718
2
votes
3
answers
881
views
Where to place "Change Status" button on a Order page that improves look and feel?
I am looking for general UX advice on how to arrange buttons on the screen, in particular, the "Change Status" button that I'm adding onto the screen below.
There were two buttons (Accept, Reject) ...
- 287
2
votes
4
answers
2k
views
Comments and Attachments UX
I'm trying to find examples of sites which have the ability to make a comment and add multiple attachments to said comment. So far, the only example I have found of this is teamgantt.com which is kind ...
- 31
1
vote
3
answers
591
views
How to connect items together that have hundreds of inputs and outputs?
We are working on a product that has to connect inputs and outputs together of different items. There can be hundreds of I/Os for each item and 1 O can go to many Is, but each I can only accept 1 O. ...
8
votes
1
answer
9k
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
...
- 658
2
votes
1
answer
440
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 ...
- 121
1
vote
2
answers
254
views
How to show row related information
I have a grid of selectable rows.
Each time a user selects a row a new panel will come from the botton of the page to show its related "Events" and "Comments".
This way they'll be able to access ...
- 1,077
3
votes
3
answers
2k
views
User inputs into tables
I'm working on a desktop-based app, where there is quite a large number of inputs the user needs to enter. I'm struggling to present the data to the user in such a way that looks good, whilst still ...
- 33
37
votes
12
answers
28k
views
Are two toggle buttons better than a tri-state switch?
I have a grid of people where for each person the user needs to decide whether to include the person in a predefined group, exclude them from the group, or leave it undecided. The initial state is ...
- 31.5k
6
votes
3
answers
348
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 ...
- 141
3
votes
1
answer
159
views
Sticky header positioning
The page below is a detail page of a certain Patient, in this case: "Mevr adasfad..."
When end-users scroll down they'd like some additional feedback on what page exactly they are, the name of the ...
3
votes
3
answers
680
views
Inline actions vs grouped actions
I have a page with a number of different lists on it. Each list has the option to add a new entry. Would it be better to have the actions in a separate 'action area' or position them close to the list ...
- 391
0
votes
4
answers
260
views
How to hide main navigation?
I'm designing an application where the main nav is on the left. This is because there isn't enough space if I put the main nav on top (to fit both the main nav and the utility nav).
So this is how ...
- 73
2
votes
3
answers
1k
views
How can I make a textarea larger and keep a clean UI?
I need a better way to of working with the textarea on the left without relying on the horizontal scroll for large amounts of text. Atm it's a horrible UX editing large amounts of text.
This is an ...
4
votes
5
answers
864
views
Which spot has the best conversion in the grid layout?
We are going to show popup with 6 different offers, positioned by 3 in two rows. Of the these 6 offers, 2 are really beneficial for us (say, have high reward for click). Common sense says that we ...
- 143
0
votes
4
answers
2k
views
What's the difference between white words black background & black words white background in a book [duplicate]
In general the pages of a book are white and the words of the book are black
Why is it not the other way around
What are the possible reasons that books were designed this way ,
Why is the black ...
- 1,496
1
vote
1
answer
1k
views
Need better UI representation of comparing two data source
Looking for good UI representation of showing differences in each ROW between two different two data source. One data source is Source Data and another is transformed data (destination) which is more ...
- 111
1
vote
2
answers
477
views
Why did browsers get rid of the standard menu across the top and now have one button in the top left corner?
It used to be typical of most computer programs to have File, View, Options etc. across the top of the application window. I have noticed that, starting with browsers, many programs have gotten rid of ...
- 1,365
8
votes
3
answers
829
views
select from predefined list if exist ,else insert a new item to the list?
What's the best experience to do the following:
The user will insert a new subject(text) only if it isn't in the existing list. So, it will be added to the existing list for all users.
I have ...
3
votes
4
answers
462
views
iPad full screen in landscape mode - which side to put on my controls panel?
I have an app which helps the user to design a full screen sized postcard. The result is exactly what the user sees on the screen.
Because a lot of users scan things in an F pattern, I assume that ...
- 1,627
6
votes
1
answer
2k
views
How to properly layout multiple interactive controls using best UX pattern?
I'm working to redesign an existing page that generates reports, based on user selections. Currently, this is a rough draft of the page layout:
The user must always begin at 1 and that selection ...
user9533
2
votes
1
answer
148
views
Rarely used translation function placement
I have just been looking at the analytics of one of the websites I work on, and one of the features is required - but rarely used. There is a Microsoft Translate button, with their "Powered by ...
- 169
0
votes
1
answer
242
views
What's the most beautiful navigation experience you've seen in an app in the last year? [closed]
I've noticed that all apps are becoming the same. Top and bottom navigation bars, and everything where you expect it to be.
This isn't necessarily a bad thing, but has anyone seen anything thing ...
- 111
4
votes
2
answers
387
views
How can you show human element without showing pictures of people?
With a company that changes all the time, how can you show the personal touch of human interaction without showing pictures of humans? Essentially, blurring the line between technology and people, ...
- 146
1
vote
1
answer
293
views
why we need multi-column page layout? Why we do need sidebars? [closed]
Some websites only have one column.
Some websites have multi-columns.
So why we need sidebar, or why we need multi-column page layout in web /print media ?
Is there any UX principles?
- 235
5
votes
1
answer
199
views
What is the optimal layout for a form with two respondents?
download bmml source – Wireframes created with Balsamiq Mockups
I'm redesigning a form that is used by office workers who interview respondents in person. In some cases, there will be two ...
- 2,577
0
votes
2
answers
181
views
interface suggestions
I have a simple site I'm creating that basically just allows you to set your status as away or available. Super easy and very simple. However, I'm definitely not a UX person and I really struggle at ...
- 203
7
votes
3
answers
4k
views
Why is the new Twitter menu bar on the bottom on iPhone?
Twitter recently released a complete redesign for all major platforms, in part the redesign has been made to unify the experience across platforms.
But, because of this goal I couldn't help noticing ...
- 41k
4
votes
4
answers
1k
views
What are examples of complex digital interfaces? [closed]
This is a call for inspiration, as I don't seem to find any beautiful web-based UI that deals with complex actions and visualizations out there on the web.
I'm designing a (web-based) digital ...
- 149
6
votes
6
answers
2k
views
UI paradigm for nested layout editor
I have an application that with a layout editor, somewhat similar to the WinForms editor in Visual Studio -- with drag-and-drop widget placement, a property panel, etc.
I'm adding the option to have ...
- 161