Tag Info

New answers tagged

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


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


0

The redundancy (showing item multiple times) tend to increase probability that it will be noticed (the Amazon case). The key here is not over use such redundancy and make it clear that this is the same element-location. In both of your cases it could lead to the minor confusions: Grocery store site Not a big deal but still the link, navigation and ...


0

I would say there is little, if any, need to duplicate navigational links. Have you done any usability testing to back up the efficacy of this technique? Are the users unfamiliar with the labels or naming convention that you are using? Based on NNG's findings, redundant links on routing pages increase the perceived number of choices. Duplication can cause ...


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


0

I’m making some assumptions here that might be wrong, so feel free to interpret my thoughts as they fit reality. It sounds like your users are power users: They know what filters there are, and they know what filters they want to use prior to viewing the list. It sounds like "mobile" is an important aspect. It sounds like the available filters will not ...


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


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


0

There's no real "logic" to it. It's more of a process. Identify all the visual changes possible: change foreground color change background color add/change outline add/change underline or any combination of the above. (You can also change sizes of things, but that is problematic so I generally avoid that. It's possible to do right, but complicated.) You ...


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


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


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.


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


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


14

BURGER VS GRID - same or different context? I think the burger and the grid generally have different meanings, though they're not formalized anywhere yet (at least, it's not widely known like ISO or W3 standards). The burger menu usually is more about navigating content within a context. You're on a website and navigate to different subsections of the ...


13

Edit People should read this article about the hamburger menu. I rest my case: the hamburger menu does NOT work. Big companies like Facebook and NBC have found it to be true and they've changed from burger navicon to a TAB BAR, a tab bar with icons + words seems to give the best conversion rates. My example of Facebook was not nonsense, they did change ...


3

I think this particular icon is known as the "App Drawer Icon" If I am not wrong, the trend started with the app drawer icon acting as the launcher for apps on Android and Blackberry, particularly on Nexus and Samsung mobile phones (in early days) Since then, it has been adopted as a launcher icon for a list of apps. Edit (based on my comments and other ...


4

The images themselves tell you what format the menu will have. In these cases, grid layout that is common amongst web applications today, in the case of the three lines, that's usually a menu with a list style of some sort. I think 4 dots is definitely overkill, you can get the point across with 3. It has little to do with the content and more to do with ...



Top 50 recent answers are included