Share
Una dintre cele mai notabile modificări ale web-ului în 2011 a fost lansarea noului UI Google pe o gamă largă de produse. În acest articol voi examina procesul de gândire din spatele deciziilor Google privind UI și vom determina ce putem învăța din metodele și principiile lor.
miniatură de Alex Patrascu
Pagina inițială a Google ...
... noul aspect actualizat.
Misiunea Google este de a organiza informațiile lumii și de ao face universală accesibilă și utilă.
Este evident că web-ul sa schimbat drastic încă din primele zile ale Google. Utilizatorii experimentează webul într-un mod foarte diferit de cel anterior și îl văd pe o varietate de dispozitive diferite. Google a adus modificări pentru a reflecta acest lucru. S-au introdus, de asemenea, schimbări pentru a unifica o gamă largă de produse Google și a le aduce împreună, astfel încât utilizatorul să aibă o experiență lină în timp ce navighează între produse. Google explică:
Scopul nostru este să vă oferim o experiență online mai solidă și mai consistentă - una care funcționează indiferent de produsul Google pe care îl utilizați sau pe ce dispozitiv îl utilizați.
Noua experiență introdusă de Google se bazează pe trei principii de proiectare fundamentale. Să aruncăm o privire la acestea.
Ideea aici este de a permite utilizatorului să se concentreze asupra sarcinii sau a activității pe care doresc să o facă rapid și ușor. Acest lucru se realizează prin eliminarea aglomerației inutile și aducerea la elementele și instrumentele din prim-plan care contează. Acest lucru se realizează și prin adăugări simple, cum ar fi adăugarea de culori mai intense pentru apeluri la acțiuni sau ascunderea anumitor elemente de navigație atunci când nu sunt utilizate.
Prin utilizarea acestor metode, interfața utilizator Google poate ajuta utilizatorul să se concentreze subconștient asupra sarcinii pe care încearcă să o realizeze, reducând frustrarea din experiența utilizatorului.
Una dintre cele mai mari schimbări de la începutul Google este modul în care utilizatorii au acces la web. Nu mai folosim produsele Google pe desktop-urile noastre, acum le folosim pe o varietate de dispozitive, de la telefoane inteligente și tablete la monitoare și televizoare de înaltă rezoluție. Ideea din spatele "elasticității" este aceea de a permite utilizatorilor să aibă o experiență vizuală fără probleme, pe măsură ce tranzitează între diferite dispozitive.
Deși tehnologiile utilizate în spatele Google și produsele sale sunt destul de complexe, nu doresc să prezinte această complexitate în designul lor. "Fără efort" înseamnă păstrarea aspectului simplu, curat și coerent.
Noua marcă a companiei Google se va baza pe Trust, Beauty, Puritate tehnologică și inovare - Larry Page
Centrală pentru reproiectarea Google este noul Google Bar care înlocuiește vechea bară orizontală orizontală care se afla în partea de sus a ecranului. Google a realizat că acest bar vechi a ocupat un loc prețios pe ecranele noastre (30 de fise pentru a fi exacte), deci a decis să îi ofere un aspect nou pentru a le lega cu noile lor principii de design.
Noua bară de meniu include meniul Google, împreună cu instrumente de căutare și Google Plus. Menține bara de căutare și navigația la fel în toate produsele și permite schimbarea simplă între produse. Pentru a schimba un produs, pur și simplu treceți peste logo-ul google unde veți fi prezentat cu un meniu derulant, permițându-vă să comutați "fără efort" între Gmail, Docs, Maps, YouTube și alte produse.
Eddie Kessler (conducătorul tehnic la Google) explică
Unificați, simplificați și spuneți la revedere vechii bare de navigare!
Efectuarea de navigare și partajare foarte simplă pentru oameni este o parte esențială a eforturilor noastre de a transforma experiența Google generală, motiv pentru care suntem foarte entuziasmați de acest redesign.
Stânga: design al siglei Google + de Alex Alex Patrascu Drept: afișarea meniului Google + și a interfeței Analiza fiecărui UI al produsului Google ar fi o carte întreagă în sine, astfel încât, în beneficiul acestui articol, am ales să evidențiez câteva dintre cele mai populare produse Google.
Procesul de redesign Google a coincis cu unul dintre cele mai discutate despre proiectele web din acest an; Google +. Google + a prezentat probabil unele dintre noile lor principii de design mai mult decât orice alt produs Google. După anticiparea lansării sale, dacă vreun produs este necesar pentru a atrage utilizatorii către Google, atunci acesta este unul. Ea demonstrează frumos ideile lor de design și timp de câteva zile după ce m-am alăturat m-am trezit fascinat de simplitatea designului.
Creditul pentru acest lucru se datorează parțial echipei Andy Hertzfeld UI / UX care a lucrat pe Google Plus. Mulți oameni au realizat comparații între stilul Google și Apples, iar acest lucru se poate datora faptului că Andy a fost angajat anterior de Apple în anii 80 pentru a lucra la Proiectul Macintosh. O parte a rolului lui Andy în acest proiect a fost să lucreze împreună cu Joseph Smarr asupra conceptului de "cercuri".
Andy explică ideea din spatele cercurilor:
Ideea de a clasifica oamenii, era destul de evidentă. Apoi a fost ideea de bază a editorului cercului care încearcă să facă distracția, angajarea, ceva ce ați vrea să faceți pentru că poate deveni plictisitor. Așadar, am vrut să recompensăm utilizatorul pentru a face acest lucru, punându-i un zâmbet pe față și încercând să-l facă atât de plăcut încât ei continuă să o facă.
Google Plus este o parte integrantă a strategiei globale a Google acum. Acesta poate fi găsit încorporat în majoritatea produselor Google, iar butonul său plus unul este chiar în rezultatele căutării. Google a făcut foarte simplu pentru noi să împărtășim ceea ce găsim în rezultatele noastre de căutare. Înțelesul termenului "căutare socială" este acum mai relevant decât oricând și sunt convins că căutarea se îndreaptă mai mult în această direcție. Google susține acest lucru afirmând:
Căutarea Google Socială vă ajută să descoperiți conținut relevant din conexiunile dvs. sociale, un set de prieteni și persoane de contact online. Conținutul de la prietenii și cunoștințele dvs. este uneori mai relevant și mai important pentru tine decât conținut de la orice persoană aleatorie. De exemplu, o revizuire online a filmelor este utilă, dar o revizuire a filmului de la cel mai bun prieten poate fi chiar mai bună.
Noul aspect Gmail. Conform rapoartelor știrilor CBS, Gmail a raportat 193,3 milioane de utilizatori activi din noiembrie 2010. Pentru a menține acești utilizatori la bord, Google a simplificat experiența Gmail în conformitate cu principiile de proiectare pentru a îmbunătăți experiența utilizatorului. Ei au făcut acest lucru făcând următoarele modificări:
Conversațiile din Gmail au fost complet redesenate pentru a permite citirea mai ușoară atunci când tragi prin fire de e-mail. Imaginile de profil au fost adăugate la conversație, oferind interfeței capacitatea de a vă ajuta să participați mai mult la conversații personale. Acest lucru vă ajută, de asemenea, atunci când încercați să urmăriți cine a spus ce. Prin eliminarea multor elemente din interfața de utilizare originală, utilizatorii au permis utilizatorilor să se concentreze pe comunicarea cu colegii și prietenii.
Navigarea barei laterale din stânga a fost reproiectată și are capacitatea de ao personaliza. Puteți schimba dimensiunea zonei de chat pentru a fi cât mai mare sau mai mică doriți sau o ascundeți complet făcând clic pe pictograma mică din partea din stânga jos a barei laterale. Ca și în cazul tuturor produselor noi, acum puteți naviga în jurul interfeței Google utilizând tab-ul sau tastele săgeată, oferind încă o dată utilizatorului posibilitatea de a naviga în modul cel mai convenabil spre ele.
Această imagine scoate în evidență funcțiile de căutare avansată Gmail E-mailul este un instrument important pentru orice utilizator web. Atât de mult încât, între noi, trimitem în jur de 294 de miliarde de e-mailuri în fiecare zi. Este imperativ să găsim toate e-mailurile pe care le-am împrăștiat în căsuța de e-mail (știu că am aproximativ 10.000+). Google a oferit o mână de ajutor astfel încât să depășească căutarea standard anterioară. Utilizatorii pot face clic pe meniul derulant de căutare care dezvăluie un panou de căutare avansată care vă permite să creați un filtru din orice căutare cu doar câteva clicuri.
Indiferent dacă vă place sau nu vă place noul aspect al Google, nu există nici o îndoială că a fost un succes. Acesta a fost foarte mult un subiect de conversație pe web în ultimele luni și a câștigat mulți fani. O parte din succesul său ar putea fi modul în care Google a lansat modificări. În loc să alegi să lansezi întregul aspect nou, au ales să elibereze modificările în etape și, de obicei, în funcție de produs. În alegerea acestei metode au reușit să colecteze feedbackul utilizatorilor și să decidă ce decizii au lucrat și ce trebuie să reevalueze pentru următoarea fază.
Lansarea în etape are și alte beneficii. Prin punerea la punct a datelor de lansare a fiecărei faze UI pe parcursul mai multor luni Google este capabil să înconjoară modificările UI cu o multitudine de reclame media. Toți de la BBC la New York Times au scris despre schimbările Google, să nu mai vorbim de numeroasele tweet-uri și comentarii care au fost publicate pe diverse site-uri cu privire la schimbări. Acum, cu siguranță, nu poate fi rău pentru afaceri!
Privind exemplele de culoare de mai sus vedem că Google și-a păstrat paleta de culori limitată. Ele folosesc albastru și roșu pentru a evidenția caracteristicile importante, ambele fiind variante de culoare ale logo-ului original Google.
Ilustrând câteva dintre butoanele și pictogramele noi ale Google Ca parte a noii strategii de proiectare, Google a introdus un nou set de butoane din întreaga gamă. Aceste butoane sunt clare, simple, concise și demonstrează în mod clar conceptul de "focalizare" al Google. Au folosit o combinație de HTML5 și CSS3 pentru a le crea. O alegere care poate surprinde pe toată lumea este că butoanele nu sunt de fapt butoane și nici nu sunt ancore, ci sunt create cu ajutorul divs cu un atribut de rol setat la "buton". Acest lucru este folosit pentru a indica faptul că o etichetă generică joacă rolul unui widget standard, ca în acest caz un buton. Acest lucru este util pentru persoanele care accesează site-ul printr-un dispozitiv, cum ar fi un cititor de ecran.
Google a folosit gradienți subțiri CSS3 pentru a-și ridica butoanele și le-a dat puțin mai mult pop adăugând o umbră subțire la partea inferioară a butonului pe hover. Butoanele sunt în general grupate în 2 categorii "stand alone" și "left, middle, right". Fiecare categorie având 2 dimensiuni diferite "standard" și "mare". Prin alegerea acestor 4 stiluri din gama sa, Google poate oferi o experiență unificată utilizatorilor săi.
Un factor care încurajează o bună experiență a utilizatorului în orice design este recursul vizual. Google a permis acest lucru, permițând utilizatorilor să personalizeze densitatea ecranului pe anumite produse. Această opțiune apare în aplicațiile GMail, Reader, Docs și alte aplicații grele de text. Densitatea afișării este împărțită în trei presetări. Confortabil, confortabil și compact și acestea se adaptează în funcție de densitatea afișajului calculatorului dvs. Cu interogările media deja populare, sunt sigur că aceste tipuri de opțiuni de densitate a ecranului vor începe să apară într-un număr de alte produse web.
După ce am studiat noile principii ale UI de la Google foarte intens în ultimele șase luni, vă pot spune ce am observat și învățat din strategia pe care au implementat-o. Fiind una dintre cele mai mari branduri de pe Internet; ei au înțeles clar (mai presus de toate) că simplitatea și experiența unificată sunt esențiale.
Simplitatea și experiența unificată sunt esențiale.
De asemenea, ma învățat personal să renunț la intensitate pe o mulțime de elemente ale UI-ului meu. Are umbra picăturii într-adevăr la o opacitate de 80%? Poate fi coborât puțin până la 20-30%? În calitate de designeri, dorim ca oamenii să observe efortul suplimentar pe care l-am făcut prin adăugarea acelei umbre sau a evidențierii și uneori au tendința de a compensa excesiv acest lucru prin faptul că l-am lăsat în evidență. Uneori, făcând-o mai subtilă, putem obține un efect mai mare, mai neted, care este plăcut pentru ochi și se observă la fel de mult. Același principiu poate fi aplicat și pentru proprietăți cum ar fi raza de graniță, încercați să le tonifiați de la cele de obicei de 5 sau 10 pixeli la 1, 2 sau 3 pixeli. Desigur, aceste tratamente nu ar trebui să fie aplicate fiecărui proiect, dar cu siguranță o schimbare atunci când alegeți un design "curat".
Putem de asemenea să aflăm că web-ul se află într-un loc foarte diferit în prezent, în comparație cu modul în care era. Odată cu știrea recentă că Internet Explorer va actualiza automat browserele, putem începe să ne bazăm acum pe cele mai recente tehnologii web pentru a lucra în majoritatea browserelor. Google a avut probabil o idee despre acest lucru, deoarece nu este vorba despre modelele de produse noi care funcționează în orice altceva decât Internet Explorer 8. Putem acum să începem proiectarea așa cum dorim fără a avea cât mai multe limitări ale browserului. Ar trebui să reglăm acum timpul salvat de la acest lucru în crearea compatibilității încrucișate a dispozitivelor pentru alte dispozitive și rezoluții ale ecranului, pentru a oferi o experiență finală a utilizatorului.
Ce părere aveți despre modificările noului interfață Google ale Google sunteți fan sau vă simțiți o durere? Mi-ar plăcea să vă aud comentariile cu privire la ceea ce credeți.
Accentsconagua