Повертаємо до життя Аську (ICQ). Думка дизайнера

Є такий динозавр — ICQ. Згадали той самий звук вхідного повідомлення? О так! Ще мені відразу згадалася навчання в універі: саме тоді я застав розквіт цього месенджера. Правда, самим клієнтом я користувався іншим, здається, це був QIP. Зараз вже точно не пригадаю. У Аськи був дуже наворочений інтерфейс, мій молодий мозок не міг з ним впоратися. А ще були круті номери, якими всі хвалилися. Точніше хвалилися кількістю цифр у ньому. У мого сусіда по гуртожитку був 5-значний. І це було круто.



А тепер до справи. Нещодавно Mail.ru вирішили організувати конкурс на дизайн мобільного додатка цього клієнта. Я вирішив взяти участь. Що з цього вийшло, дивіться далі.

Спочатку вибір платформи: Android або iOS. Я вибрав першу, т. к. користуюся їй в даний момент.

За завданням потрібно було зробити акцент на відеозв'язку, але текстові повідомлення повинні залишитися і бути не менш доступні для користувача. Яка може бути відео зв'язок:
● відеодзвінок
● відеоповідомлення
● відеоконференція
● видеострим

Який з них вибрати потрібно вирішити самому.

1. Спочатку пробіжимося по конкурентам
Скайп

Звичайно, це головний конкурент. Скайп — це синонім відеозв'язку. Додаток являє собою 3 таба: останні дії, контакти і набір будь-якого номера телефону для виклику. Мені сподобалася плаваюча кнопка, яка розгортає список дій, які можна виконати: повідомлення, дзвінок, і відеоповідомлення відеодзвінок. І остання — це запис і відправка новорічного привітання. Але такий функціонал тільки на табі з останніми діями. На табі контактів це вже пошук друзів. І це погано, тому що вид табів майже однаковий і при швидкій роботі з додатком постійно плутаєшся.
Взаємодіяти з людиною можна почати, відкривши діалог з ним. Голосові та відео дзвінки здійснюються зверху, знизу.

Телефон

Я думаю, мрія будь-якого розробника — це коли люди користуються його додатком замість стандартного встановленого додатка від Гугла. Так і тут. Якщо ICQ замінить додаток «Телефон», це буде повна перемога, але ця місія дуже складна, близька до нездійсненним.
Структура. Теж 3 таба: вибране, останні дзвінки, контакти. Цікавий спосіб показу картки контакту: спливає знизу з можливістю свайпом вгору або вниз, відповідно, відкрити повністю картку або закрити її.
З особливостей: постійно висить стоку пошуку контакту з допомогою клавіатури або тексту.

Hangouts

Гуглівський менеджер в першу чергу для СМС листувань. Його інтерфейс відрізняється від більшості інтерфейсів месенджерів. Немає табів. При запуску програми відкривається список діалогів в хронологічному порядку. Перемикатися між розділами програми можна з допомогою лівого меню, при відкритті яких, кнопка меню перетворюється в кнопку назад. Це характерно і мобільним додаткам і навіть веб-інтерфейсів Гугла.
До цього моменту я, як і багато хто, не звертали увагу на те, що з цього запрошення можна телефонувати (посилання на додаток «Телефон») і зв'язуватися з відео.
За допомогою плаваючої кнопки можна зв'язатися по відео, написати СМС і створити групу для листування.

WhatsApp

Не прямий конкурент, але близький. Додаток також поділено на 3 таба, але трохи інші: виклики, чати (відкривається за замовчуванням), контакти. Кнопка дзвінка розташована зверху. А знизу голосове повідомлення, робота якого мені не сподобалося: потрібно безперервно тримати кнопку для запису і можна прослухати результат перед відправкою, анімація скасування занадто складна. Концептуально це текстовий месенджер з можливістю дзвонити. Плюс: у табі «Виклики» є кнопка моментального виклику (як і в додатку «Телефон»).

Messenger (Facebook)

Відрізняється по дизайну від інших месенджерів. Так само все організовано табами, яких 4. В останній перемістили всі призначені для користувача настройки і тим самим позбавилися від усіляких вилазять з-за країв менюшек. Екран чату аналогічний скаповскому.

Periscope

Модний зараз стриминговый сервіс. Приємний сучасний дизайн. Простий у використанні, тому стримят всі, кому не лінь.

