І тестове завдання може виявитися цікавим



Вітаю тебе, центр вселенського розуму — Хабр. Сьогодні в центрі уваги буде ресурс Codesign.io. Ресурс, покликаний спростити життя дизайнеру і клієнту на стадії узгодження правок у макетах будь-якого напрямку. Не так давно минув конкурс на позицію UI/UX-дизайнера (віддалено) і я, як скромний професіонал в даному напрямку, вирішив не упускати можливості взяти участь.

Отже, давайте подивимося, які глобальні проблеми за допомогою цього сервісу намагається вирішити молодий стартапер, який не просиджує штани в коворкинге і не п'є смузей… Який намагається побудувати команду, трепетно і ретельно відбираючи цінні зерна від плевел, можливо втомлений від строкатих dribble-style портфоліо, в яких він не бачить «рішень проблем». Який шукає не просто виконавця, а побратима по розуму, здатного вловити найтоншу ідеологію Кодизайна і привнесе в його проект найкраще.

Частина перша: знаходження

Справа була не дуже рано вранці. За старою, практично щоденної, але можливо не найкращою традиції (у вигляді в основному мізерних відгуків та бюджетних пропозицій) я заглянув на Мій Круг з метою вивчення нових пропозицій по частині розробки інтерфейсів. Цікава цифра, свіжий описовий текст з нотками «западности», потенційний релокейшн в Європу, опціони. Саме таким відмінним набором маніла вакансія дизайнера інтерфейсів в Codesign. Дивно, але дата розміщення була майже місячної давності. І куди я дивився раніше? Не встигнувши остаточно обдумати «пізно писати чи ні», руки самі стали набирати супровідний лист…

Частина друга: взаємодія

Обмінявшись парою фраз в пошті і отримавши фідбек від потенційного роботодавця про те, що «писати на Хабр — це безсумнівно плюс», я зрозумів, що процес пошуку все ще актуальне, є шанс і ним треба скористатися. Через кілька днів я вже був на голосового зв'язку з Вадимом, відповідаючи на його досить свіжі і неабиякі питання. Вони були просякнуті західної ідеологією підбору персоналу, де в пріоритеті виявляється не «наскільки ти хороший у справі», а «наскільки ти нам підходиш як особистість». Наприклад, питання «Яке нещодавня зміна у своєму робочому процесі ти зробив, призвело до підвищення твоєї ефективності?» поставив мене в конкретний ступор. І лише через непомітно коли м'ч пролетів час голосового спілкування я дописав пізніше йому в чаті: «Я згадав: це був стіл для роботи стоячи :)». Вадим постійно щось для себе записував у процесі інтерв'ю. Кандидатів було більш ніж достатньо і його графік був щільно розпланований. Роботодавець у цьому випадку в конкретному виграші, але про це я розповім пізніше.

Частина третя: поїхали

Отримавши трохи несподівану зворотний зв'язок у дусі «Мені здається ти не готовий перейнятися суттю задачі» я все ж переконав його включити мене в список готових до тестового завдання кандидатів. У мене було і час і азарт в той вечір. Не довелося наводити багато аргументів на свою користь, вистачило одного… «Не всякий виконавець здатний з наскоку сприйняти суть завдання, спершу йому треба втягнутися в процес». Більше того, я бачив настільки багато неэффективностей в поточному інтерфейсі, що у мене буквально свербіли руки — навести там порядок. Насамперед, приємною несподіванкою виявилася можливість вибору собі тестового завдання. Отже, я отримав доступ до текстового файлу, в якому було 9 пунктів. Як мінімум, 3 з них явно не ставилися до середньостатистичного списком завдань для UI-дизайнера, суб'єктивно кажучи. Я відразу перейнявся пунктом створення інструментарію для простановки (малювання) точок на обговорюваному макеті:
7. Клік на дизайн-макет є потужним зброєю проти необхідності прописувати контекст коментаря та навігацію до нього. Але нашим користувачам часто не вистачає функціоналу постановки точок. Продумай, будь ласка, обмежений здоровим глуздом комплект інструментів малювання, який підвищив би продуктивність комунікації між замовником і виконавцем. Спроектируй процес створення і взаємодії з цими елементами, беручи під увагу, що це інструмент швидше просунутих користувачів, ніж звичайних замовників.


