Tag Info

Hot answers tagged

15

I would cite real research (don't actually ask them to read it, they probably won't) that proves your point, and show them some well-known sites as examples. Also take the information from those links you mentioned and apply it to their website. Be confident in your assessments and advice. Your clients aren't totally wrong about "the fold" though. Take a ...


11

The idea behind tags is the same as the idea behind labels in GMail: the ability to assign multiple tags to a single post/mail/.../item. The GMail labeling of e-mails was born specifically to counter the need in most e-mail clients to archive an e-mail in a single specific folder which ususally would be part of a hierarchy of folders. So what do you do with ...


10

Everything does not need to be above the fold, however the important things do. In my field, eCommerce, the fold has been very real. Putting a call to action above the fold has increased our conversion rates on average. Same thing with e-mail campaigns. I have found this simple tool from google to be very helpful in determining the fold area. ...


10

When your hierarchy is so large, there's no way to avoid clunkiness because it's there by design (large data sets are unwieldy). Miller columns with an "add" button on the bottom will be the most elegant solution here. They allow you to have as many hierarchical levels as possible while making selection process simple because they clearly separate the ...


10

Like This? I'm picturing a vertical tree structure like one would see in an OS file browser (see below). Is this right? Stripes can Improve Usability I think horizontal stripes (or lines) can help, but the help they provide is most beneficial when dealing with a horizontally large tree or list. For example, in the image above, if I need to connect a ...


9

A few considerations: What OS is this for (or is it for multiple)? Are there any constraints or known limits on your hierarchy? Is there a search option provided? No. 1 is important as you noted... because the Mac Finder would be foreign to most Windows users. No. 2 may provide assistance also. E.g. finder works good if you have a shallow tree, but if ...


9

You're on the wrong path, here. The problem is that you try to show the attributes in different trees. The tree should contain the content. The attributes should be displayed as attributes to each node. This can be done in various ways depending on the importance of attribute. As a column: ...or: - As a popup dialog - By showing the attributes ...


8

Reddit case study Let's look at a typical threaded commenting system, such as Reddit. It has the following problems: It's hard to tell what's the parent of a comment when the tree is very deep. If the tree is fully expanded, sometimes the parent comment can be off the screen. There's no indication of which comments are new. Now let's look at my ...


8

Anything is commonly considered organized when it looks like everything has a correct order or placement. But it's only ultimately organized if any element has no difference on time taken to find it. In that sense, organizing can also be defined as to place different objects in logical arrangement for better searching. ...


7

You have a nice data visualization challenge. Just throwing out this idea. What if you don't automatically show the family connections on the main page. I suggest an interactive data visualization. When you rollover a panda, then the 'connections' show up. The relationships can be shown with lines and/or with color coding, for example, to show ...


7

what factors might influence this decision? Are new children checked by default? This of course depends on the application. Since you didn't specify: lets discuss "selecting folders for backup". The best solution I found are WinZip project files, which works like this: Even if all children are checked individually, the parent is set to "mixed." This ...


7

Multi level pie menu Tree map Zoomable interface


7

Drilldown navigation: See also: http://developer.android.com/design/building-blocks/lists.html http://www.androidpatterns.com/uap_pattern/drill-down-navigation Update: 1) Add location breadcrumbs at the top of the screen to indicate where in the hierarchy you are. 2) Don't let the new level cover the previous level. Let some pixels of each level ...


7

Luke Wroblewski has done a lot of research on web forms.This article on dependent dropdowns would probably answer this question more fully for you. He breaks selection dependency into a few different visual displays: page display, tabs (section and finger), section selectors, and exposing with radio buttons (below, within, inactive, and groups). Depending ...


6

I know it isn't what you asked, but the best solution is to not do this sort of thing at all. Users do not understand the "tri-state" checkbox. It doesn't make any sense whatsoever. A checkbox should only have two states - checked and unchecked. If you need a way to select/deselect all children, add a button or a link next to the parent item to allow that ...


6

