中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

2011年網(wǎng)站變化最顯著的就是Google，其一系列產(chǎn)品啟用了全新的用戶界面。這篇文章將探索決定Google用戶界面設(shè)計背后的思維過程，或許我們能從中學(xué)到值得借鑒的方法和設(shè)計原則。

谷歌用戶界面改革歷程

1998

谷歌原始主頁

2012

更新后的界面

“Google 的使命是整合全球信息，使人人皆可訪問并從中受益?！?/p>

統(tǒng)一Google體驗

Google的網(wǎng)頁從早期開始就發(fā)生了徹底的變化。用戶的網(wǎng)頁體驗與以前相比有了更多途徑，可以在不同的設(shè)備上觀看并感受。Google已經(jīng)做出了改變來反映這些變化。變化也被引用到統(tǒng)一谷歌一系列產(chǎn)品中，將這些產(chǎn)品整合，使得用戶在產(chǎn)品切換之間有流暢的體驗。Google的解釋是：

“我們的目標就是帶給您更加無縫一致的在線體驗，無論您使用哪一種 Google 產(chǎn)品或在何種設(shè)備上使用，都將獲得這種體驗?！?/p>

Google帶來的全新體驗基于三個關(guān)鍵設(shè)計原則。讓我們來看看這三個原則。

Focus——專注性

專注性即指讓用戶得以專注于其想要快速輕松解決的任務(wù)或工作。把雜亂的內(nèi)容清除，將用戶的重點內(nèi)容和常用工具始終保持在最前方。同時，還加入一些簡單的東西，例如利用鮮艷的顏色來突出或隱藏不用的導(dǎo)航功能。

通過這些方法，Google的用戶界面能夠幫助用戶下意識地專注于他們正努力完成的工作，減輕用戶的失敗體驗。

Elasticity——靈活性

自谷歌開始改變以來，最大的變化就是其用戶訪問網(wǎng)頁的方式。

