Tampilkan postingan dengan label User interface. Tampilkan semua postingan
Tampilkan postingan dengan label User interface. Tampilkan semua postingan

Bigger Thumbnails in Google Search for Tablets

Google Search's tablet interface highlights some of the top search results if they're from video sites like YouTube or Dailymotion. Google shows much bigger thumbnails, so the search results really stand out. Unfortunately, Google no longer includes a snippet.

It's likely that this UI is used for queries that return a lot of video results. Some examples that worked for me in the tablet interface: [internship trailer], [u2 one corbijn video].



It's interesting to notice that Google adds a +1 button next to the video results when the top result is highlighted. The +1 button has been recently removed from the tablet interface, so these results are treated differently.

New Google Calendar Controls for Android

Google Calendar's app for Android has been updated with new controls for selecting time, date, timezones, colors and editing repeating events. I wonder if the next Android version will use these controls instead of the existing pickers.

Selecting the time is a 2-part process: you first select the hour and then the number of minutes. The time picker is based on a real 24-hour clock.



Selecting the date is straightforward: Google uses a scrolling calendar that's great for picking a date from the current month or next month. If you want to pick a date from a different year, tap the year and you can quickly switch to 2014, 2015 or any other year.


Here are the standard time/date Android pickers that were previously used by the Google Calendar app. "Each picker provides controls for selecting each part of the time (hour, minute, AM/PM) or date (month, day, year). Using these pickers helps ensure that users can pick a time or date that is valid, formatted correctly, and adjusted to the user's locale."


And here are the original pre-Honeycomb pickers:


The control for repeating events looks much better. "You can now set events to repeat every Tuesday and Thursday, every month, or every 7 weeks, it's completely up to you," informs the Android blog.


Now you can pick different colors for events and calendars:


There's also a different way to select time zones: instead of showing a long list of time zones, countries and regions, Google Calendar lets you enter the country name and it displays the relevant time zones.


I've found it easy to compare the old and new controls because my phone has both the stock Calendar app and the Google Calendar app from Google Play. It's a good idea to disable the notifications for one of the apps if you don't want to get multiple notifications for the same event.

New Gmail Favicon

Gmail has a new favicon that looks like the icon used by Gmail's Chrome app. It's also close to the iOS app's icon.

In this screenshot, the first tab shows new the new favicon, while the second one shows the old favicon. There's also a bigger version of the new favicon.


A similar screenshot for Internet Explorer:


Here's the same icon in Chrome's new tab page. The Gmail app for Chrome is installed by default.


If you don't see the new favicon, reload Gmail using F5 or Ctrl+F5. If you don't like the new icon, you can go back the old one by enabling "Unread message icon" in Gmail Labs. This feature only works in Chrome, Firefox and Opera and it lets you see "how many unread messages are in your inbox with a quick glance at the tab's icon".

Google's Bigger App Launcher

I've previously posted about Google's experimental app launcher that replaces the black navigation bar. It's the perfect fit for the Chrome integration with Google search, which also removes the search box from Google SERPs.

Google tests a new version of the app launcher in Chrome: it's huge and you can click "more" to see other Google services. I've managed to get the new interface using this URL in Chrome.



If you think "huge" is an exaggeration, take a look at this screenshot and compare it with the screenshots from this post:



{ Thanks, Silviu. }

YouTube's Feeling Lucky

YouTube has a cool feature that generates a playlist of 10 recommended videos. Make sure you are logged in and visit this page.


There's even an experiment that places a "play" button next to the YouTube logo, so you can quickly generate the "I'm Feeling Lucky" serendipitous playlist. If you don't like the playlist, click "play" again.


Here's how you can enable the experimental button. If you use Chrome, Firefox, Opera, Safari or Internet Explorer 8+:

1. open youtube.com in a new tab and log in

2. load your browser's developer console:

* Chrome - press Ctrl+Shift+J for Windows/Linux/ChromeOS or Command-Option-J for Mac

* Firefox - press Ctrl+Shift+K for Windows/Linux or Command-Option-K for Mac

* Opera - press Ctrl+Shift+I for Windows/Linux or Command-Option-I for Mac, then click "Console"

* Safari - check this article

* Internet Explorer - press F12 and select the "Console" tab.

3. paste the following code which changes a YouTube cookie:

document.cookie="VISITOR_INFO1_LIVE=LVXsOMb_c_g; path=/; domain=.youtube.com";window.location.reload();

4. press Enter and close the console.

