EnglishFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified
Showing posts with label User interface. Show all posts
Showing posts with label User interface. Show all posts

2/4/12

Google Tests a New Version of the Black Bar

While Google hasn't abandoned the navigation bar launched last year, both the old and the new interface are used today. If you load google.com in Chrome's incognito mode, the old interface shows up more often than the new UI. The simplified interface made navigation more complicated, even if it looks better than the black bar.

Google even tests a slightly updated version of the old bar that uses the services from the new UI, more spacing and a different color scheme.



Here's how you can try the latest Google experiment. If you use Chrome, Firefox, Safari or Internet Explorer 8+, open google.com in a new tab, load:

* Chrome's JavaScript console (Ctrl+Shift+J)
* Firefox's Web Console (Ctrl+Shift+K)
* Safari's Web Inspector (how to do that?)
or
* IE's Developer Tools (press F12 and select the "console" tab)

and paste the following code:

document.cookie="PREF=ID=381502750b6e9119:U=aaee74aefea7315a:FF=0:LD=en:CR=2:TM=1328391998:LM=1328392000:S=yPtlCgLbEnezu5b4; path=/; domain=.google.com";window.location.reload();

Then press Enter and close the console. If you're not in the US and you're using a different Google domain, replace ".google.com" with your domain in the code (for example: ".google.co.uk" in the UK).

If you'd like to go back to the old interface and reset the Google PREF cookie, repeat the same steps, but use the following code:

document.cookie="PREF=; path=/; domain=.google.com";window.location.reload();

Google Groups Themes

Just in case you don't like the Google Groups interface and want to customize it, there's a new light gray theme you can try. Just click the settings button, click "Themes" and select the "soft gray" theme. This only works in the new Google Groups interface.



A similar theme is also available for Gmail and it will be interesting to see if Google Groups will add support for the other Gmail themes. Maybe apps like Google+, Google Docs, Google Reader and even services like Google Search will support Gmail's color themes.

{ Thanks , Herin. }

1/24/12

The Story Behind Gmail's Logo

If you've ever wondered who designed Gmail's logo, Kevin Fox has the answer:
Dennis Hwang designed the Gmail logo. At the time, Dennis designed virtually all of the Google doodles and he did a lot of the new logo work as well.

The logo was designed literally the night before the product launched. We were up very late and Sergey and I went down to his cube to watch him make it.

The initial version used the same font as the Google logo (Catull), but Catull has a very awkward 'a', so Dennis decided to use Catull for the 'G' to tie the brand to Google, then cast the others in a cleaner sans-serif (Myriad Pro, if I recall correctly).

Another ex-Googler, Douglas Edwards, confirms the story in his book "I'm Feeling Lucky: The Confessions of Google Employee Number 59":

Dennis Hwang spent the day before the launch coming up with ideas for a logo and trying to make it work in conjunction with the clown-colored Google brand. (...) Even after four years at Google, I found it astounding that one twenty-something guy was sitting alone at his desk, sipping tea and developing the main branding element for a product to be used by millions of people - the night before it was scheduled to launch.

1/20/12

A New iGoogle Interface

Google tests a new interface for iGoogle, the personalized homepage that lets you add gadgets and themes. The updated interface uses the design patterns that should be familiar by now from other Google services. Tabs are now available in a dropdown that's displayed below the search box, while the left sidebar is only used for the chat widget. There are two buttons for adding gadgets and changing the theme next to the options menu.





{ Thanks, Brinke. }

1/12/12

Google's Black Navigation Bar Is Back

Google's attempt to simplify the navigation bar wasn't very successful. The menu released six weeks ago is no longer available and it has been replaced with the old black navigation bar.


I tried to see if it was just a temporary bug, but almost all the browsers I tested displayed the black navigation bar. The only browser that still displayed the menu was Chrome, but that was no longer case after clearing the cookies.

Google indirectly confirmed this change two days ago, when the screenshots from a Google blog post included the old bar.

Sometimes, when you try to simplify things, you end up making them more complicated. Navigation elements should be obvious and hiding them in a menu doesn't make them easy to find. The huge menu took more space than the navigation bar and made the homepage less attractive. Hopefully, Google will fix the navigation interface and release a better version.

1/7/12

YouTube Tests Google+ Integration

Now that YouTube uses Google Accounts, Google can easily integrate YouTube with other Google services. The latest YouTube redesign made the integration with social networks more prominent and the videos from Google+ are just one click away.

YouTube now tests the header that's already displayed in Google Search, Gmail, Google Docs and many other Google services. The header shows your Google+ notifications, a box that lets you share videos with other Google+ users and links related to your Google profile.



Right now, the Google+ header is only displayed if you haven't created a YouTube account and you log in using your Google account (so you don't have a YouTube username and channel). Obviously, you need to join Google+ to see the new features.

{ Thanks, Michael. }

12/21/11

The Google News Search Box