Glide

Має 2 цікавих рішення, на мій погляд:
1. У табі «Discover» показуються люди, які знаходяться недалеко від тебе з сортуванням по відстані. Формат відображення — велика картка на весь екран. Велика фотографія, на якій можна все розглянути без переходу на сторінку людини і кнопки «відкрити діалог» і «приховати користувача
2. Коли відкриваєш діалог з користувачем клавіатура не розгортається, як це відбувається в більшості месенджерах. На нижній панелі центральне місце займає блакитна кругла кнопка запису відео повідомлення. Текстове повідомлення можна відправити натиснувши на іконку зліва на цій же панелі. Праворуч — відправка картинки.

Tango


Найцікавіший месенджер з тих, які мені зустрілися. В ньому навіть можна грати на тлі розмови. Це не просто месенджер, а минисоцсеть з профілями, стрічкою активності друзів і власної стрічкою новин.
Є 2 варіанти пошуку людей. З текстового запитом висновок у вигляді стандартного списку. І рекомендовані люди з висновком в красивому „картковому“ вигляді. Другий варіант нагадує багато програми знайомств (Badoo, Tinder та ін), де гортаєш картки людей та вибираєш співрозмовника.
Групові чати називаються кімнатами (приємне назва). Красиво оформлений список цих кімнат теж в „картковому“ вигляді і сама сторінка чату.
На стіні свого профілю можна розміщувати як текстове повідомлення, так і відео, фото та аудіо,
Ще можна відправляти повідомлення людям зі списку контактів телефону, навіть якщо у людини не встановлено додаток. Повідомлення надсилається у вигляді СМС з посиланням на установку програми, звичайно.

ICQ (на даний момент)

На табі останніх чатів поганий аналог плаваючою кнопки, сподобалася мені в скайпі. Має 2 функції: почати чат і почати груповий чат. Але за великим рахунком, тільки одну, тому що, почати чат можна натиснувши на користувача. Таб контактів хороший наявністю кнопки швидкого відеодзвінка. Сторінка чату — це аналог сторінки в скайпі, але простішого, з меншою кількістю функцій.



2. Концепція
Завдання полягає у зміщенні акцентів на відео-зв'язку, але копіювати Skype і сподіватися на те, що всі користувачі „перелізуть“ на ICQ нерозумно. Стандартні месенджери, яких повно і всі схожі один на одного, не дуже цікаві. В них люди заходять тільки для того, щоб щось відправити і натискаючи на пуш-повідомлення, коли щось приходить.

Існує 2 типу розвитку: еволюційний і революційний. Я вважаю, що для цієї задачі більше підходить другий. Потрібно впровадити щось нове і цікаве, навколо чого б люди могли коллоборировать і повертатися до додатка знову і знову.

Почнемо зі значення самої назви. ICQ розшифровується як «I seek you», а по-російськи «я шукаю тебе». Раніше мало назву тільки інтернет-сутність: людину можна було знайти в мережі, знаючи його uin-ідентифікатор. Але сьогодні в це можна вкласти новий зміст. Я можу знати людину особисто або дізнатися про нього, знову ж таки, знайшовши його в соцмережах. Він, у свою чергу, географічно знаходиться в певний час у певному місці.

Таким чином отримуємо 3 складові однієї сутності: людина, її географічні координати і час. Сутність — який момент.

Життя людини складається з моментів: поганих і хороших. Час проходить і у суєті днів багато чого забувається. Але приємні моменти хочеться запам'ятати. І потрібно знаходити спосіб фіксувати його прямо тут і прямо зараз. Часто хочеться поділитися моментом з конкретною людиною або розповісти всім друзям. На допомогу приходять соціальні мережі. Чим вони погані? Вони сповнені фейкових сторінок, реклами, брудної політики, репостов сумнівних сторінок і конкурсів. ICQ в даний момент вже перетворилася з месенджера в соцмережу, але не в повному сенсі цього слова.

Я пропоную продовжити розвиток „соціальності“ програми. Додаткові соціальні елементи мотивують частіше заходити в додаток, проводити там більше часу. Для того, щоб подивитися активність друзів, так і для того, щоб чимось поділитися.

Додамо таку сутність, як „Момент“. Це фіксація місця, часу і думок або почуттів людини з допомогою відео, фото або тексту. Результат можна розміщувати на своїй стіні і відправляти в діалогах.



