(GenK.vn) - Trong 10 năm, Gmail đã thay đổi khá nhiều và tập trung vào giao diện cũng như nhu cầu người dùng.

2004: Gmail ra đời

2006: Ra mắt chức năng Chat và Lịch

2010: Đưa vào tính năng lọc thư.
Tính năng này được cập nhật vào tháng 8/2010, giúp hộp thư của bạn có thể chia thành ba mục: Quan trọng và chưa đọc; Gắn sao; Những thư khác. Với nâng cấp này, người dùng sẽ tránh được tình trạng ngập trong những email tự động gửi từ các trang web.

2011: Cập nhật giao diện người dùng trực quan hơn.
Nhanh chóng trở thành công cụ cung cấp hộp thư điện tử lớn nhất thế giới, năm 2011 lần đầu tiên Google áp dụng thay đổi thiết kế lớn trong giao diện người dùng của Gmail. Hình ảnh avatar cá nhân đã được thêm trong các email và chat, hình nền tùy biến đồng nhất. Có thể thoải mái lướt email không bị rối trên các thiết bị có kích thước màn hình khác nhau.

2013: Chia hộp thư thành 3 mục nhỏ.
Ba mục được Gmail đưa vào gồm: Primary; Social; Promotions. Giúp người dùng tránh được những email quảng cáo và email từ mạng xã hội. Tập trung vào email quan trọng cần xử lý.

Gmail trên Android (năm 2008 và hiện nay).

Gmail trên iOS (năm 2011 và hiện nay).

Tham khảo Mashable.

---

Source: http://genk.vn/net/nhin-lai-giao-dien-trong-10-nam-qua-cua-gmail-20140330110107369.chn

autofb· gmail· ui· update

Nhìn lại giao diện trong 10 năm qua của Gmail

(GenK.vn) - Trong 10 năm, Gmail đã thay đổi khá nhiều và tập trung vào giao diện cũng như nhu cầu người dùng.

2004: Gmail ra đời

2006: Ra mắt chức năng Chat và Lịch

2010: Đưa vào tính năng lọc thư.
Tính năng này được cập nhật vào tháng 8/2010, giúp hộp thư của bạn có thể chia thành ba mục: Quan trọng và chưa đọc; Gắn sao; Những thư khác. Với nâng cấp này, người dùng sẽ tránh được tình trạng ngập trong những email tự động gửi từ các trang web.

2011: Cập nhật giao diện người dùng trực quan hơn.
Nhanh chóng trở thành công cụ cung cấp hộp thư điện tử lớn nhất thế giới, năm 2011 lần đầu tiên Google áp dụng thay đổi thiết kế lớn trong giao diện người dùng của Gmail. Hình ảnh avatar cá nhân đã được thêm trong các email và chat, hình nền tùy biến đồng nhất. Có thể thoải mái lướt email không bị rối trên các thiết bị có kích thước màn hình khác nhau.

2013: Chia hộp thư thành 3 mục nhỏ.
Ba mục được Gmail đưa vào gồm: Primary; Social; Promotions. Giúp người dùng tránh được những email quảng cáo và email từ mạng xã hội. Tập trung vào email quan trọng cần xử lý.

Gmail trên Android (năm 2008 và hiện nay).

Gmail trên iOS (năm 2011 và hiện nay).

Tham khảo Mashable.

---

Source: http://genk.vn/net/nhin-lai-giao-dien-trong-10-nam-qua-cua-gmail-20140330110107369.chn

​After more than a week of waiting, I got the new interface for Gmail attachments and it's much better than I expected. Most of the features from the old interface are still available, but there are some new Google Drive features that improve the user experience.

Here are some of my favorite features:

1. Thumbnails - they're displayed for many files, not just for photos. They help you distinguish between attachments and they're especially useful for PDF files, presentations and photos.

2. Save to Drive - mouse over an attachments, click "save to drive" and you can select the Drive folder where to save the file. You no longer have to visit Google Drive to move the file. Please note that the file is automatically saved to Google Drive and selecting a folder is optional.

3. Save all to Drive - if a message has more than one attachment, you can save all the files to Google Drive with one click. You only need to find the Drive button placed next to the attachments. You can also click "download all" to download a ZIP file with all the attachments.

4. Show in Drive - Gmail is smart to remember when you save a file to Google Drive and replaces "save to Drive" with "show in Drive", which opens the file in Google Drive. "Save all to drive" is disabled after clicking the button once.

5. Quick preview - just click an attachment and you can preview the file inside Gmail. This works for photos, PDF files, documents, spreadsheets, presentations and more. To scroll down, use the mouse wheel, the down arrow key or Page Down. You can click the "pop out" icon next to "x" to open the preview in a new tab. To close the preview box, press Esc or click the "x" icon.

6. Slideshow - you can quickly go to the next attachment by clicking the arrow icon or by using keyboard shortcuts (right arrow key). Use the left arrow key to go back to the previous attachment. This is only a manual slideshow, there's no support for automatic slideshows.

7. Share photos on Google+ - click the attachment, then click the Google+ button at the bottom of the page. For multiple image attachments, click the Google+ button next to the list of attachments and you can share all the images on Google+.

8. Print files - click the attachment, then click the "print" button at the bottom of the page.

9. Zoom in/zoom out/zoom to fit - use the zoom buttons for a more in-depth look.

10. Edit files - for files you can import in Google's Drive apps, you'll also see a button like this when you mouse over the attachment: "Edit in Google Sheets", "Edit in Google Docs" or "Edit in Google Slides". Click the button to save the attachment as an editable file.

