Tag Info

New answers tagged

0

Your two suggested solutions represent two very different types of interfaces. The list approach uses a "conversation" metaphor, where the user indirectly "talks" to the application, while the second approach uses a "model-world" metaphor, where the user can directly interact with domain objects (in your case "cards" and "decks"). Using a model-world ...


0

I'd recommend to go with boxes first, probably your amount of "decks" will increase with time, so you could actually add the feature to select both views in a future upgrade. Boxes fits perfect for little amounts of items, but eventually a user will find more useful to select from a list. I also noticed the boxes have a star, is that a "favorite star" to ...


1

In these cases, I tend to 2 two things: 1) Use a list approach, something similar to Material lists (when not Material lists directly) 2) Limit content length However, since it seems this might not be an option for you, I'd go with a Masonry grid, like teh image below: This will allow you to play with both vertical and horizontal lengths without ...


1

I'm a bit surprised, that none has suggested the Master-Detail pattern yet. We have exactly the same problem in several of our own products: Too many columns to fit on a screen, however, every piece of information will be relevant in some use-case. Actually, we decided to do, what you(r boss) ruled out: Cutting the default number of visible columns to ...


0

In order to show data is related in the same table there is a 3 step process. Put the data next to the related elements (you did) Show some classification of which data fields are related (you did) Tell the user why its related! Because it may not be obvious See my design. You could alternate colors between the related fields and maybe when they hover ...


6

Your current approach is heading in the right direction. When your users use this data regularly, they will already know the relationship between the groups. Switching background color is one way of creating contrast between groups. Other ways would be to use line separators and white space. One thing you can have do to make it more obvious is by ...


5

Use grouping horizontal lines and eliminate the verticals one. Horizontal lines helps to lead the eye along the line, while vertical lines become a barrier along the eye path:


1

The creator of the IDE or tool could collect data from users with common workflows and try generalize that perspective for a "suggested perspective" Here is one way they could do it and sort of predict what a users perspective might be. Lets say you work on a variety of projects in eclipse. Lets say right now your working on a JAVA Spring application ...


4

Bob has, I think the correct answer. I'd add two considerations specifically for your site: If it's a new, consumer-facing site, then the consumer will already have a learning curve to climb with understanding your site. Making that curve more difficult by introducing non-standard/unusual control designs makes for a worse learning experience (and ...


21

The style of shapes can alter the look and feel of the application and thus change the user experience. Apple got praise with their rounded corner movement showing that a different style shape can lead to a better User Experience. Lets look at examples Which image is easier to follow? Which Image would you prefer to look at (aka is easier ...


2

If you value social authentication more than the regular approach, it's better to have social log in logos as CTAs (buttons instead of only logos; e.g. Airbnb), and at the top. Also, studies has shown that labels for input fields perform the best at the top of its respective field. I'd prefer having placeholders to save space. I would also suggest you to ...


1

The vertical spacing between rows is small enough to make the whole thing blur together as "one thing" when first looking at it - it's only after some examination that I realize that there's three major options at the top level that I need to choose from. Furthermore, the wide horizontal spacing between LinkedIn and Yahoo makes it seem like "Google LinkedIn" ...


2

The solution here would be to go for progressive disclosure where you first show the list of questions and then tell the user that he needs to select a question. once a question is selected, then you can show the related content. Here is a quick wireframe to illustrate the flow download bmml source – Wireframes created with Balsamiq Mockups


0

Based on the answers of the question that you have linked, the answer actually is it depends. I have seen both the techniques use effectively. First example would be Medium. Here a single column works beautifully as the whitespace helps to retain focus and gives ample breathing room even for long reads. This is modern web's take on reading articles. ...


0

It is important to understand how people read when they are online. After many research, using heat maps, it has been found that people do not read but scan. Research have shown that around 66 characters a line makes a faster and comfortable reading. Today users have many choices, they are in hurry and they will switch immediately if they don't get what ...


1

I used to work in print and it was generally known that the optimum line length was about 11 words - the reasoning is that, as you extend the length of the line, it becomes more difficult for the reader to return to the beginning of the next line - This naturally affects the speed that the reader can navigate they way through the text and affects ...


1

The use of multiple columns for text comes from newspaper layouts and the time constraints involved in the days of physical type which was arranged by hand, where using multiple columns to a page allowed space to be changed easier should a new story break or an advert need to be placed/removed. So it could be another hang up from an older medium that ...


2

Observations The existing approach is awkward because the add node buttons are placed in a toolbar away from the actual node being operated on. So the user needs to select a node, move the cursor to the toolbar, and then figure out what operation to select. The tree control is notoriously complex (multiple nodes, multiple levels of hierarchy). Therefore, ...



Top 50 recent answers are included