Відмінно. Адже все в цьому напрямі вже придумано до нас. Розтягнути прямокутник, коло, або намалювати довільний багатокутник — ось все, що потрібно для успіху. Але цього мені виявилося замало. Ви ж пам'ятаєте, що руки свербіли? :) Вечір був вільний, я вирішив зачепити ще трохи тестових тасков з інших пунктів, і ще один цілком зробити повністю, так би мовити, в доважок. Тут тяга до глобальної оптимізації всього і відразу мене і підвела. Але про все по-порядку…

Частина четверта: неефективності

Давайте нарешті отримаємо перший користувальницький досвід від системи. Потрапивши в демо-доступ ми бачимо макет, поверх якого клієнт розставляє червоно-круглі мітки по кліку, а дизайнер при онховере з побоюванням дізнається, що під ним захована чергова коригування від клієнта “А ви можете ось цей білий (#FFFFFF — прим. автора) трохи світлішою зробити?". Жартую, причому тонко і життєво. Отже, ось що ми бачимо на старті знайомства:



Це те, що вписується в рамки початкової видимій області 1920х1080. Не густо. Щоб зрозуміти, що червоні кругляш з цифрами — це не кількість нових повідомлень, а мітка для правки і цифра всередині — це референс на конкретний опис, доводиться зробити scroll-down:



Чудово! Так була знайдена одна з глобальних неэффективностей.

За рішенням йти далеко не довелося:



Даємо користувачеві можливість побачити все і відразу. Заодно цим скріншотом я закривав другорядне тестовий таск «Придумати навігацію для інших пов'язаних з цим макетом зображень, які потребують правки від клієнта». Хочете обговорити сторінку контактів в рамках одного сайту? Відмінно, просто перейдіть на неї в лівому меню. Сторінок занадто багато в рамках однієї дошки взаємодії? Не проблема: введіть перші кілька літер у пошуку і відкрийте потрібну.

Що ще тут можна «оптимізувати»? Користувальницький досвід! Нема чого змушувати юзера шукати в лівій частині екрана номер 126, щоб зрозуміти, який камент за ним захований. Можна звернутися до постулатів матеріального дизайну і піднімати потрібний блок за онховеру на потрібний гурток:



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





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

Але знаєте, я програв цю битву розумів… Судячи з усього, вся ця модернізація виглядала б непогано при поетапності. І замість такого підходу я вивалив на погляд Вадиму варіант, де було оптимізовано ВСЕ і ВІДРАЗУ. Уявіть собі, що у вас є продукт, який ви пам'ятайте і любіть таким який він є, не дивлячись на його похибки. Ви готові до неспішним рівномірним нововведень. Але ви не готові побачити всі нововведення разом, тому як це передбачає новий користувальницький досвід. І ваш, як користувача — в першу чергу. Ви не готові, ваш мозок не готовий, вам потрібно час прийняти це. Але, перше враження вже не змінити…

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



Але, так сильно потягнув на себе ковдру, що вилізли п'яти.

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

Частина п'ята: висновок

Так, мені відмовили. Так буває. Якщо вам відмовляють, ніколи не приймайте це занадто близько. Роботодавець, який не прийняв вас, швидше за все не сумнівається в ваших навичках, просто саме ви саме йому не підійшли. Ви підійдете іншому! Не сумнівайтеся в собі, адже ви — професіонал…

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

Я подарував Вадиму частину своїх ідей. Він подарував мені матеріал для цього поста. Ми квити!
Джерело: Хабрахабр

0 коментарів

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