To go back to the standard UI, follow the same steps, but use the following code:

document.cookie="VISITOR_INFO1_LIVE=; path=/; domain=.youtube.com";window.location.reload();

{ Thanks, Yu-Hsuan Lin. }

YouTube Search Experiments

YouTube experiments with some new search features. When you click a video from the list of YouTube search results, there's a red progress bar displayed at the top of the page until the video page loads. YouTube loads pages using AJAX and uses HTML5 history.pushState to change the browser URL without reloading the page. Here's the new feature in action:


The search box still includes your query when you watch the video. Another experimental feature shows a list of search suggestions when you watch a video and click the search box. The list of suggestions is probably generated based on the video's title.


Click the homepage search box and YouTube shows a list of recent searches.

Here's how you can try the new features (the red progress bar seems to be Chrome-only). If you use Chrome, Firefox, Opera, Safari or Internet Explorer 8+:

1. open youtube.com in a new tab

2. load your browser's developer console:

* Chrome - press Ctrl+Shift+J for Windows/Linux/ChromeOS or Command-Option-J for Mac

* Firefox - press Ctrl+Shift+K for Windows/Linux or Command-Option-K for Mac

* Opera - press Ctrl+Shift+I for Windows/Linux or Command-Option-I for Mac, then click "Console"

* Safari - check this article

* Internet Explorer - press F12 and select the "Console" tab.

3. paste the following code which changes a YouTube cookie:

document.cookie="VISITOR_INFO1_LIVE=jyDR-4Ljl_I; path=/; domain=.youtube.com";window.location.reload();

4. press Enter and close the console.

To go back to the standard UI, follow the same steps, but use the following code:

document.cookie="VISITOR_INFO1_LIVE=; path=/; domain=.youtube.com";window.location.reload();

{ Thanks, Yu-Hsuan Lin. }

The New Google Maps, Now Available

By now, you've probably received the invitation to try the new Google Maps. It's not available without an invitation and it's likely that it won't replace the classic Google Maps very soon.


The new interface is the most radical change to Google Maps since 2005, when Google's online mapping service was launched. Here's Google Maps in 2005 (screenshot from this page):


Depending on your computer and the browser you're using, you may not see the Google Earth view and other 3D features. WebGL features require Windows Vista/7/8, Mac OS 10.8.3+, Chrome OS, the latest versions of Chrome, Firefox and up-to-date graphics drivers. This page explains what's the lite mode and provides links for the lite mode and the full 3D mode.

Probably the most impressive feature in the new interface is the Google Earth integration that doesn't require a plugin. It looks great, even if it doesn't includes all the features of the desktop software. Earth view replaces the old satellite view, which is only available in the lite mode.

If you want to find "how Google Maps went from a flat map where Greenland looks bigger than Africa to a beautifully realistic 3D globe", Evan Parker from Google shares the story. From the Google Earth plugin to MapsGL and the new Earth view, it took almost 7 years to make Google Earth work smoothly in your browser.


Another impressive feature is the "Explore" box at the bottom of the page that combines Street View, panoramas and static photos. It's the best way to find interesting places and explore them from your armchair. Unfortunately, Street View keyboard shortcuts don't work well.


Standard maps look better, colors are softer, labels are easier to read. Google Maps finally has permalinks that automatically update in the address bar, so it's easier to share pages and bookmark them (permalinks only work in the new Google Maps, but you can also use the URLs generated by the old Google Maps).

You can no longer find a contextual menu when you right-click, so features like "directions to/from here", "zoom in/out", "center map here" are missing. Now you can click any place on the map and you'll get a small info pane below the search box that shows the address and lets you get directions and go to Street View. Double click to zoom in, use the mouse wheel or the "+"/"-" buttons.

The new Google Maps simplified navigation and removed many useful features like the zoom level bar, panning, "show my location" and the Street View Pegman. Layers like Wikipedia, weather, webcams, photos, videos, previous searches are no longer available, while transit, traffic and bicycling can be found in the "getting around" box.


"My Places" is not part of the new Google Maps interface. Click the "options" icon in the black navigation bar, select "My Places" and you'll go back to the old interface. It's a trick that lets you temporarily switch to the old interface. You can also click "classic maps".

The new full-screen interface places all the navigation controls on top of the map and invites you to explore the map. To get directions, mouse over the search box and click "directions". To find a place, use the search box. The transitions are smooth and Google Maps uses a simplified version of Google Instant: you're automatically sent to the place you've selected without having to press Enter. You can even find your contacts on the map.

