Tag Info

Hot answers tagged

3

A valid reason to do this is nowadays tendency to place user identification on the right side of the screen at least on medium and large screens. Take a look at Facebook, Gmail, Twitter, Amazon, etc. All those place this items on the right, so the user will feel more confortable if you place them there too due to its familiarity. Take into account that ...


2

It's better to be consistent in the Master-Detail pattern and display the detailed info on selecting the item in the master panel. You can use Add to Compare and Compare Campaigns features for the item. It will be obvious for users.


2

I don't know of any standards for this - I don't think I've ever seen a remote control like the one illustrated. It's somewhat reminiscent of a TV remote, using arrow cursors to move around, but has much fewer buttons than today's TV remote. I would use text along with row-of-buttons symbol. "Command bar" seems better to me than "Sub menu", maybe you'd have ...


2

The delay is by design, it's purpose is to avoid a jarring flashing of drop-down menus when the mouse moves across the page. The top level drop-down menus have a slight delay but submenus have less (or no) delay. Amazon has done a ton of research on this and the website incorporates many nuanced tweeks. Here's a nice analysis from a couple years ago: ...


2

I would avoid it...for now Because... The grid icon is as uncommunicative as the hamburger icon. The hamburger vaguely communicates a menu list, just as the grid vaguely communicates a matrix of icons. In terms of communciative design both are problematic because they presume the user knows the UI layout of the underlying menu and can relate that ...


2

Let me first set out a few things that make it easier to respond to your question. Hover. The purpose of a link's or command's hover response is to signal or enhance its affordance, or perhaps to indicate its pliancy—its willingness or receptiveness to action such as the dropping of a dragged object. The pointer on a computer screen is a proxy for our ...


1

The multi-select list is always uncomfortable to use - it doesn't naturally show that it is capable of multiple selection. I would stick to single selection when clicking on the campaign names and add a checkbox to the right of each item in the list. At the top of the column of checkboxes I would add the title "Compare". This means that the user can click ...


1

What you are describing is a process, and generally speaking, processes aren't found in a "main navigation". Looking at your main navigation bar (I'm assuming that's what the top area represents) I have to say I've got no idea what "1" means, why a timestamp is in the same area, and what the + and - buttons relate to. They seem like tabs that are supposed ...


1

Hover states afford click-ability and hence it's suggested that the hover color should be noticeable. In general, a contrast to the background color will help you achieve this desired effect. You can see an example on this site itself: The hover color is in accordance with the triad scheme for the base color. There are some more technical guidelines ...


1

Have you thought about simply providing a separate 'compare mode'? Checkboxes seem like a way to really identify which ones you want to compare. If I wear my 'user' glasses, I'd probably want to read something about the campaign before I decide to compare it with another one; in webshops I'm used to see some sort of "compare" button, which allows me to ...


1

Simply make the bar 100% height. If you have 12 icons you can just-about-get-away-with-though-I-shouldn't-recommend-it making them expand to fill the available screen space. 1/12th of a 4 inch screen (75% of current users have 4+ inch, and that includes somewhat older phones) gives you 7.33²mm squares. Windows Phone recommends to use 7²mm squares but ...


1

The vertical icons idea is fine, but you need to take care of an indicator showing that there are more icons hidden below the fold. Here are some possible solutions: Use semi transparent gradient on the bottom of icons list Position the icons so that last one is cropped in the viewport When user opens the app, auto scroll the icons list from the bottom to ...



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