ICQ Contest. Підсумки конкурсу на редизайн мобільного додатка

image

На початку грудня ми анонсували мегаконкурс на редизайн мобільного ICQ. З кожним днем він набирав обертів, роботи надходили все інтенсивніше, і до завершення, 21-го лютого, у нас вже було 88 робіт! Ми отримали кілька цікавих інтерфейсних та ідеологічних рішень по відеозв'язку, і бонусом цікаві паралелі з трендовими сервісами. Було також і казкове божевілля з райдужними єдинорогами в космосі, якого ми з нетерпінням чекали.

Завдання
Завданням конкурсу було зробити відеочат мрії. Пропонувалося змістити акценти в інтерфейсі продукту у бік відеозв'язку (дзвінки один-на-один, відеоконференції або онлайн-трансляції), не залишаючи без уваги звичне текстове спілкування. Важливо, щоб у користувача створювалося враження простоти і звичності, повсякденності відеоспілкування.

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

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

Журі
Оцінювали роботи дизайнери і менеджери ICQ. Павло Лоуцкер і Костянтин Рубців (менеджери продукту). Коля Кучкаров (дизайнер) поставив дуже багато мінусів, Джо Макгрин (дизайнер) розповів про логотипах і пройшовся по тролям, і я, Олександр Сметанка (продуктовий дизайнер), взяв на себе UI/UX та інші штуки. В оцінці нам допомагали організатори конкурсу Віра Бондарева (дизайнер) і Діма Плешаков (менеджер по продукту).

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

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

У підсумку ми розбирали концепти на окремі цікаві ідеї, тренди в видеообщении, інтерфейсні прийоми, оцінювали підхід до задачі і подачу.

Нетривіальне відеоспілкування
Лідерами стали ідеї, які виходили за межі звичного інтерфейсу відеодзвінків (як опрацьовані концепції, так і окремі цікаві механіки).

Danial Siddiki запропонував «Моменти» — загальну відеострічку, з якої можна перейти до спілкування з автором. Добре акцентував увагу на кнопці в таб-барі, яка запускає камеру.



З згубних мінусів — доступ до перегляду «Моментів»: він слабо помітний, розташований далеко не «під пальцем» як хотілося б. Присутня надлишкова при щоденному використанні перешкода «Введіть назву моменту».

Олександр Кочеванов теж зробив «Моменти», але в іншому форматі: вони доступні з профілю, а також на інтерактивній карті. Під моментами можна залишати коментарі.



Misha Bilenko минув звичний сценарій дзвінків за допомогою швидкого включення відео під час чату.



Yarik Bright захотів записувати дзвінки і трансляції.



Oleg Mishkorudnyy створив добірку зі знімків, зроблених під час дзвінка, яка приходить в чат після його завершення.



Більше всіх відірвався з інтерфейсом улюбленець Russian Design Cup Denis Shoomov. Зробив багато всього, починаючи з шикарною презентації і закінчуючи анімаціями. У випадку з відео запропонував ряд форматів.



Фрагмент, що дозволяє миттєво зняти відео момент тривалістю до 10 секунд і відправити друзям, співрозмовникам або зберегти свій відеопотік. З видеосообщениями ми знайомі, але розумний і няшный інтерфейс надають цьому процесу особливий шарм.



Баблчат — простір з нескінченними (що б це не означало) видеочатами і можливістю сортування нескінченності.



Пульс — потік трансляцій з прив'язкою до місць, тем, подій, містам. Пульс динамічний і прив'язаний до тимчасової шкалою. Крута штука.



Відеоконкурс.

Трансляції
Популярність стрімінг набирає обертів. Нові сервіси, що дозволяють стримить, ростуть як гриби, а існуючі обзаводяться такою можливістю. Близько третини всіх робіт передбачають можливість вести трансляцію з одночасним чатом поверх відео. Дизайн копіює програми подібного типу.



Варіант трансляції, який відрізняється не тільки кольором балів, запропонував Dmitriy Ivanov. У його версії трансляція ведеться в режимі SplitView з двома одночасно увімкненими камерами.



Denis Shoomov зробив схожу на інтерфейс Apple Watch вітрину.



Відеодзвінок
З відеодзвінки та ж історія, що і з трансляціями, але в цьому випадку сміливості похитнути скріпи в учасників виявилося трошки більше.

Наприклад, деякі спробували скрасити спілкування відеоефектами.

Alex Ovs і Vladislav Solomaha додали емоційних масок дзвінки та повідомлення