3. Іконка програми
Логотип і в теж час іконку програми, я вважаю кардинально змінювати не потрібно. Він пізнаваний, не викликає якихось негативних асоціацій. Єдине, його можна оновити, зробити більш сучасним і акуратним. Дешеві прийоми додавання елементів відео на квітку теж ні до чого.



Разом



Іконка програми





4. Починаємо зі структури
Я вирішив відмовитися від виїжджає лівого меню з гамбургером — це складно. Зробив 4 таба, в яких відбувається вся робота з додатком.


Таби простоти, мінімум натискань і відразу перед очима всі можливості програми. В цьому плані додаток Youtube є трендсеттерами. Його розробники одні з перших почали використовувати ліве виїжджає меню з гамбургером і перші ж від нього відмовилися.





5. Запускаємо додаток
Поклацати прототип, наближений до реальності можна на Invision.





5.1. Діалоги
Абсолютно новий інтерфейс програми. Тут я позбувся від табів другого рівня, які теж ускладнюють сприйняття. В першу чергу показуються останні діалоги, за ним люди орієнтуються найчастіше.



Панель з аватарками під шапкою програми — це швидкий доступ до 7-ми популярним контактам і стрілка вліво перекидає в вікно «спілкування», де знаходиться багато цікавого (пункт 5.2).



Що заважає людям дзвонити в месенджерах? Звичайно можливість набору повідомлення, адже це месенджер. Щоб змістити акцент на відеодзвінок, я переробив нижню панель. Тепер там 3 кнопки:
  • Центральна — моментальний відеодзвінок
  • Ліва — відкриває набір повідомлення
  • Права — швидка відправка фото з галереї або знімок камери

А якщо людина вже почав набирати повідомлення, але раптом вирішив подзвонити, то у верхній панелі дублюється кнопка дзвінка.







Спілкування
Вікно ділиться на 2 частини: друзі та кімнати.

Друзі. Це в першу чергу список всіх друзів з ICQ в алфавітному порядку. Але також внизу ще один список контактів з адресної книги телефону. На ці контакти можна надіслати СМС повідомлення, внизу якого буде посилання на додаток.



Пошук людей. Можна потрапити сюди натиснувши на плаваючу кнопку у попередньому вікні. Спочатку показуються картки рекомендованих людей. Вони слайдятся пальцем вгору. Якщо людина натискає на блок пошуку по тексту з лупою, то розкривається клавіатура і знайдені за запитом люди виводяться стандартним списком.



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



Тут кімнати відразу виводяться в картковому вигляді, а при натисканні на іконку пошуку виводяться у вигляді списку з можливістю пошуку по тексту.





5.2. Профіль людини
Перейду перш ніж розповідати про вікна «Стрічка новин» та «Ката моментів», перейду спочатку до профілю, тому що там вводиться нове поняття «Момент».





Момент
Сдублирую цей текст ще разок. Життя людини складається з моментів: поганих і хороших. Час проходить і у суєті днів багато чого забувається. Але приємні моменти хочеться запам'ятати. І потрібно знаходити спосіб фіксувати його прямо тут і прямо зараз. Часто хочеться поділитися моментом з конкретною людиною або розповісти всім друзям.



Зберегти момент дуже просто. Всього кілька простих кроків:
  • Вибір способу збереження (фото або відео)
  • Зберегти
  • За бажанням колірна корекція
  • За бажанням текстовий опис моменту
  • За бажанням додавання учасників моменту
  • Опублікувати






5.3. Стрічка новин
Звичайна стрічка активності друзів в хронологічному порядку. Все просто, але саме вона змушує купу народу залипати в усіх соцмережах.





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

На зображенні зліва звичайний стан карти, а праворуч спливаючий блок при натисканні на мітку карти.





6. Разом
Ключові переваги, які я б хотів ще раз виділити:
  • «Гаряча» іконка дзвінка у всіх списках людей
  • Інший принцип спілкування в діалозі
  • «Гаряча» іконка дзвінка у всіх списках людей
  • Підвищена соціальність програми
  • Простота навігації
  • Картки людей при пошуку
  • Наявність інтерактиву
Ще раз продублюю посилання на прототип, де можна трохи поклацати.

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

0 коментарів

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