Tag Info

Hot answers tagged

16

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

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. ...


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 ...


11

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 ...


11

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 ...


10

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

Show only the current level of the hierarchy, and breadcrumbs


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

For arbitrary numbers of levels: Cascading windows There are numerous possible presentations of tree hierarchies. The variants shown below are all from http://vis.stanford.edu/protovis/ex/, which is web based, but nothing stops the algorithms being used to render hierarchies in a desktop application: Google's Image Swirl is a web based tree ...


8

Multi level pie menu Tree map Zoomable interface


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

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 ...


7

I have not seen this pattern employed exactly as you describe. My relevant experience in information-rich webapps stems from enterprise health-monitoring and deployment software, which has a deep navigation hierarchy. In my opinion, the left-navigation and the main content should not both employ accordions. Left hand navigation is typically vertical, and as ...


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

I usually ask them if they use Facebook. Or Amazon. Or Google. Or Netflix. And then I ask them if they scroll.


6

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 ...


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

A couple of things spring to mind: Use Greek letters. Your participants might be less familiar with these so any implicit ordering will be weakened. Put the numbers/letters on the back where they can't see them. Then just lift the cards to record the order.


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

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 ...



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