The Google News homepage uses a special search box with a few interesting features. Google only shows a list of suggestions and doesn't use Google Instant, even if this feature is available for the Google News results pages. The last suggestion lets you search the web and you can use the up arrow key to select it or just press Shift+Enter. A similar feature is available in Gmail, but you can't use the Shift+Enter shortcut.


When Google redesigned Google News and other services, the "Web Search" button seemed extraneous and it was removed.

12/20/11

Updated Interface for Google Bookmarks

After removing the lists feature, Google Bookmarks updated the interface to match all the other Google services. It's nice to see that Google Bookmarks still exists, but the service only integrates with Google Web History and Google Toolbar for Internet Explorer. The integration with Google search has been removed, now that Google focuses on Google+, and the Android ICS browser uses the bookmark sync service from Chrome.

Google will have to find a way to merge Google Bookmarks with Chrome's bookmark sync. Google Toolbar could show the bookmarks saved in Chrome, while Google Bookmarks could be a web interface for Chrome's bookmarks. Unfortunately, Chrome uses folders, while Google Bookmarks uses labels, so merging the bookmarks is not an easy task.

12/16/11

No More Cosmic Panda

When YouTube launched the new interface, it was obvious that Cosmic Panda was just an experiment and its purpose was to test some new features. Now Cosmic Panda is no longer available and users have been switched to the regular interface.

"Yesterday marked the last day of the channels and watch experiment, otherwise known as Cosmic Panda. Contrary to what some might have thought, Cosmic Panda was not the new version of YouTube to come, but just an experiment we used to test out some new and interesting ideas. Since launching the experiment in July, we learned a lot and incorporated many results of the experiment into our recent homepage and channels update, which you're using now. We're happy with what we found and are now bringing Cosmic Panda to a close," informed a Google employee.

12/10/11

Google Mobile Search Increases Text Size

Google Mobile Search increased the text size for search results and reduced the number of words from the snippets. While this change made search results more legible, it also reduced the number of results that are displayed before you start scrolling.

On an iPhone, Google only displays two results in their entirety, instead of three results, and the snippets are way too short.

Old UI:


New UI:

12/9/11

Google Search Pages Hide +1 Buttons

+1 buttons no longer clutter Google's search results pages. They're now displayed when you mouse over the results for most of the pages. If you have +1'd a page, the button will be displayed by default to highlight the result.



In other search-related news, the preferences page has a new interface with custom controls, while the advanced search page switched back to the old interface. Maybe someone read this post and decided to fix the drop-down lists.


12/6/11

Google Image Search Tests a New Tablet Interface

Google tests a new tablet interface for the image search engine. The new UI uses a carousel that lets you browse through the image results, just like the search app for iPad. Google no longer loads the corresponding websites and only focuses on the images.



A similar slideshow is available in the smartphone interface and it will be interesting to see if it will be added to the desktop interface.

12/1/11

More About YouTube's Latest Experimental Interface

A week ago, I reported that YouTube tests a new interface based on Cosmic Panda. The most important feature is the redesigned homepage that helps you find new channels and explore the videos from your subscriptions. YouTube started to post additional information about the new interface and it's now obvious that it will replace existing UI in the near future (the link only works after you've enabled the new interface).

"We've given YouTube a refresh. When you login, you'll be greeted with recent activity from your subscriptions. You can also browse and add new Channels to your homepage. Connect with Google+ and Facebook to share your favorites with friends. There's plenty to discover, so login and give it a spin."


There's also an article about the new interface for channels.

This new look and feel makes it easier for viewers to to find and watch content. It also makes it easier for Channel creators to organize and showcase exactly what they want. We incorporated your Feedback from the "Cosmic Panda" Channels and Watch experiment, and are excited to present:

* A more streamlined and consistent design
* An easier way to find and view videos
* New, more flexible layouts for featured content, and
* A way to keep your audience engaged even when you don't have new uploads

It's interesting to notice that the new homepage and the new channels are built around feed views and activity streaming to make YouTube even more social.


The new channels are less customizable: you can only choose an avatar, a background image, a background color and a template (creator, blogger, network, everything).



Update: The new interface is available for everyone.

11/30/11

Google's Hidden Navigation Menu

As previously anticipated, Google will drop the black navigation bar and will use a simplified navigation interface that will make the transition between two Google products seamless. Google+ notifications, the sharing box and the profile menu will be displayed next to the search box, while the list of Google services will be placed in a drop-down menu next to the Google logo.

"The Google bar, which runs across the top of the browser of nearly all Google services and offers easy access to Google's products, has recently updated its look for a more consistent, streamlined user experience and increased visibility of the most popular services," explains Google.



The new navigation interface no longer uses additional space, it's more compact and the short list of Google services that's displayed by default matches Google's simplified product line. The menu links to Google+, Web Search, Image Search, Google Maps, YouTube, Google News, Gmail and Google Docs, but you can mouse over "More" to see additional services. Here are the services that have never been included in the navigation bar until now: Google Wallet, Google Offers, Google Music, Google Mobile and Blogger.

