Tag Info

Hot answers tagged

16

Compare reading patterns. They are based on Gestalt principle of proximity. It's better to slightly re-organize months, i.e. your second choice.


11

I do not think this is a secret design. Actually, this is a principle that may be inherited from newspapers or magazines: It would be impossible to read articles if they had not that three or four columns layout, just because your eyes would lose on which line you are reading and which is the next to read. This minimizes eyebal movements while reading. ...


6

If you have multiple columns on your form and you positioned the labels to the side, you would have to significantly space out the boxes on each column from the labels of the next column along. I'd recommend that top aligned labels would be just fine, as it keeps the labels clearly and efficiently attached to the column in which they belong. Multi-column ...


4

Both top-aligned and left-aligned labels have their pros and cons. If you are designing a three-column layout, you will have limited horizontal space, so more than the best option it is possibly the only option to fit in one column label and input in such a way they are big enough and don't get confusing: That said, I am not sure how convenient is a ...


4

I assume you're speaking about which of your layouts is faster to perceive by the user. This depends on what you want to achieve with your layout. If you want to tell that there are 3 equally weighed points the users should know on the page, the second example is the way to go. If you want to say: "Here are some interesting things", page one gets the ...


4

You can put some kind of a high-level view, providing relevant statistics, etc regarding your managed devices. Usually it is called a dashboard: source BTW, it seems to be quite natural: if you provide a way to monitor a certain device, why shouldn't you provide a way to see the whole picture? It can be quite a valuable option.


4

Very long lines of text are hard to read, and people tend to make mistakes when finishing one line and wanting to move to the next line. Multi-column formats help deal with this problem, but multi-column layouts are not appropriate for every situation. Multi-column articles work well when you don't have to scroll to see the bottom of each column. Think of ...


3

It's always a good idea to keep the item that's in focus in the viewport. However, as soon as the user has taken control of the positioning of the screen (eg. by scrolling to the side) you need to be careful about repositioning (eg. scrolling back to put the focussed item within the viewport again). I would propose to only do this initially when a ...


3

Here is my opinion about the layout and why it works. First, we as humans tend to read from left-to-right/right-to-left. We all know that. Long line lengths are bad for reading, but that doesn't necessarily apply to youtube, unless you enjoy reading the comments while listening to the video. Even if we take into account our reading direction, that doesn't ...


3

I don't suppose this is a question that will see definitive answers unless we wrangle designers for the sites you mention. In response to the three questions, I would venture "yes", "yes", "no", but I would also propose some other possible explanations not represented: We're talking about user experience, of course, but a designer is a sort of user. We ...


3

While there some usability concerns around line-lengths, I think there are two main reasons why this layout is so popular. Design control. Designers have much more control over how the website will look using the popular fixed-width, centered layout as page elements will not move around or change size at the mercy of the users browser window size. Ease of ...


3

The key problem here is that the desire to conserve horizontal space clashes with our perception of how the language is written. It's a relatively common pattern to collapse columns & panes into thin "toolbars" on the side of the screen, as seen in Outlook 2007: Thus, the most obvious solution for the problem with Kanban board would be to minimize ...


2

There's nothing wrong with it and it's actually a good idea - as long as you do it right. Meaning that you provide a clear visual clue that this column is different from the others, a clue like a different background color for the entire column - not just some icon on the header row. Also, it can only be enough if you just have one level of grouping, i.e. ...


2

Its kind of hard to figure out what might the exact issue with the layout of the text without having to see it but here is what this article (Practical Tips for Utilizing Columns of Text in Your Layouts) says about using multiple columns in websites Many print and web designs you see today employ a simple, single column design for the main text ...


2

Two columns of the same width visually indicate to the user that each column is equally important. Information displayed in either column would thus hold the same amount of value to the user. If you have made to columns of equal width but the information your are displaying in each is not equal in value then it can lead to user's feeling some sort of ...


2

I like hovering to show buttons to reduce clutter, but you should make some kind of 'Add' or plus sign button so that people on touch devices don't have to magically know to tap on the empty space. I initially thought the 'add column' buttons were regular columns and not buttons, to be honest. I think making them smaller and actually showing the columns ...


1

Infinite scrolling is useful when displaying bite size information users can grasp at a glance and in cases where users won't re-visit a certain point to get some information they've seen. Among the examples you mentioned another great example is Mashable Here they have implemented infinite scrolling for all 3 panels. First decide whether infinite ...


1

You're not saying what the use case is for this. Can you elaborate? Why would one need to specify values for all 12 months at the same time, and why would some need to be "estimated" and some "requested" instead? If you don't need all at the same time, have you thought about just making it one entry with a popup for the month name? Or if you need more than ...


1

Internet users are very much used to one (text) column layouts. Depending on your target group (e.g. web developers) you might want to break with this convention to underline individuality. For the web, mainly consumed with desktop computers, yes, this layout is never going to work as well as other possibilities. The experience may be better on tablet ...


1

The deeper you go in the hierarchy, you can start compressing the top level items. You are basically treating the columns as your breadcrumbs, they give you an idea of where you are and you can get the details by focusing (expanding) them. This helps you keep all the columns in focus and easy backing out. download bmml source – Wireframes ...


1

On the Mac OS, the Finder's Miller Columns uses a combination of scrolling and breadcrumbs to support navigation: The advantage to this approach is the scrolling allows the user to see all of the items at each level of the exposed hierarchy, while the breadcrumbs makes the hierarchy path to the current level explicit. In your use case, I believe a ...


1

The only thing I can think of would be for each level you click if the item in that level had options for trade the item would expand to show the trade options which they could check to assign that trade to that item. So for example: Parent1...........|........Child1…….....|.…..2nd Child1 Parent2..........|........Child2.............|............_Trade1 ...


1

I'm having a problem comparing your two versions. Your new version is wider than than the old version giving the illusion that there is more negative space, which I think the old version desperately needed anyways. However, just looking at the new version by itself, there is no sense of hierarchy of what's important on the page. Atleast with the older ...


1

Not knowing your business industry nor language, I'd say the version with the wider column + narrow column has a much more distinct visual hierarchy. The wider column, also being first, is clearly the focus, with the sidebar being secondary. So, if that's the goal--to emphasize one column of content--then that's the one I'd go with.


1

From a User Experience perspective I would suggest the following: Avoid toggle Avoid too much scrolling Show only the needed columns In your case this would mean to have eight columns if all are needed. Som of that information (key 1 and key 2) might be better placed in a drill-downed product description page? Then your down to six columns, where one is ...


1

Are there other possibilities to get the columns that need sorting? You can always show the dialogue box inline and give imediate feedback on current sort criterias. It would enhance user experience, as feedback is an important factor, especially on advanced tasks. Personally i like Microsoft Excel sort dialogue box. Simple, clean and easy to manage: ...


1

I think your main concern should be keeping structure and order clear and readable. In that respect, it seems to me that the problems with your two options are: Vertical titles seem like separators or categories applying to following or preceding columns, depending on text orientation. Left aligned tabs no longer retain the collapsed column's order in the ...


1

Interesting question and I would really be interested in seeing how the dynamic rendering of the table columns is done. That said,if I looked at your implementation,I would surely be surprised since: The behavior would be unexpected We normally associate table column headers to be steady and as a point of reference to what the information in the table ...


1

As others have already said and shown, a multi-column form has to have labels above the fields. The empirical reason for that is our eye movement: once we discern it's a column layout we move our eyes vertically and labels above form fields allow us to read faster without moving our eyes to the sides. However, label positioning isn't the problem with your ...



Only top voted, non community-wiki answers of a minimum length are eligible