Danial Siddiki запропонував сердечка і спільний перегляд вмісту.



Pavel Zametniy дозволив малювати під час дзвінка.



Шлях до видеообщению
Самий очевидний спосіб позиціонування продукту — з допомогою інтерфейсу: інструментів у легкій доступності і іконок з зрозумілими асоціаціями. У нашому випадку це камера: варто як слід виділити, поставити в таб-бар — і стає зрозуміло, про що це додаток. Цей трюк провернула майже половина учасників.

Отвязнее всіх виявився Arsen Kolyba з ностальгічним ламповим дизайном.



Ico Maker з гігантоманією ще вигідно проніс її у чат.



Дуже просто і приємно у myinterface, охайно у Danil Siddiki і Віталій Тамашин.



Складніше стало з-за іконок і деталей у Dmitriy Ivanov, Kirill Yarovenko і Pavel Karpov



Були ще ігри з перетворенням логотипу в камеру і контрол. Так зробили

Vova Sharapov і Edward B.



Ще один очевидний прийом — винесення камери в список чатів або контактів. Ним скористалися Dmytriy Kravchenko Pavel Anpleenko Khokim Sharipov Alex Martinov Alex Kurlaev Ivan Demenev.



Fliqle, як і Pavel Anpleenko, теж додав камеру і визначив простір навколо іконки, зробивши з неї досить велику кнопку, що добре.

Головний фокус в тому, що чат розгортається прямо з картки. Але що буде, коли відкриється клавіатура, ми так і не дізналися.

Чат-лист у вигляді карток — не єдина ідея, але на темному фоні і з кольоровими смужками вийшло досить стильно.



Трохи про картках
До речі, про картках. Вони в тренді, їх використовують багато і по-різному, не обмежуючись тим, що наказують гайдлайны material-дизайну.

Sascha Yeryomin відмінно виділив нові вхідні та використовував картки в чаті. Виглядає як гра!

До речі, він один з небагатьох, хто не зробив червону кнопку під час дзвінка (про це нижче).



Slava Kornilov використовував картки повсюдно, особливо привабливо вийшли лайвчаты і трансляції.



Angela Rybina використовувала картки для перегляду людей і в цілому зробила цікавий пошук.



Kirill Yarovenko, Fliqle, Олександр Кочеванов і Pinkten застосували картки в дзвінках.



Ilya Gruzhevski заповнив картками дзвінки і трансляції, вийшло цілісно і приємно.



Євген Першин застосував картки в дзвінках і вітрині чатів.



Андрій Іноземцев використовував прийом в презентації і ефектно оформив вітрини лайвчатов.



Поле введення
Змінити поле вводу теж може бути вигідним рішенням. Найсміливіші змогли на цьому зіграти.

Vladislav Mikhailov зробив дзвінок біля поля вводу.



Відразу кілька учасників для швидкої надсилання відеоповідомлень додали камеру з відповідною іконкою: Slava Kornilov (літаючі вихідні бабблы з неоновим підсвічуванням!), astract (andr.novojilov) і Vyacheslav Nazarov.



Найцікавіше з полем вводу створив Denis Shoomov. Він дозволив з поля вводу робити що завгодно і (увага!) не створив другий ряд кнопок під ним, а зовсім прибрав стандартне текстове поле, зробивши з нього кнопку поменше (поле введення, по суті, і є кнопка, велика).



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

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

Наприклад, у Nikita Kokarev, Roman Kryzhanovskyi, Sergey Korneev. Ну ви зрозуміли.



Bogdan Pavlik, Екстремальних і Nick Voloshyn зробили сяюче завершення відеодзвінка.



Alex Bogomazov винайшов нетривіальне закріплення співрозмовника до краю екрану, але трубку переизобретать не став. Тепер це чемпіонська трубка!



Навіть у досить навантажених рішеннях трубка в центрі всього — так у Grisha Uglanov.



Nazar Moravskyi вчинив інакше і підняв завершення дзвінка в правий верхній кут, може вже і далеченько.



Естетика, цікаві деталі і космос
Віталій Тамашин вдало розставив акценти, в цілому вийшло легко і барвисто.



Slava Kornilov зробив все приємно і навів лиск, але логіка страждає. Цікавий хід з градієнтом при виборі дії з дзвінком, але неясно, як це працює. Схоже, витиранням можна поміняти кнопки.



Китя Тороповский порадував незбагненними єдинорогами в космосі. По-перше, це красиво.



Igor Kus пропонує обертати барабан, щоб знайти знайомства.