不僅在臺式電腦上，我們更多的會將Google產(chǎn)品出現(xiàn)在移動設(shè)備中，例如智能手機，高分辨率的平板電腦及電視?！办`活性”的目的是讓用戶在轉(zhuǎn)換使用不同的設(shè)備時能夠保持一致的視覺體驗。

Effortless——易用性

盡管Google使用的技術(shù)和產(chǎn)品相當復(fù)雜，他們不想在設(shè)計中描繪這一復(fù)雜性。“易用性”的理念是保持產(chǎn)品的簡潔，干凈和一致性。

“Google的新品牌將植根于信任，美觀，技術(shù)和創(chuàng)新。”——Larry Page

Google導(dǎo)航欄

Google重新設(shè)計的中心是其新的Google Bar（導(dǎo)航欄），取代了原有位于屏幕上方的“硬又黑”導(dǎo)航條。Google意識到這條東西占據(jù)了我們屏幕上寶貴的位置，所以決定配以新的設(shè)計原則，賦予新面貌。

新的菜單欄合并了Google的導(dǎo)航欄以及搜索欄、Google+工具欄。保留了搜索欄和導(dǎo)航欄中所有產(chǎn)品功能，同時產(chǎn)品之間還能進行簡單的切換。只需簡單滾動google的logo，一個下拉式的菜單便會出現(xiàn)，用戶可以有效便捷的在Gmail, Docs, Maps, YouTube 以及其他產(chǎn)品之間轉(zhuǎn)換。

Eddie Kessler(Google的技術(shù)負責(zé)人)解釋道：

“統(tǒng)一，簡化，告別舊的導(dǎo)航欄！讓用戶享受到超級簡單的導(dǎo)航體驗，是改變Google整體瀏覽體驗的重要組成部分，也是我們努力的方向。這就是為什么對于此次改版，我們異常興奮。”

Google +

左：由Alex?Alex Patrascu 設(shè)計的Google+logo 右：Google+的菜單和界面

為了分析每個Google產(chǎn)品的UI是否完全達到其效果，在本文中我將選取幾個最為突出的幾個Google明星產(chǎn)品進行闡述。

Google的進行改版時恰逢遇上今年最關(guān)系的一個網(wǎng)絡(luò)項目：Google +。比起其他Google的其他產(chǎn)品，Google +可能更好的展示了其新的設(shè)計原則。對于產(chǎn)品發(fā)布后的預(yù)期，如果有一個產(chǎn)品需要被用于吸引用戶，那Google +首當其沖。它完美的展示了Google的設(shè)計理念，在我加入圈子的沒幾天，我發(fā)現(xiàn)自己已陶醉在其簡單的設(shè)計中了。

Google Plus的部分設(shè)計是由Andy Hertzfeld 的UI/UX 團隊完成。許多人會都會將Google與Apple的設(shè)計風(fēng)格進行比較，如此爭議或許是由于Andy在80年代曾受聘與Apple，并參與了Macintosh Project項目。Andy在項目中所要做的就是和Joseph Smarr一起探討‘circles’ 的概念。

Andy解釋了其背后的想法：

“很明顯這個想法的初衷是將用戶分類。其次‘circles’ 的核心理念是能變得有趣，同時提高參與度，成為你愿意去做的一件事。由于會的變得乏味無聊，我們會對用戶所做的采取獎勵制度，在他們的臉上放上笑臉，試圖讓用戶享受他們所作的一切。”

Google Plus如今是Google整體戰(zhàn)略中不可分割的一部分。它將被整合進Google大部分的產(chǎn)品中，即使是在搜索結(jié)果中也能看到它的按鈕。Google為我們的發(fā)現(xiàn)提供了超便捷的分享方式?！吧缃凰阉鳌币辉~的意義比以往任何時候都具有價值，而且我相信搜索正引領(lǐng)著這個方向。Google這樣說道：

“Google社交搜索幫助你從你的社交關(guān)系網(wǎng)中發(fā)現(xiàn)相關(guān)內(nèi)容，建立一套你的在線好友和聯(lián)系人的網(wǎng)脈。有時候，來自好友和熟人的內(nèi)容，比來自素不相識的人更具有相關(guān)性和意義。例如，一份來自對于在線電影的影評或許很有幫助，但如果這份影評來自你的好友，這將更有益處?！?/p>

Gmail

Gmail的新layout

據(jù)CBS的報道，截止至2010年11月Gmail擁有1.933億名活躍用戶。為了挽留住這些用戶，Google簡化了Gmail的設(shè)計以此增強用戶體驗。他們對此作出了以下幾項改變：

簡化對話模式

Gmail中的對話模式被完全重新設(shè)計，當郵件歸檔時能更容易瀏覽。資料圖片被添加進對話中，幫助用戶更好的參與進對話中。同時有助于對自己所說的話進行追蹤。區(qū)別于原有的UI，新的設(shè)計可以讓用戶專注于與同事和好友之間的溝通。

良好的導(dǎo)航性

左邊側(cè)欄導(dǎo)航被重新設(shè)計，并且可供用戶自定義。用戶可以根據(jù)自己的喜好更改聊天區(qū)域的大小，或者點擊左側(cè)欄下面的小圖標，完全隱藏它。結(jié)合所有的新產(chǎn)品，用戶可以以自己的方式通過Tab或箭頭鍵瀏覽Google界面，再次為用戶提供了最方便的導(dǎo)航方式。

增強搜索

重點突出了Gmail新增的搜索功能

Email對于web使用者來說是一個非常重要的工具。事實上，每天預(yù)估有294億封電子郵件發(fā)送中。如何找到散落在我們收件箱的郵件成為了當務(wù)之急。Google為此提供了一種超越以往標準搜索的方式?，F(xiàn)在，用戶可以點擊隱藏了高級搜索版面的下拉式列表，只需點擊幾下，即可創(chuàng)建搜索過濾器。

階段性推出

無論你是否喜歡Google的新改版外觀，無疑它已經(jīng)取得了成功。在過去的幾個月中，它成為了網(wǎng)絡(luò)上的熱門討論話題，并且獲得不少粉絲。其中成功的部分可能歸功于Google已經(jīng)做出的改變。Google選擇階段性的推出來取代一次性的上線，因為這通常取決于產(chǎn)品。通過此方法，他們可以實時收集用戶的反饋意見，并決定什么是有效的，同時對下一階段所要開展的項目進行重新評估。

階段性的推出也有其他好處。通過幾個月內(nèi)，對于UI推出時間方面的消息，Google利用媒體對其UI進行了一定的炒作。從BBC到紐約時報，再到別家媒體，大家都在報道關(guān)于Google的變化，更何況是社區(qū)論壇中發(fā)表的眾多評論。

深入了解Google UI

Google UI的用色

通過以上的顏色舉例，我們可以發(fā)現(xiàn)Google一直保持其色調(diào)的著色限度。他們利用藍色和紅色突出重要的功能，這兩者都是從Google logo的原型中延伸出的顏色。

按鈕

Google的新按鈕和icons設(shè)計

作為新設(shè)計戰(zhàn)略的一部分，Google推出了一套新系列按鈕。這些按鈕清晰、簡潔、簡單并很清楚的呈現(xiàn)了Google的“焦點”式設(shè)計原則。他們使用了HTML5和CSS3技術(shù)進行創(chuàng)建。讓用戶感到吃驚的是，按鈕并不是真正的按鈕，也不是錨標記，而是在創(chuàng)建中使用了div實現(xiàn)的。這是用來表示一個通用的標記啟著一個標準部件的作用。這對于利用屏幕閱讀器等設(shè)備瀏覽網(wǎng)站的用戶來說十分有幫助。

Google采用CSS3的實現(xiàn)圓角細膩漸變的按鈕效果，同時在懸停按鈕的底部添加一個微妙的陰影，帶了額外的時尚感。按鈕一般被分為兩大類“獨立”和“左、中、右”。每個類別有2個不同的尺寸“標準”和“大”。在其范圍內(nèi)選擇這4個風(fēng)格，Google為它的用戶帶來統(tǒng)一體驗。

Comfortable, Cosy, Compact

在任何設(shè)計中提倡一個好的用戶體驗的其中以因素在于視覺吸引。Google允許用戶對某些產(chǎn)品可以進行自定義屏幕顯示密度。此項功能在Gmail、Reader、Docs以及其他文字應(yīng)用中都可使用。“Comfortable, Cozy 和Compact”這些選項取決于用戶計算機的顯示密度。隨著媒體的熱議，我敢肯定，這類型的屏幕顯示密度選項將跨越其他網(wǎng)絡(luò)產(chǎn)品，并開啟新時代。

結(jié)論

在過去的六個月中對于Google新UI設(shè)計原則的研究相當激烈，我可以大家從他們以及實施的戰(zhàn)略中我所觀察和學(xué)習(xí)到的。最為互聯(lián)網(wǎng)領(lǐng)域最大的品牌之一，他們已經(jīng)清楚的了解領(lǐng)悟了簡單和統(tǒng)一的體驗是至關(guān)重要的。

“簡單和統(tǒng)一的體驗是關(guān)鍵。”(Simplicity and a unified experience is key)

它也親自教會了我去降低UI元素的強度。陰影是否真的需要80%的不透明度？能不能只降低20%~30%？作為一個設(shè)計師，我們希望人們注意到我們所作出的額外努力，比如降低陰影的百分比，或是過渡突出，使其一目了然。有時，通過微妙的變化，可以實現(xiàn)更好、更順暢的效果，無論是為了營造視覺效果，還是抓取用戶視線，都能達到預(yù)期的設(shè)想。同樣的原則也可以應(yīng)用于邊界半徑，嘗試將色調(diào)從平時的5或10px降到1,2或3px。當然，這些做法并不適用與每一個項目，但當你選擇進行一個“干凈”的設(shè)計是，它一定是至上之選。

同時，我們也了解到和以往相比，如今的網(wǎng)絡(luò)是一個非常不同的地方。有關(guān)Internet Explorer的最新消息，IE將自動更新期瀏覽器，現(xiàn)在我們可以開始依賴于最新的網(wǎng)絡(luò)技術(shù)，跨瀏覽器的開展工作。Google或許對此有了新的對策，而不是他們?nèi)魏涡庐a(chǎn)品的設(shè)計工作?，F(xiàn)在我們可以在沒有瀏覽器限制的情況下開展設(shè)計工作。現(xiàn)在我們應(yīng)該重新調(diào)整時間創(chuàng)建跨設(shè)備兼容的網(wǎng)站和屏幕分辨率，最終帶來良好的用戶體驗。

來源：webdesign.tuts+
編譯：Viking?Wong&Cici Lu@?DamnDigital
(轉(zhuǎn)載請注明來自：DamnDigital)