New answers tagged html
Your question is a great one! UX can be a confusing concept. User experience is about creating an overall experience that meets user needs. It involves understanding human behavior, attitude and emotions around a certain product ad/or service. Some personal attributes of a UX designer include analytical thinking while being open minded, empathy for people ...
You mention "I think it will create cognitive load for the user" and then say you want buttons not to look like buttons.... I think you'll need to: a) specify a little: is this ONLY for desktops? are you ABSOLUTELY sure nobody will use a touch device to visit your site/app? And if not: how do you plan to do what you want on touch devices? b) use elements ...
I don't think shadow on a button is old design if used elegantly and sparingly. You can see here in Googles Material Design they use "raised" buttons with shadow to show depth. https://www.google.com/design/spec/components/buttons.html#buttons-flat-raised-buttons
Relying solely on mouseover isn't enough. You'll need to find a way to communicate to users that the div is clickable so they will point the mouse at it. The mouseover change will be helpful as a confirmation at that point. Look at how other sites accomplish this. A textual call to action will make your div look clickable. Or making it look like a link ...
There are a few approaches you could take. 1. Review what you've seen before To see the "early experiences" or "transfer-user" content again, why don't you create a new account, and then relive the experience? Or you may be able to switch off/opt out, and then opt back in, to see if you get to see it again. 2. Look for examples in a pattern library There ...
I have seen this pattern being used repeatedly - and I love it! I believe it follows from the 'blank slate' and 'how-to tutorial' patterns. Most of the Google products which have the new material design use this pattern. You can search for online how to's to find the examples you seek. You can implement your own with tools like: http://bootstraptour.com/
On Google map (for exemple) you have also one research input field to search many different things (restaurant, street, address, hostel...) So you could use the same behavior : A smart research, but I would add exemples in the input field, like this : You can compile this solution, keeping the category dropdown menu. Here the user has the choice.
I think search should be a 1-step thing and the categorization should be done by the software/app. If possible, allow the user to search in multiple categories. [Technically speaking, you can use Sphinx for this purpose] One good example of such technique is the older version of Spotlight on Mac. The user types his search query and the system categorizes ...
Just follow the established search form similar to Amazon one (see below). If the user doesn't select a particular category, then it would search all categories for that particular keyword.
Most browsers take the standard selection color of the operating system. This color is chosen to be consistent with the rest of the operating system. If you use Windows that color is blue, with Ubuntu for example the selection color is orange. And you will see that the selection color in browsers in Ubuntu the selection color is also orange.
The color of the text highlight can be changed using the CSS pseudo element '::selection'. Therefor, I would guess (and it is just a guess) that the blue color was chosen simply because it worked as a part of the browsers default (without site or user CSS) color scheme.
@Vince was a huge help, ty for this great resource. Solution I ended up doing: https://jsfiddle.net/p89buajq/ I am still fiddling with the color but the concept is nice, ty everyone.
There are quite some options. I'll skip the options that aren't applicable for your problem: apply text directly to image overlay entire image Here are the useful ones: 1. Text in a box This is the option you chose, you could tweak the opacity a bit so it's more readable on 'noisy' images. Idea 2. Blur the part behind the text 3. Floor fade A ...
You can try to provide text-shadow with blur as shown in the image below, so this helps in getting a form of translucent background around the text. Please try:- CSS3 Text Shadow Generator text-shadow: 3px 0px 19px rgba(226, 150, 150, 1);
Top 50 recent answers are included