Не всі люблять продукти Google, але практично кожен, у кого є смартфон/комп'ютер/ноутбук, використовує їх. Вражаюче, як компанія, заснована двома студентами, завоювала величезну частку ринку, стала одним з найбільш привабливих роботодавців і продовжує щорічно дивувати нас високо інноваційними ідеями. Але ще дивніше, що гігант з шістдесятьма тисячами працівників не може дозволити собі хороший користувальницький інтерфейс.
Як дизайнер і перфекціоніст, я люблю отримувати естетичну насолоду від продуктів, які використовую. Google же, здається, ніколи і не намагався порадувати нас візуальною привабливістю. Вау-ефект? Ні, не чули. Інтерфейс Google-пошуку виглядає набагато краще ніж шість років тому, але перше слово яке спадає мені на думку дивлячись на нього - «стерильний».
Ви можете сказати, що інтерфейс Google простий, зрозумілий і зручний у використанні, але чи дійсно це так? У Centigrade, компанії де я працюю, дизайнери рецензують роботи один одного, щоб виявити що може бути покращено. Я ж хочу запропонувати вашій увазі рев'ю користувацького інтерфейсу Google-пошуку, як найвідомішого і найпопулярнішого продукту. Давайте подивимося, чи можна було щось зробити інакше?
Проблеми загального характеру
- А чи матеріальний це дизайн? Я великий фанат матеріального дизайну від Google і намагаюся використовувати його принципи у своїй роботі де це можливо. Але чому Google сам не керується своїми стилями? Наприклад, я впевнена, що тут можна було використовувати піднесені кнопки (Raised buttons):
- Доступність (accessibility). Очевидно що у цих кнопок недостатні контраст і читабельність. Давайте перевіримо це за допомогою WebAIM - відмінного інструмента для перевірки колірного контрасту текст/фон згідно Web Content Accessibility Guidelines (WCAG) 2.0
Без коментарів. І це стосується не тільки кнопок, контраст всюди низьковатий, шрифти замалі.
Кнопки «Google search» і «I'm feeling lucky»
Але повернемося до кнопок, вони дійсно викликають багато питань. Це перше, що ви бачите на головній сторінці, але навіщо вони там? Ви навіть не зможете натиснути на них. Ні, справді! Спробуйте! Ви можете натиснути на «Google search» і «I'm feeling lucky» коли поле пошуку порожнє, але перша кнопка в цьому випадку марна, так як натискання не принесе ніяких результатів, а друга приведе вас на сторінку з дудлами, тобто зовсім не туди, куди ви збиралися. А як тільки ви почнете вводити щось у полі пошуку, ви перенесетеся на сторінку результатів, на якій ці кнопки просто відсутні.
Так, і якщо вже ми про це, чому б при такому переході від однієї сторінки до іншої не використовувати модну анімацію, яка так красиво розписана в керівництві з матеріального дизайну?
І навіть якщо не використовувати «Живий пошук», ви все одно не зможете натиснути на ці кнопки, тому що, як тільки ви почнете вводити запит у пошуковий рядок, вони будуть перекриті іншими такими ж кнопками зі спадного списку підказок.
Так навіщо ж вони потрібні?!
Сторінка з результатами пошуку
- Рядок пошуку. Ви не зможете вилучити пошуковий запит одним кліком. Я не жартую. Кнопка «Очистити» в полі введення пошукового запиту є сьогодні стандартом де-факто в дизайні інтерфейсів, але тільки не для Google-пошуку. Там немає такої кнопки. Але якщо ви зможете дістатися до розділу допомоги/довідки (а це не так-то просто зробити, адже Google надійно ховає цю секретну інформацію), вам відкриється зовсім інший прекрасний світ, де все виглядає матеріально, в пошуковому рядку є кнопка «Очистити» і у людства є надія.
- Таємничі елементи управління. Якщо ви увійдете до свого облікового запису, на сторінці результатів пошуку у правому верхньому куті ви побачите три (тільки якщо на сторінці налаштування пошуку позначено «Показувати персональні результати») кнопки - чоловічок, земна куля і шестеренка. Мені знадобилося деякий час, щоб зрозуміти їх призначення. Я не просунутий Google-користувач, але я дизайнер інтерфейсів і маю деякий досвід з кнопками. Кілька хвилин я намагалася зрозуміти яка з них неактивна, яка обрана і яка знаходиться в звичайному стані. Між цими станами є різниця, але вона незначна.
Дія кнопки «Шістка» зрозуміла - вона викликає спадне меню. Але пара інших кнопок виглядає дивно. Перша, «Всі результати» виглядає неактивною. Але на неї можна натиснути і у неї є спливаюча підказка. Питання в тому, якщо кнопка не активна, чому на неї можна натиснути? А якщо вона активна, то чому її стиль відрізняється від кнопки «Шестеренка»? Кнопка «Персональні результати приховані» здається обраною, але на неї теж можна натиснути. Вже при роботі над перекладом цієї статті, я здогадалася що пара цих кнопок - це перемикач. Перемикач, який виглядає як звичайні кнопки.
- Картка компанії. Ви отримаєте її, якщо введете назву компанії до рядка пошуку. Наприклад спробуємо «Google»:
Виглядає чудово і майже матеріально. Добре організована цікава інформація. Єдиний момент, який мене турбує, посилання «ще» (more) в рядку «Дочірня компанія» (Subsidiaries). Проблема навіть не в тому, що вона виглядає як назви дочірніх компаній, а скоріше в дивній взаємодії. Якщо ви думаєте, що посилання просто розкриє розширений список, ви будете здивовані, насправді воно перевантажить сторінку без жодних причин (вміст залишиться тим же) і додасть величезний чорний слайдер вгорі сторінки. Але найнесподіваніше, що ви не зможете закрити цей слайдер, не важливо як сильно він вам не подобається. І ви все ще можете натиснути посилання «ще», тому що воно як і раніше там, навіть якщо у вас вже є ДУЖЕ помітний список дочірніх компаній.
Звичайно, все це досить специфічні моменти, але таких моментів насправді набагато більше, я привела тільки найочевидніші при побіжній ревізії пошуку. Загалом інтерфейси Google інтуїтивно зрозумілі і прості у використанні, але, як кажуть, диявол у деталях. І хоча переможців не судять, я також вірю, що немає межі досконалості, і я сподіваюся, що одного разу я зайду на google.com і отримаю естетичну насолоду. Для мене це буде означати, що нарешті вони найкращі у всьому, що роблять.