You can restrict the results to places from top reviewers or your Google+ circles. Google emphasizes the reviews from your Google+ circles, so search results are personalized. Results are placed on the map and this is disconcerting: you don't know which one to click. Mouse over the results to get some information, click them to get even more information. It's a strange way to display search results, since you don't know which one is better. Google used to rank the results and ranking was an important component of local search. You can click "go to list of top results", but you're sent to a different page that includes other results and the list isn't comprehensive.


I don't like the new interface for directions because the step-by-step directions are no longer displayed automatically. You need to click "step-by-step" and you're sent to a different page. Switching between the suggested routes is more intuitive because all of them are displayed on them map and you can compare them. Google also includes transit directions, which have a simplified interface that summarizes information. There's also a new button for flight search, but it's limited to a few countries (United States, United Kingdom, France, Italy, Spain, and the Netherlands). Printing directions requires an additional click and you can no longer hide the map or include maps for all steps.


The new Google Maps requires a lot more resources, especially more RAM, so it's not a great idea to use it if you have an old computer. Earth View and Street View use a lot of memory, so don't be surprised if you see this:


The new Google Maps builds on the MapGL experiment, does away with plugins and has a cleaner interface that's better suited for mobile devices. Unfortunately, it's a memory hog and basic features like local search and directions are cumbersome. It's still a work in progress.

Preview the New Google Maps

Until Google sends invites that let you preview the new Google Maps interface, check the MoreThanAMap site to see the new maps. It's a site that shows demos for various Google Maps API features, but the "base maps" demos are the most interesting because you can see the new map tiles.

"For the last decade, we've obsessed over building great maps—maps that are comprehensive, accurate, and easy to use," says Google.


You can also check the new colors, the new icons for local business and the corresponding cards.


The new Street View powered by WebGL:


Old vs new:


{ Thanks, Florian K. }

New Google+ and Google Hangouts

Google+ has received a major update. There's a new multi-column desktop interface, a new messaging platform and Google+ Photos is a lot smarter.


The desktop Google+ looks different. You can see more content thanks to the new interface that shows up to 3 columns, depending on the window size. "Photos and videos can fill the entire width of the stream, making it easier to scan, and nicer to look at. The sharebox bounces, the menus slide, and the cards flip and fade."

Google+ can now automatically generate hashtags for your posts, so other people can find related content. "Hashtags appearing at the top of a post are related to the post's content. Clicking on a hashtag will let you explore related posts. Hashtags with gray coloring are those used by the author of the post while hashtags with blue coloring are added by Google based on the content of the post. Related hashtags help posts get discovered and build conversations around the content of that post."

If you don't like this feature, you can disable it from the settings.


The unified chat service is not called Babel, the name is Google Hangouts. It replaces the Google Chat sidebar in Google+ and the Gmail Chat box and there are apps for Android, iOS and a Chrome extension. Google Hangouts combines Google+ Messenger, Google Talk/Chat and the old Hangouts feature, so you can use text chat, video chat, photo sharing and group conversations on the most popular platforms. You only see notifications once, no matter if you're using the desktop sites or the mobile apps. The built-in chat history lets you go back in time and read old conversations.



Google+ Photos is smarter. It can now find your best photos and use Auto Enhance to combine various effects that make your photos look better. "Auto Enhance makes instant adjustments to brightness, saturation and more. Auto Enhance is on by default so every photo you upload will look its best." There's also Auto Awesome, which creates new images from your photos: collages, motion images, HDR photos, panoramic images, improved group photos. Both Auto Enhance and Auto Awesome can be disabled in the settings.

Reinventing Google Maps

As anticipated, Google announced a new Google Maps interface for the desktop. It's not publicly available, but you can get an invite here.

The new Google Maps has three goals: creating personalized maps, making maps immersive and building the interface around maps. Just like Google Chrome removed unnecessary interface elements, Google developed a completely new Google Maps service without sidebars, buttons, search results boxes. It's a simplified experience that focuses on the maps.


"The entire map is now interactive. Clicking anywhere will focus the map on that location and show you helpful things, like related places and the best ways to get there."



Directions are easier to use because they integrate flight search and they compare multiple modes on transportation, so you can find the best one. Search results are directly placed on the map: icons and brief descriptions help you determine if they're useful.

Google Maps highlights the places that are important to you and it shows recommendations from experts and your Google+ circles. This way, you get a customized map that emphasizes the things that are relevant to you.

