Hot answers tagged touch-screen
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 ...
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 ...
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 ...
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.
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.
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 ...
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.
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.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 ...
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 ...
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.
Only top voted, non community-wiki answers of a minimum length are eligible