Tag Info

New answers tagged

0

I recently had a project with a similar challenge. I was charged with rebuilding an application that relied heavily on hover text for help. With the updates focus on tablet and devices I had to figure out a new way to present this information. As a result, I relied on a lot of tap to expand interaction. After looking at your example. I am very glad the ...


0

You might want to see what Google Material Design Guidelines say about Touch UI tooltips. http://www.google.com/design/spec/components/tooltips.html#tooltips-touch-ui-tooltips Looks like it is triggered by a touch and hold. Then, when the user releases, it completes the desired action. That seems like a good way to handle it.


0

I don't think there are any good approaches that would require no changes to the site. I suppose you could consider a "touch and hold" option for more info (some phones do this), but that is far from a universal approach. I personally wouldn't do that, but just playing devil's advocate lol If I were in this situation, I would see what could be done about ...


4

You haven't gotten a satisfying answer because there is no satisfying answer. You are trying to make an application built with desktops in mind work well on a touch screen without changing your basic design, which is not possible. On a desktop, you have multiple ways to trigger actions on something (click and mouse over), while on a touch screen you ...


0

Why not use a single tap to bring up a hover dialog that shows the informational tooltip. Eg., Thankgiving. In the same dialog, present a way to close the dialog, and also a link/button that takes them to the detail page. Basically, you are forcing the user to view the tooltip by default on the first tap. Then, the next tap brings them to the page they were ...


1

A simple approach to handle this would be to do an overlay which gives you the real estate to just not only favorite an item but also show the other options as well. Here are some examples of apps who have used overlays well to highlight the different options available The example above shows all the different options in a overlay at the bottom which also ...


1

I see two possible options: New In 0/157 styles Accessories 5/96 styles or New In 157 styles Accessories 96 styles (5 selected) I'd prefer the second one.


1

You can do reverse design for the selected menu. Make the background dark and change the texts in white. Hat background should be white and Hat need to be the same dark color as the background color. Hope it will help you.


1

1.The 4 icons added on the bottom left can be moved to right top next to the search bar as you have some space o'er there and also the left pane as a whole can be used for the preview(the client's req, as you have specified). 2.There are no particular conventions unless the user is satisfied with the positions where you provide the options (as ...


1

Can have a variant too with the available JS frameworks and libraries, loading the content is taking negligible ms which helps us change the data in just a wink. With the above speed, we can also go for another variation where more data can be shown to the user without much navigation between the pages and also by using the minimal space available between ...


2

What happens when you select an item? If you are to just show the selected item, you can have a contrasting color in the background. Assuming it is a shopping site, you would want to provide action icons like "Mark as favorite", "Add to cart", etcetera. In this case, no additional styling for the selected item would be required.


2

Add a selection outline with the height of the slider like this: Since the item will never exceed the height of the slider, it should work.


3

It doesn't matter much (because you're animating). Perhaps it is important to mention that as you use animation for the buttons, visual cognition has it that the effect of their position is likely to be minute. This is due to the fact that motion (animation) is the most effective way to draw people's attention - it is very hard for the brain to ignore. You ...


6

In order to answer this question you should conduct eye tracking studies. However, Google kind of has an answer already by describing a 'meaningful transition' in their design guidelines, especially 'hierarchical-timing' (see link below). http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-hierarchical-timing They ...


1

I put a white border around the unclickable area and the darker border around just the clickable area - feels like this works better... The other option might be to make the background colour of the 'untappable' area the same as the page background, i.e., white.



Top 50 recent answers are included