While the new interface looks modern, it's also less user-friendly because the navigation links are hidden behind a drop-down menu and the average user might not be able to find them. Android's menu button wasn't a great idea and Ice Cream Sandwich made menus more visible, so it's not clear if this is going to work. Google's homepage will expand the product menu by default, but it will be interesting to see if Google users will actually notice that mousing over the Google logo lets them access Gmail, Google Docs and other services.


I don't see the new interface yet, but it's likely that it will be rolled out in the coming days.

Update: try the new interface.

11/21/11

YouTube Tests a New Homepage

YouTube experiments with a new homepage that makes it easy to filter the videos from your subscriptions, social networks and your account from the homepage. YouTube calls the new homepage a guide, probably because it recommends new channels. There's even a page that lets you browse popular channels by category, including a list of recommended channels.

The nice thing about the new homepage is that you can click an option from the left sidebar and the corresponding videos are displayed without opening a new page. Now you can quickly access the list of videos you liked or your history, the latest videos from a channel and the most popular YouTube videos directly from the homepage. Unfortunately, the updated YouTube.com doesn't look great when you're not signed in since most features are missing and YouTube emphasizes the "sign in" button.





YouTube also updated video pages. The background is now light gray, just like on the homepage. Buttons are embossed, there are new icons for the buttons and for the full screen/larger player options.


To try the redesigned homepage and the updated interface of the video pages, edit the VISITOR_INFO1_LIVE cookie for youtube.com and use the following value: ST1Ti53r4fU. For example, in Google Chrome, go to YouTube's homepage, open the JavaScript console (Ctrl+Shift+J or Menu > Tools > JavaScript Console) and paste the following code:

document.cookie="VISITOR_INFO1_LIVE=ST1Ti53r4fU";

Then press Enter, close the console and reload YouTube's homepage.

You can also use extensions like Edit this cookie (Chrome) or Cookies Manager (Firefox). Opera's cookie manager is really advanced, so you don't need an extension to edit cookies.

To go back to the old interface, open your browser's cookie manager, search for youtube.com and delete the VISITOR_INFO1_LIVE cookie.

{ Thanks, Emerson and Mushaf.}

11/3/11

YouTube Tests a New Interface

YouTube experiments with a new interface that uses a gray background, muted colors, redesigned buttons and new icons for the like/dislike buttons. Most of the features are available in the Cosmic Panda experiment, but the changes are less drastic.




To try the new interface, change the value of the VISITOR_INFO1_LIVE cookie for youtube.com to Eg7GsyKWzk8. For example, in Google Chrome, go to YouTube's homepage, open the JavaScript console (Ctrl+Shift+J or Menu > Tools > JavaScript Console), paste the following code:

document.cookie="VISITOR_INFO1_LIVE=Eg7GsyKWzk8";

Then press Enter, close the console and reload YouTube's homepage.

You can also use extensions like Edit this cookie (Chrome) or Cookies Manager (Firefox). Opera has a powerful cookie manager, so you don't need an extension to edit a cookie.

To go back to the old interface, open your browser's cookie manager, search for youtube.com and delete the VISITOR_INFO1_LIVE cookie.

{ Thanks, Maurice. }

11/1/11

Gmail's New Look, Now Available

After almost two weeks since the last post about the new Gmail interface, you can now try it. Open Gmail and you should see a message at the bottom of the page that invites you to "switch to the new look".

Gmail's new look is based on the "Preview" theme, but it's much more than a theme. There are a lot of changes: Contacts and Tasks are now included in a drop-down menu below the Gmail logo, buttons like Archive or Label are only displayed when you select at least one message, there's a new settings menu that lets you change the display density, gadgets and the chat box are now resizable, there's a new interface for conversations, advanced search options are now displayed when you click the arrow in the search box and you can try HD themes.




For now, you can switch to the old interface from the settings menu, but Google says that this option will be removed soon.

{ via Gmail's blog }

10/31/11

Yet Another Google Search Experiment

Google tests a new search interface that brings back the icons for specialized search engines, but displays them in a horizontal list, below the search box. The icons are redundant right now, but they might replace the list from the sidebar, just like in the experimental interface for tablets.

Google Tests a New Navigation Bar

As previously anticipated, Google tests a new navigation bar that could replace the black bar. Guao.kh has some screenshots of the experimental interface and there are three important changes: the black bar has been removed, the list of Google services is now a drop-down next to the Google logo, while the tools menu, the notification button and the sharing box are displayed next to the search box.




The new interface is cleaner, but hiding the list of Google services will make it more difficult to use. A lot of users won't be able to switch from Google Search to Gmail, from Google Docs to Google Reader if the navigation links are no longer displayed without performing an action.

{ Thanks, Tom. }

Update for Offline Google Docs

Offline Google Docs has an updated interface that looks more like the regular version of Google Docs. At launch, Google used a completely different interface. Google Spreadsheets and the Google Docs word processor still use the old interface in the offline mode.


A better idea would be to use the same interface for the regular Google Docs and the offline mode, but gray out the features that aren't available in the offline mode. This way, the transition between the two interfaces would be almost seamless.

{ Thanks, Filipe. }