When you preview the file, you can click "Open with" and select an app that handles your file. This is not limited to Google's apps, so you can select apps like Zoho, DocuSign and more.

Oh, and one more thing: links to Google Drive files are treated as attachments.

While the new interface is great, I found a some annoyances. There's a cool feature that is no longer available in the new interface: it allowed to see all the image attachments on a single page. Another downside is that you need to mouse over an attachment to see the entire filename and its size.

{ Thanks, Stefan - From More About Gmail's New Attachment UI }

gmail· ui· update

More About Gmail's New Attachment UI

​After more than a week of waiting, I got the new interface for Gmail attachments and it's much better than I expected. Most of the features from the old interface are still available, but there are some new Google Drive features that improve the user experience.

Here are some of my favorite features:

1. Thumbnails - they're displayed for many files, not just for photos. They help you distinguish between attachments and they're especially useful for PDF files, presentations and photos.

2. Save to Drive - mouse over an attachments, click "save to drive" and you can select the Drive folder where to save the file. You no longer have to visit Google Drive to move the file. Please note that the file is automatically saved to Google Drive and selecting a folder is optional.

3. Save all to Drive - if a message has more than one attachment, you can save all the files to Google Drive with one click. You only need to find the Drive button placed next to the attachments. You can also click "download all" to download a ZIP file with all the attachments.

4. Show in Drive - Gmail is smart to remember when you save a file to Google Drive and replaces "save to Drive" with "show in Drive", which opens the file in Google Drive. "Save all to drive" is disabled after clicking the button once.

5. Quick preview - just click an attachment and you can preview the file inside Gmail. This works for photos, PDF files, documents, spreadsheets, presentations and more. To scroll down, use the mouse wheel, the down arrow key or Page Down. You can click the "pop out" icon next to "x" to open the preview in a new tab. To close the preview box, press Esc or click the "x" icon.

6. Slideshow - you can quickly go to the next attachment by clicking the arrow icon or by using keyboard shortcuts (right arrow key). Use the left arrow key to go back to the previous attachment. This is only a manual slideshow, there's no support for automatic slideshows.

7. Share photos on Google+ - click the attachment, then click the Google+ button at the bottom of the page. For multiple image attachments, click the Google+ button next to the list of attachments and you can share all the images on Google+.

8. Print files - click the attachment, then click the "print" button at the bottom of the page.

9. Zoom in/zoom out/zoom to fit - use the zoom buttons for a more in-depth look.

10. Edit files - for files you can import in Google's Drive apps, you'll also see a button like this when you mouse over the attachment: "Edit in Google Sheets", "Edit in Google Docs" or "Edit in Google Slides". Click the button to save the attachment as an editable file.

When you preview the file, you can click "Open with" and select an app that handles your file. This is not limited to Google's apps, so you can select apps like Zoho, DocuSign and more.

Oh, and one more thing: links to Google Drive files are treated as attachments.

While the new interface is great, I found a some annoyances. There's a cool feature that is no longer available in the new interface: it allowed to see all the image attachments on a single page. Another downside is that you need to mouse over an attachment to see the entire filename and its size.

{ Thanks, Stefan - From More About Gmail's New Attachment UI }

Google's new navigation menu is useful for visiting some of the most popular Google services, but did you know that you can still use it to find search results? This only works when you use your browser's search box. For example, you can search for [bogota], click the grid icon and select "YouTube". Instead of sending you to YouTube's homepage, Google's menu uses your query and sends you to YouTube's search results page.

Here's a list of services that show search results: YouTube, Play, Maps, Translate, Books, Shopping and Finance. You can middle-click or Ctrl-click the icons to open pages in a new tab.



Unfortunately, this feature is buggy: if you try another query, the links from the drop-down menu send you to the search results for the first query. That's because the feature doesn't work in the AJAX interface.

Useful tip: you can quickly open Google's list of "even more" services by middle-clicking the grid icon. You can also right-click it and select "open link in new tab".

Another tip: instead of clicking "more", you can scroll down.

Fun fact: Google's code includes icons for some other Google services. One of them is Google Reader. Other services: Google Groups, Google Video, Google Image Search, Google Contacts.

Speaking of Google service icons, you can find more icons here.

---

Source: http://googlesystem.blogspot.com/2013/10/tips-for-google-bars-app-launcher.html

google· ui

Tips for Google Bar's App Launcher

Google's new navigation menu is useful for visiting some of the most popular Google services, but did you know that you can still use it to find search results? This only works when you use your browser's search box. For example, you can search for [bogota], click the grid icon and select "YouTube". Instead of sending you to YouTube's homepage, Google's menu uses your query and sends you to YouTube's search results page.

Here's a list of services that show search results: YouTube, Play, Maps, Translate, Books, Shopping and Finance. You can middle-click or Ctrl-click the icons to open pages in a new tab.



Unfortunately, this feature is buggy: if you try another query, the links from the drop-down menu send you to the search results for the first query. That's because the feature doesn't work in the AJAX interface.

Useful tip: you can quickly open Google's list of "even more" services by middle-clicking the grid icon. You can also right-click it and select "open link in new tab".

Another tip: instead of clicking "more", you can scroll down.

Fun fact: Google's code includes icons for some other Google services. One of them is Google Reader. Other services: Google Groups, Google Video, Google Image Search, Google Contacts.

Speaking of Google service icons, you can find more icons here.

---

Source: http://googlesystem.blogspot.com/2013/10/tips-for-google-bars-app-launcher.html