Leon Bakadorov додав у фотографії інтерфейс. Дуже багато красивих фотографій знайшов, різних!

На жаль, таких красивих фото немає у 99,99% користувачів. Завжди потрібно намагатися працювати з реальним вмістом.



Жесть
Таб-бар з яйцями від Саша Червоний.



Pavel Anpleenko підкорив наші уми.



Ніндзя-свайп від короля свайпов Daniil Antipin.



Jamil Lazarev висадився.



Ihor Mikhailov ...



Alex Kurlaev



Edward B. нагадав все минуле! До речі, багато наші користувачі вже не знають, що таке було, вони молоді і юні.



Логотип
Багато хлопці пронесли ідею відеоспілкування в логотип. Звідси цілком очікувані метафори — камера, кнопка Play, об'єктив і діафрагма, схрещені з квіткою.



Ностальгічні діафрагми від Vyacheslav Nazarov і Den Kulinich.



Хочеться відзначити дизайнерів, які спробували зробити щось зовсім дивне.

Ivan Baryshev, Alexander Dadaev, Alexandr Pesenka, Vadim Zlygastev, Jamil Lazarev.



І наш безперечний фаворит Pavel Anpleenko. Так квітка ще ніколи не майорів!



Цікава подача

Олександр Кочеванов здивував розгорнутим описом аналітичного процесу. Порівняв конкурентів, виділив ключові функції, описав структуру, обґрунтував запропоновані рішення і зробив прототип. Почитайте, це цікаво, але заголовок поста зухвалий!



Jamil Lazarev крім космічного логотипу зробив докладний опис своєї роботи в стилі самомилування і крутий прототип.



Eugene Kazakov підкупив візуальним підходом до концепту.



Denis Shoomov зробив все, що було можна, і навіть більше: класні анімашки, хороший промо-сайт, все описав як слід. Умничка, загалом!



Саму колоритну презентацію зробив Андрій Кравчук. Треш-анімація і 8-бітні нотки зробили свою справу і підкорили серця любителів «Півлітровій миші». На стилі! Фітц схвалює.



www.facebook.com/dlyareganasaytah/videos/1710084605871808

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

Фаворити позначилися однозначно. Ми так просто не здалися і не раз піддавали сумніву їх вирішення всередині команди, але вони вистояли.

1–е місце: Denis Shoomov

Дуже масштабно і якісно підійшов до справи і виконав величезну роботу.

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

Окремої уваги заслуговує розкішний сайт-презентація. Доніс всі ідеї, розклав по поличках, супроводив прекрасними анімаціями, іконками, гифками. Вогонь!

Мінуси

Переможців ми вирішили не тільки хвалити, але і трохи покритикувати, вони заслужили.

Є причіпки і недоліки. Сміливий дизайн, безумовно, прекрасний. Але важливо не переборщити зі сміливістю. Ретрогради можуть назвати додаток надто веселим і вітряним, а кого-то воно може просто відлякати. Можна причепитися до метафор деяких іконок — над ними потрібно ще серйозно попрацювати. Особливих проблем не виникло, але іноді доводилося розбиратися, що ж це може означати. Саме дивна недоробка це ускладнення відправки фрагмента. Швидкий початок зйомки і катастрофічний процес з кількома ітерації до відео-повідомлення в чаті. «Завантаження» в відсотках звела нанівець всі старання. Для щоденної функції це провал.

2-е місце: Danial Siddiki

Детально пророблений і цілком працездатний концепт. Моменти, спосіб їх створення і перегляд, трансляції та емоції в дзвінках все це хоч зараз можна досить просто впровадити в поточний клієнт. Сподобалася ідея з пелюстками-розвагами на логотипі.

Мінуси

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

3-е місце: Misha Bilenko

Міша взяв одну важливу проблему, дуже правильно її усвідомив, описав і чудово вирішив. Стер кордон і зробив безшовне відеоспілкування. Видно, що в першу чергу думав не про вибір кольору іконок, а про практику спілкування в чаті.

Мінуси

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

Висновки
Робіт виявилося напрочуд багато. Виявилося, що навіть зібрати їх непросто: вони були відправлені на конкурс не через rebound в Dribbble. У підсумку ми збирали роботи з різних файлових хостингів і сервісів. Схоже, механізм проведення конкурсу виявився не так простий, як здавалося. Спасибі енергійному Юре Вєтрову за допомогу в організації конкурсу, згладив багато кути.

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

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

0 коментарів

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