The new interface is powered by WebGL and it brings the Google Earth imagery to the browser without having to use plugins. Google has a different way to show some of the map layers like photos and satellite view, while other layers are missing.



Google will also update the mobile Google Maps apps for Android and iOS this summer and you'll finally get Google Maps for iPad.

New Interface for Gmail Chat History

Google tests a new interface for the chat logs saved in Gmail. The new interface shows profile images and hides the regular buttons and menus that are displayed for almost all messages and conversations. For some reason, Google removed buttons like "move to inbox", "delete", "labels", the "more" drop-down, the "reply" button and the associated menu. Timestamps are only displayed when you mouse over a chat line.


There's a new "resume chat" button and a "delete messages history" button that triggers this warning: "Deleting the history will permanently delete all messages in this chat conversation. The messages will not go to the Trash. You will still receive messages that are sent after this action."


I don't see this new interface in my Gmail account, but maybe you have more luck. You can find Gmail's chat history here: https://mail.google.com/mail/#chats. The interface should only look different for recent conversations, so you can still see the old UI for the other chat conversations.

{ Thanks, Igor Marques. }

Maps Engine Lite and the New Google Maps

The new Google Maps interface is not yet available, but you can try an application that has a lot of things in common with the new Google Maps. It's called Maps Engine Lite and it will probably replace the My Maps feature.


Full-screen map, interface elements overlaid on top of the map, the same search box and zoom buttons. It's consistent with the new Google Maps interface.

"We're launching Google Maps Engine Lite (Beta), so any mapping enthusiast can now create and share robust custom maps using this powerful, easy-to-use tool. You can import small spreadsheets of locations onto a comprehensive map, visualize those places through a variety of styling and drawing options, and organize and compare up to three different data sets for your non-business purposes," informed Google back in March.

Here's a diagram from a Google Maps support page that shows the current interface:


And here's a similar diagram for the new Google Maps:


The new interface is a lot cleaner and there are fewer features, but it's not clear how many features are missing.

New Google Maps Interface

Update: Preview the new Google Maps.

Google is about to launch a new interface for Google Maps. The update will remove the sidebar and will display everything on top of the full-screen map. One of the new features lets you restrict local search results to places recommended by top reviews or your Google+ circles.



It's a more immersive interface that will probably work well on mobile devices. Instead of focusing on navigational elements, buttons and sidebars, the new Google Maps focuses on the map. Google has also updated map colors, icons, text styles.

When will we see the new UI? It's not clear, but Google I/O is next week.

{ Thanks, Florian K. }

The Old Google Image Search in Chrome

There's a weird regression in Google Image Search if you use Chrome 27+ and enable "Extended Instant API" in chrome://flags. Extended Instant is a feature I've mentioned a few months ago and it's still a work in progress. It integrates Chrome with Google Search, replaces the new tab page with a special version of the Google homepage and removes the navigation bar and the search box from Google's search pages.

Back to Google Image Search. For some reason, when Extended Instant is enabled, Google Image Search switches to the old interface: thumbnails are smaller and you can mouse over to see more details about the images. When you click an image result, Google sends you to a new page that loads the original image file.

Google's Red Sign In Button

Google now shows a red "sign in" button on the homepage, at the top of the search results pages, in Google Maps, Google News, Google Translate and many other services.


The button is a lot more visible than the old gray "sign in" button.


Here's the Google Image Search homepage in Internet Explorer. The red button clearly stands out from all the other promotional messages.


After the Gmail sign in page, Google's standard sign in page also has a new interface: "One password. All of Google. Want to enjoy the best of Google? Just stay signed in. One username and password is all you need to unlock more features from services you use every day, like Gmail, Maps, Google+, and YouTube."


{ Thanks, Jérôme. }

YouTube Tests a New Carousel UI for the Homepage

YouTube experiments with a new homepage interface that groups multiple videos from the same channel or topic. You can click the small thumbnails to switch to a different video or click the "play" button to watch the entire playlist.


{ thanks, Rubén. }

Gmail Has a New Login Page

Gmail has a new login page that promotes the mobile apps for Android and iOS and shows a large picture of a Nexus 4 running the Gmail app. "Experience the ease and simplicity of Gmail, everywhere you go."

If the old login page mentioned that Gmail offers lots of storage and has a great spam filtering technology, the new page promotes video chat and phone calling. "One username is all you need to unlock more features from the Google services you use everyday."


Here's the old login page:


{ Thanks, Herin. }