Tag Info

New answers tagged

2

CTA and Buttons Call to action buttons appear in any given workflow to represent and enable completion of task priorities, as such, they are always distinct graphically as well as semantically; a verb is used for example "view" "download" etc So having four buttons in a row creates a situation where CTA buttons are competing for users attention as well as ...


-3

What you boss is saying is TMI. Too much information What action do you need the user to make and what is the minimum information required to make the decision. (Eg buy something) Also from your perspective the layout (eg tabs order) will depend on the sequence you will need to present. Ir the order on presentation is critical to theimpact so disclose in ...


4

Centering the ad would break the grid layout The YouTube interface is dense with hierarchical information (main video, info panel, comment panel, suggestions panel, multiple nav bars, etc.) To organize this complex information, YouTube uses a grid layout pattern to provide clear lines and rectangles of organization. Grid layout are proven to help ...


0

How you break up a busy page into sections depends critically on the importance of the actions / information being shown. In general, you want a UI that puts the things that are done 90% of the time front and center, while de-emphasizing or hiding infrequently performed actions, perhaps using progressive disclosure. That should drive your design, as opposed ...


2

The table is distracting because of: High contrast between the buttons and the tables. Grid layout of the buttons creates an unfortunate grid illusion The palette is visually distracting: you have banded rows already, and then are superimposing a saturated darker blue. That's a lot to deal with when the eye already has trouble navigating a complex table ...


7

Buttons tend to convey actions, while it looks to me more like these are navigation links. Showing them just as regular links (following whatever style in your app) would be probably be much less imposing both visually and as an action to take. You can also take this a step further, and provide some more useful information instead of simply displaying ...


3

Are all 4 buttons equally important? It might make sense to have the main action as a full button and tuck the rest into a button dropdown. It'll make it easier for users to tell which is the main action and still have the rest be accessible is a touch friendly fashion. The second thing you can look at is button color. The blue is very strong against the ...


2

The simple answer is to use a combobox like the following: download bmml source – Wireframes created with Balsamiq Mockups


3

This seems to be more of a graphic design question than UX question. But there's something called "vertical rhythm" that might help in laying out the flow of elements on a page. Here's some references to get started if you're dealing with webpages: http://www.markboulton.co.uk/journal/incremental-leading ...


2

There is no general rule However, here are some concepts and approaches that UX designers use. You may want to look up these terms to help you think through layout: UI or UX layout White space or breathing space. Grid alignment OS guidelines (look for layout metrics for iOS, Android, Windows, for example) This set of terms should help you get started.


1

I am taking the liberty of assuming column text is something related / in context to the content on the page. This brings to mind many news websites and how they handle content. Here are a couple of websites. New York Times and NDTV respectively. They provide a clean header area for title. It gives central attention to the primary content on the page. ...


2

Depends on the relation between the title and the columns, I'd say. If your title also covers the second column, then the visual hierarchy should reflect that, i.e., you should follow (2). If the title is not related to the second column, approach (1) is right. As an example, if the title says "Search Results for XYZ", and the second column contains ...


1

Let's start with some principles: It's ok for the help page to look different. In many cases, it may actually be desirable for help to look different because it (a) provides contextual assurance to users that you are acknowledging their need for help; (b) user flow in help is totally different from user flow for the rest of the site (e.g. in an XBox ...


1

what data does the user actually need to see? If only we could get a straight answer to that. Instead of "it depends". I keep on running into this problem, and every time I Google I end up back here at Jason's excellent question. And there are many excellent answers, but I smell a meta-topic that we all seem to skirt around yet I think is worth ...


2

1. This is a well-trodden problem Digital designers have been grappliing with this problem since scheduling, project management, and manufacturing planning apps were written in the 80's. 2. Graphical representation is non-trivial When you have multiple, arbitrary dependencies, it becomes very difficult to show dependencies graphically. A simple ...


0

I would probably reverse the order of the columns in your first table and maybe even call them Prerequisites -- things that are required before doing this task. Something like this...


0

In your example, instead of displaying tasks 2 and 3 vertically, you can display them side by side, in more of a flow chart representation, and they both connect independently to task 4. This may get cumbersome depending on how many tasks you're visualizing. There may need to be more cues, such as shape and color to help organize a large array of tasks.


0

I have seen this done quite well using the UI below: By selecting a node in the tree then clicking the arrow it directs the selected node to the selected view. Forgive the quick mockup!


-1

The best (only) solution that I tend to arrive at eventually whenever I have this problem is to add a third component of some kind to the form. The otherwise awkward gap is then filled in and the form no longer feels like it's wasting space.



Top 50 recent answers are included