Consider a search for "javascript visualisation library" on Google. Several promising results: John Resig's processing.js - you'll probably have to write your specific visualisation yourself the Javascript InfoVis toolkit - check the demos page for some examples of interactive tree maps, which represent hierarchies as you described in your question ...


6

You can use background color to represent going deeper in the hierarchy and avoid using too much indentation. If you do not want to color the entire background of the post, you can do just highlighting the edge with a color. In any case, I would still have the tiniest amount of indenting because it is a much stronger visual cue. You can compensate the ...


5

Problems that I would devise a plan how to tackle: What to do with synonymous tags, most commonly the plural form. This will result in several tags effectively saying the same thing (think "pattern" and "patterns"), thus navigation is a bit harder and tag count might not reflect reality. One way to alleviate this problem is to auto suggest tags, in hopes ...


5

This question is quite broad, so I'll try and give a primer. The Graph Drawing entry in Wikipedia makes a good starting point for this genre of visualizations. Graph Drawing is a general term for pictures that show how things are connected. Synonyms and more specific variants abound: Node-Link Diagram, Relationship Diagram, Network Diagram, Social ...


5

My company's product uses several entities that work like tags and form graph-ish tree structures, much like your example shows. (The product isn't public, so I can't get too detailed, sorry.) From a UX perspective, the main win that we've found is that the system is very flexible and can often describe more complex subject matter than a flat tag list or ...


5

This is a great opportunity to get creative. download bmml source – Wireframes created with Balsamiq Mockups Smart programming can take care of your performance issues hopefully. Just load things as you need them. Allow users to hide things they don't care about. Use a tree (it just makes sense logically) but don't let yourself be stuck in ...


5

I don't see a big difference in difficulty of implementation between the two models you describe but this ins't an implementation discussion. Only people with much more information about the project can determine whether the extra cost of implementation to achieve greater usability will pay off. My initial reaction (and that of most people here I think) ...


5

Microsoft have left the TreeView display in mind when they introduced Windows 8. Now you move down the hierarchy by clicking items (categories) and using the back button to brows back. This is the default style of hierarchical navigation on Windows 8. So a TreeView control in the style of Windows 7 and previous Windows versions does not apply. Take the ...


5

I have a similar set up for a test environment and a production environment. I found myself accidentally adding test data to the live database. So I wanted to make sure that it was easy to identify which server I was on. I could glance at the address bar, but it was too easy to forget. I wanted the differences to be minimal but obvious. I chose to add a ...


5

Some improvements are: Remove agressive black border as it takes too much attention Use single grid, it creates simple visual structure Align numbers to the right for easy scanning and reading Remove repetitive 'Score'. It breaks the numbers reading Don't use too long empty lines Be careful with zebra-coloring the lines, as printed version could be hard ...


4

I think that part of your design straightjacket is your statement that "In order to define a Conference, the Speakers, Presentations, and Venues must already be present." Why? In fact, you state it yourself: "I believe most users are accustomed to thinking...". Why go against the grain? Instead, how about letting them create the conference, and then add ...


4

Unread comments - you can have a floating element that contains the number of unread comments and if you click on it, takes you to the next one (similar to the functionality of the "Find" dialog in Word). It doesn't even have to float, it can appear on hover on a comment, or even be static next to existing comments (an icon for "take me to the next unread ...


4

I think it depends on the typical tasks. For just seeing a hierarchy and clicking on links, I do agree with lucasrizoli, that tree is very similar. If user have to go through folders a lot (forward and backward in hierarchy) I prefer the Mac OSX idea. It is very useful at work, where I have to find thinks in folders. Why is it good? Firstly it uses much ...


4

Yes, qualitative data from card sorts can be valuable as a knowledge elicitation technique, especially when you're working in domains outside your expertise. The main benefit is that in addition to the categories, you get to know a bit more about the criteria that your participants are using and their thinking process. (Although if you've never done a card ...


4

I might be wrong but the pattern which you seem to be hinting at is that of faceted navigation. Faceted search or navigation is an increasingly popular method of organizing data that would otherwise be hierarchically displayed in a fixed structure. With faceted navigation, the user can pick what's important to them. With each facet selection, the effect of ...



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