«Улюблений смартфон хіміка-технолога» або уніфікація робочого столу вашого гаджета



В черговий раз привіт, Хабр. Сьогодні я хочу накинути на себе білий халат, начепити елегантне пенсне і виступити в ролі інженера-експериментатора, який буде змішувати компоненти незвичайні, щоб створити новий «соус», під яким можна подати Вам старе улюблене блюдо — ваш смартфон.

Насправді, спочатку я планував описати нестандартний підхід до реалізації інтерфейсу одного, не вийшов за рамки концепту, проекту. Однак, у підсумку вийшло так, що я замахнувся на велике, константна і непорушне — концепцію робочого столу в мобільних пристроях.


Преамбула
Одного разу, в потаємних підпапках своїй робочій папці я натрапив на кілька скріншотів полутрагодовалой давності. Це був досить «свіжий» для мене і досі розбурхує мій розум підхід до розробки інтерфейсу, коли я за основу взяв концепцію періодичної таблиці Менделєєва!

(для тих, хто призабув)

Тоді, перебуваючи в якомусь запаморочливій творчому пориві я «натягнув» Менделеевское винахід на концепт інтерфейсу, який повинен був швидко вирішувати одну специфічну проблему: між якими серверами Microsoft Lync стався лад, який призвів до погіршення якості зв'язку на або призвів до обриву.

Якщо не сильно вдаватися в технічні деталі (власне і не буду ризикувати спробою, бо точно збрешу), то для вищезгаданого продукту існує кілька типів серверів SQL, Mediadion, FrontEnd і Edge. Всі вони хитро сплетені воєдино, щоб надати послугу внутрішньокорпоративних аудіо/відео дзвінків і чату.

За візуальну основу я взяв квадратну сітку, на якій пульсувала життя окремих організацій, за серверами яких вівся моніторинг.


Кожна організація займала своє місце на сітці. Для кожної їх них могло існувати різна кількість серверів певного типу, які «налипали» впорядковано кожен зі своєї сторони:

(Наприклад SQL сервера завжди знаходилися на верхній грані, всі mediation завжди йшли по лівій межі і т. д.)

У верхньому правому куті відображався пінг до сервера. Причому більш інтенсивний зелений колір говорив про гарний відгук і ставав слабшим у міру зростання. Умовна градація була такою:


У разі виникнення лагів, осередки проблемних серверів ставали тривожно-червоними. Між ними виникав кругової індикатор з іконкою, яка описувала тип проблеми. Крім цього кругової індикатор як би «замикав» клітинки ще й показуючи між якими саме серверами були проблеми:


Зрозуміло проблема могла виникнути і між серверами, які розташовувалися по різних граней блока організації. Тоді один міг тимчасово «перестрибнути» до іншого:

(Перестрибнула і показує «розрив зв'язку» між SQL та FrontEnd'ом)

Все це благополучно могло масштабуватися і таким чином карта стану була представлена для всіх організацій, які перебувають під наглядом:






Було теоретично досягнуто дві мети: А — вирішувалася проблема, Б — була отрисована стильна «обгортка», яку легше продати. Шкода, але на цьому оповідь про конкретний продукт доведеться припинити. Керівництво проекту в ті далекі дні надалі переключилася на інші завдання і цілі і концепт не вийшов за його межі.
Навіть не так цікаво, описувати концепт, де не продумано подальшу взаємодію… Я б конкретно відірвався тоді :) Але цікавіше переміститися ближче до справи…

Амбулія (виявляється немає такого слова, але є фабула): таблиці
Давайте повернемося до того, з чого все почалося — таблиці. Коли був винайдений перший табличний процесор (він же — таблиця) та після світ вже ніколи не був тим самим. З'ясувалося (!), що крім зручності обчислень, упорядкована за заданими критеріями інформація в табличному вигляді набагато краще і зручніше сприймається. Вирівняний контент по осі Y, набагато зручніше сприймати, т. к. очей предоопределяет заздалегідь розташування тієї інформації, яку очікує побачити, ґрунтуючись на попередньому досвіді (візуально ми спустилися з осередку вище, наприклад). Неможливо не привести в приклад популярність карток в наші дні. Власне, це і було моїм планом — далі перейти до них…

Картки
Картки щільно впровадилися у інтерфейси, а значить і в наше повсякденне життя. На тему карток написано багато досліджень, проведено презентацій і придумано багато різних обґрунтувань. Я б провів тут паралель між таблицею: картки настільки добре дозволяють упорядковувати і подавати інформацію, наскільки добре це робили таблиці:


Умовно кажучи, скроллируя картки на екрані свого мобільного телефону, можна інтерпретувати це як рух в рамках лише одного стовпця в електронній таблиці. Наш зір рухається зверху вниз і візуально ми очікуємо побачити в новій картці той же тип інформації, що і в попередній і їх розташування співпаде. Знову ж таки — це і є посилання на попередній досвід.

В результаті отримуємо ось таке подобу еволюції таблиці на екрани своїх гаджетів:


На початку цієї статті я обіцяв вам новий «соус». Я не буду вас обманювати. Отже…

Улюблений смартфон хіміка-технолога
Тепер саме час повернутися до таблиці Менделєєва. Вона була згадана неспроста. Насправді соус можливо і не новий, я міг злукавити. Десь раніше на просторах інтернету мені зустрічалися спроби проектувати періодичну таблицю на десктоп смартфона. Але мені ніколи не попадався грамотне есе про те, чому такий вид вирішує проблему. Нижче я хочу трохи «доразвить» цю ідею. Сподіваюся буде цікаво, бо крадькома кажучи, всі ви станете учасниками цього експерименту.

Давайте уявимо, що ми хочемо наслідувати приклад Google. Цей монстр намагається уніфікувати дизайн, систематизувавши знання про нього під ім'ям material. І ми в слід за ним хочемо уніфікувати вигляд робочого столу свого телефону. Коли-то Google втомився від різного виду кнопок, шрифтів, форм, їх поведінки і т. п.
А ми раптово втомилися від різнокольорових, строкатих і іноді безглуздих іконок і логотипів, до запам'ятовування яких нас постійно примушують.

Тоді це стало б виглядати якось так:

(Ось вам перший етап експерименту: зможете швидко, наприклад Whatsapp знайти?)

Трохи нуднувато, чи не правда? Ну рівно настільки нудно, наскільки вийшов iOS7, після градієнтної-опуклого iOS6 (я про тотальну flat-изацию). Тоді споживач теж шумів на кожному розі, що це катастрофа. Але по факту всі непомітно звикли. І тепер сумнівів немає — крок був зроблений у вірному напрямку!
Проте з часів появи першого ПК Xerox Alto ми донині бачимо іконки на робочому столі. І той же iOS7 в цьому плані не принесла нічого нового, як і його наступні версії. Занадто великий ризик! Ну і не треба заважати працювати справно працюючою техніці.

Відмінно! Щоб піти далі інших дизайнерів, яким ця думка приходила в голову, я дозволю собі впорядкувати програми за тематикою різним кольором. Системні залишимо білим, а соціальні, месенджери, навігацію і т. п. окрасим індивідуальним кольором:

(Наприклад, тепер ви знаєте, що всі mail-додатки пофарбовані помаранчевим. Наскільки швидко вам вдасться знайти іконку Yandex.mail? Швидше, ніж в попередній раз?)

Але вас же не провести! :) Очевидно, що це трохи фантастичний кейс. Насправді у нас не буде такого порядку, поки ми самі не наведемо. Найчастіше за категоріями виходить повна мішанина:

(чи Зможете тепер відшукати Google Maps, знаючи, що вся навігація і картки пофарбовані рожевим? Багато часу зайняло це у вас?)

Регулярний розрив шаблону трапляється з нами, коли на iPhone ми видаляємо додаток у верхній частині екрана. Замість того, щоб залишити нам порожнє поле, система за нас зрушує все іконки, немов квача, і заповнює прогалину.
Цей зсув в наступний раз швидше за все викличе труднощі з пошуком потрібного додатка. Адже спочатку ми пов'язуємо його з конкретним місцем на робочому столі і запам'ятовуємо його, а вже потім орієнтуємося на іконку і підпис. Наприклад, ми видалили LinkedIn вгорі:

(Але якщо з попереднього прикладу ви запам'ятали, що всі програми-карти у нас рожеві, зможете швидко знайти зміщувався Google.Maps?)

Замість висновку
Але це як мінімум посягання на святе і безпідставний ризик, що веде до незворотних наслідків. Обов'язково, потрібні дослідження. Але я відчуваю як тихенько кивають головою ті UX-фахівці, які пророкують падіння іконок і торжество написів в недалекому майбутньому. Особисто я вибираю нейтральну позицію! Так страшні потенційні дублікати букв? Вистачить помітних відтінків кольору на різні категорії додатків? Одне безсумнівно — уніфікація робочого столу веде до рівноваги і можливої нудьзі в Google.Play і AppStore. Тепер ніхто не зможе захопити лідерство, намалювавши лише іконку краще ніж ваша! Fair Play…

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.