As per the official Google announcement, the reasoning behind this change is to try out methods which would complement new password authentication methods. To quote the post
Today, you sign in to Google on a page that includes both the ‘email’
and ‘password’ fields on the same page. We’ll be gradually splitting
those two fields into separate pages in ...
In my experience this happens for a number of reasons, some intentional and some unintentional.
Intentional reasons to trim whitespace:
Users often cut and paste passwords (yes, use of Notepad as a password manager really happens) and the paste operation for some clients adds a whitespace.
Phrase (multi word) passwords are ...
Sometimes things exist not because they still make sense, but because their presence is an affordance -- i.e. it works not because it's good, but because the visitor understands what it is, what it does, and how to use it, because they've been inculcated over years with this knowledge.
The "I'm Feeling Lucky" button is a grand example of this, because as ...
The following screenshot is taken from the speech by Jon Wiley at UXweek 2011 (Original video). He explains the design decisions made by google in the past months.
Look towards the end (after minute 27) of the video to see it by yourself:
red is for "create something"
green is for "share something"
blue is for "do something" (e.g. submit a form)
Keep in ...
drag'n'drop nearly always has bad affordance.
The current model in gmail is the following:
Albeit I'm not sure if they're really serious about it, esp. as it only appears to the hovered element.
The previous one was this:
More dragg-ish, but still bad.
I think in order to reach good affordance with a drag-n-drop control, it either has to be explicit ...
They arrange the items depending on what you search for.
I.E. searching for 'Tax' is likely to return many News results, so that is shown alongside 'web':
Searching for 'Mexico Flag' is likely to return lots of images, so they set 'Images' as the next tab:
Whereas searching for 'Bristol' (A city in England) returns 'maps' as the next tab:
Interestingly, the button costs google up to $110 million per year.
In 2007, Google search boss Marissa Mayer estimated that 1% of all Google searches go through the I'm Feeling Lucky button – skipping Google's search results pages entirely.
That meant that Google showed ZERO ads (and therefore got ZERO ad clicks) on 1% of all Google search queries. ...
Official google explanation aside (as mentioned in the other answer), there is probably another work at play which goes unmentioned - using UX as stick/carrot method to promote desired behavior.
Note that if you at any time previously checked the "stay signed in" checkbox, even after logging out of the Gmail the google will remember your username (via ...
Three bar icons are now being used widely to indicate a "show list/menu" function - it's not just Chrome. Below are screenshots from Day One and PlaceMe (I only had to open a couple of apps to find examples of this usage).
I believe the icon was a poor choice by Apple (in hindsight) - it does not give a clear interaction cue, it's more of a reorderable ...
Neither approach is ideal. You almost need a combination of the two.
If I select that I want something to happen every single month, just because it's on the 31st doesn't mean that I don't want it to reoccur.
I would stop trusting my calendar forever if even once it failed to notify me. Better to assume people want it reoccurring than to just be OCD. Those ...
These are called 'Dark patterns' and these can be used in many different ways to influence users behaviour.
Social networks as you mentioned put the logout button in a separate menu, Facebook in particular hide the 'deactivate' option very deeply in a settings structure. Some people also believe that you can never delete your Facebook account, when in ...
There are two psychological key aspects that are in play when it comes to this matter.
Users want to feel as they are in control
Users (people) want the ability to choose
The I'm feeling lucky feature does not cater to either of these aspects.
It is true that the user and the SEO will agree on the most suiting search result on a majority of the time. ...
I don't work for Google, so my answer will just be a guess at best.
Let's look at this button in basic terms:
download bmml source – Wireframes created with Balsamiq Mockups
It's necessary to make clear that the state is active. Google does this by changing the colour. With this type of button, you would expect that clicking again would deactivate ...
Google actually removes autosuggestions for specific searches.
In which cases?
Were things being removed?
Yes, and for these specific reasons, Google says:
Hate or violence related suggestions
Personally identifiable information in suggestions
Porn & adult-content related suggestions
Legally mandated ...
The hand cursor icon is used for controls that provide navigation-like interaction. The regular cursor icon is retained when the interactive items are not for navigation, e.g. command/action buttons.
The distinction between navigation and navigation/action can sometimes be subtle in apps like Gmail, but it is an important one and can drive user expectations ...
The way outlook handles it is closer to what I would imagine a persons intentions would be when scheduling an appointment. However Outlook doesn't give you the option to handle it differently, which is a mistake.
You should be given the choice which way you would like it handled when you schedule an appointment for a day that each month doesn't have (28/29-...
It seems to be an attempt to :
reduce the need for labelling and custom filtering
allow users to process their emails faster (in a broad sense)
help users to focus on what they feel is important at the moment: checking regular emails, social networks chores and notifications, promotional emails, etc.
This is a bug with the Google UI, and not intentional.
You were right to notice the distinction, but it shouldn't be used as any kind of example of good design.
As of now (March 2015), Google is in the middle of a long process of migrating its apps and platforms to Material Design, and it will take a while before most apps are compliant.
Material Design ...
As a style, people often describe very thin lines and neutral shades of color as minimal. If you emphasize everything, nothing gets emphasized. Minimalist art is about emphasis. I suppose you could relate this to web design by saying minimalist design emphasizes content (text, video, sound).
Minimalism in design sprung from WW2. There was a new emphasis on ...
After thinking about this question for the last couple months and reading some related literature (Stephen P. Anderson's Seductive Interaction Design in particular), I've decided that the continuing existence of the button is likely due to a combination of three factors:
Branding - As @RachelKeslensky writes in her answer: keeping the button says "Yes, you'...
If you had 20 links, it would take you longer to scan for the attachment button than it would with two links and an expansion button. They are just optimising the most common use case.
You should always optimise for very common actions over rare actions. How much more common or rare they need to be is a judgement call which should be based on data and ...
Responsive design is best practice, except for the most high-end websites
Responsive, mobile-first design gets you the most “bang for the buck” for most web sites or applications. Effectively you can design your web property once, get a good experience anywhere.
But responsive design has its drawbacks, and is arguably a compromise solution that works best ...
Yes there is.
Apple OS X UX Guidelines: https://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/Intro/Intro.html
Apple iOS Guidelines: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html
Android UX Guidelines: http://developer.android.com/guide/...
I don't think there is any difference from a UX standpoint. But I'd say dashes are much more common and common is good. :)
PHP content management systems like Drupal and WordPress prefer dashes. In the past, Matt Cutts at Google has also recommended dashes:
Edit: Google recommends dashes/hyphens too:
What's it called?
I'm not sure if a canonical name exists. But here are some terms that help describe it...
It is a type of menu. (Google Material Design: Menus)
In iOS and Bootstrap parlance it is a type of Popover. (iOS Developer Library: Popovers)
Google specifically calls it an App Launcher. (Google Support: Use the Google Bar)
How do I implement it?
It's not completely obvious what the home page should be, both from a usability and from a branding point of view. If the logo always leads to the search engine, it might confuse users in, say, gmail (without actual data this is just speculation but Google would know it better than us from usability tests or log data). But if the logo is linked to the home ...
I think it all comes down to "progressive enhancement". You are quite right that across Google domains it automatically begins to search....in modern browsers. But in older browsers, users still have to click search or hit enter. And so the 'I'm Feeling Lucky' button is left as a valid alternative option to retrieving search listings.
For example, so many ...
Gmail is opting for pre-organizing some of the information for the user to avoid clutter.
There are many emails coming from certain sources that will be read at a later date by the user but that maybe don't usually require immediate attention. Filtering or tagging helps, but a user still has to skim through their properly tagged emails from facebook, ...
Google is using 'Material Design' to give their vast number of different services a unified look and feel – so for google designers using Roboto is mandatory because it's part of their design by definition.
IMHO if you want to build a material design 'inspired' website, you are of course free to quote any design patterns as you like – so using Roboto could ...