Інтерв'ю з дизайнером: Ольга Романова

Інтерв'ю з дизайнером: Ольга Романова

Продовжую серію інтерв'ю з дизайнерами інтерфейсів. Сьогоднішнє — з Ольгою Романової з «Ельби». Обговорили:
  • як проектувати зручні інтерфейси для непростий предметки;
  • як вирішувати складні завдання і професійно зростати;
  • як навчитися ілюстрації з нуля;
  • на кого в галузі орієнтуватися.
В подарунок: гайдлайны для інтерфейсів і стікери з котами для телеграма ツ
Розкажи про себе коротко: чим займаєшся, де і над чим працюєш, чим захоплюєшся крім роботи
Ольга Романова
Зараз я проектую інтерфейси Ельбі, це проект компанії СКБ Контур. Компанія велика, в ній 4,5 тисячі осіб, більшість в Єкатеринбурзі. Ельба — невеликий проект, 25 чоловік.
Крім роботи захоплююся каліграфією, леттерингом. Трохи освоюю ілюстрацію, якийсь час тому активно малювала комікси у себе в блозі, зараз менше, можливо, це тимчасово і мене заново захопить :) Іноді пишу рецензії на книги.
Ілюстрації у статті намальовані Ольгою
Ти проектируешь інтерфейси Ельби в Контурі. Розкажи про цей проект?
В Ельбі я півроку, а до цього 4,5 року проектувала Контур.Бухгалтерію. Сервіс допомагає підприємцям і невеликим організаціям вести свої справи і звітувати перед державою. Це ведення бухгалтерії, ясна простим смертним. Не треба бути бухгалтером 80 рівня, щоб розібратися.
Директор без Ельби і з нею
Образ «директора без Контуру» потряс бізнес-кола Єкатеринбурга і мало не призвів до відставки глави регіону (насправді немає).
Для директора бухгалтерія — це цілий новий світ. Ми намагаємося спрощувати, щоб користувачі навіть не замислювалися, як що в бухгалтерії працює, не навантажуємо складними знаннями і предметкой. Власники бізнесу зайняті хлопці, навіщо їм це. Краще обійти незрозуміле, зробити як можна простіше. Тут немає завдання навчити бухгалтерії, завдання — як можна менше з нею знайомити. Де-то про що-то можна приховати. Головне, щоб директор вчасно здавав звітність, і легко вирішував свої робочі завдання самостійно.
Ельба відома своїм зручним і людяним інтерфейсом. Як вам це вдається?
По-перше, ми досить добре знаємо свого користувача. У цьому допомагають юзабіліті-тестування, опитування, інформація з техпідтримки, аналітика і статистика.
На тестуваннях показуємо користувачеві як клікабельні прототипи, так і працює сервіс. Іноді після тестування концепція сильно змінюється, прототип перемальовуємо і заново тестим. Але найчастіше просто вносимо правки, і макет йде в розробку.
Користувальницьке тестування
Прості гіпотези Ольга перевіряє «коридорним» тестуванням, штуки складніше — на дослідженнях користувачів.
Техпідтримка у Ельби цілодобова і якісно хороша. Це теж наша перевага. Інформація йде з дзвінків, з форм зворотного зв'язку, пошти і з ще одного цікавого інструменту — лайків. На кожній сторінці сервісу розвішані кнопочки: з пальцем вгору, пальцем вниз і конвертиком. Задумувалося це як швидка зворотній зв'язок — подобається чи ні. В житті ж користувачі пишуть там будь-які свої питання, прохання про допомогу. Тобто доводиться активно моніторити і цей канал, а не просто зрідка аналізувати.
Друге, що допомагає робити Ельбу зручною — це офігенна залученість кожного члена команди у все, що відбувається. Не тільки проектувальнику і менеджеру є справа до користувача, кожен бере активну участь у тому, щоб зробити Ельбу трохи краще.
Наприклад, один тестувальник запропонував запустити вікторину з питаннями користувачам про наш сервіс — щоб зрозуміти, про всю чи функціональності користувачі в курсі. Це важливо, тому що можна робити купу корисного, але якщо користувачі про це погано дізнаються, то гріш ціна нашим зусиллям і всьому сервісу. У вікторині були питання на кшталт «чи можна відправити рахунок на кілька адрес одночасно?». За підсумками вікторини користувачі отримували подарунок від Ельби — безкоштовне обслуговування на якийсь термін.
по-третє, ми спілкуємося з користувачами досить неформально, як спілкувалися б в звичайному житті. Від цього підтримується відчуття дружелюбності, і що Ельба ближче до користувача. Такими ми і хочемо бути.
загалом, робимо сервіс, яким самі б захотіли користуватися.
Як ти проектируешь, який у тебе процес? Як перевіряєш гіпотези?
Коли хороше рішення не можна реалізувати, то просто накидываешь варіанти по типу мозкового штурму. Каракулі на листочках цілком годяться. Іноді буває корисно запитати другого проектувальника, так ідей буде більше. Або іншої людини з команди. Будь-які відповіді можуть наштовхнути на хорошу думку. Це те, що стосується нескладних невеликих речей, коли треба просто більше варіантів.
Якщо завдання поскладніше і треба придумати щось концептуальне, продумати сценарій нової великої задачі, однієї голови явно мало. Тоді беру другого проектувальника, і йдемо куди-небудь, щоб ніхто не відволікав. Кожен малює по завданню свої варіанти рішень, що будь-які думки на тему. Велика деталізація екранів не потрібна, достатньо вхопити тільки концепцію. Якщо виникають якісь цікаві думки з конкретних речей, теж фіксуємо. Краще замалювати все, що в голову прийде, потім може стане в нагоді.
Помилка виконання
Користувачеві не важливо, які хитрі механізми і алгоритми заховані по ту сторону інтерфейсу. Важливо, як йому в даний момент отримати бажане. Не грузіть зайвим.
Через півгодини, коли кожен «вже все», показуємо один одному, знаходимо цікаві рішення в начерках один одного і схрещуємо. Таким способом народжується більше хороших ідей, ніж коли відразу сідаєш і удвох думаєш думки вголос. Допомагає не упустити важливе, цікаве, не вплинути на хід думок другого, щоб у кожного був шанс щось привнести.
Ти малюєш чудові ілюстрації і активно застосовуєш їх в життя: в оформленні особистого сайту, на банківських картах, щоденники, листівки для друзів і родичів. Здається, ілюстрація дуже багато для тебе значить. Розкажи про це захоплення?
Все почалося з дуже простих коміксів. Якщо у когось вистачить терпіння дістатися мій блог до кінця, то цей хтось побачить там не дуже симпатичні картинки. Діти в дитячому саду краще малюють, напевно :) Але це було забавно, мені було без різниці, як і хто це оцінить. Я самовыражалась. Малювала мало не кожен день. А якщо що-то робити це часто можна непогано прокачати. Рука починає лінії рівнею малювати. Потім починаєш цікавитися ілюстраціями інших дизайнерів, намагаєшся зрозуміти, на що варто звертати увагу, що важливо для персонажів. Тобто все сама. Інтерес і цікавість рухає всім.
Свінг — це танець
У фірмовому стилі Ольга оформила головну сторінку свого сайту, вийшло симпатично
Потім був дводенний інтенсив від Стіва Сімпсона в Єкатеринбурзі. Ми малювали етикетку на пляшку вина до Дня Святого Патріка. Мені було страшно. Тому що там були справжні ілюстратори, а я тут зі своїми коміксами домашніми :) Але все пройшло добре, дуже сподобалося. Далі я зовсім осміліла і поїхала на офігенний тижневий курс в Італії, його викладали різні ілюстратори. Жили в кампусі Везувианского інституту гуманітарних наук. Ходили по містах, робили замальовки, були на розкопках, в Помпеях, забиралися до кратера Везувію. У підсумку ми навчилися малювати обкладинку книги. Для мене там було багато нових корисних знань. І вражень море.
Потім я зовсім випадково потрапила на курс каліграфії для початківців до Леву Ліберману. Це теж затягнуло. Після короткого курсу пішла до нього ж на річний курс. Він ще в процесі, пройшов тільки перший блок — античність. Зараз ходжу на леттерінг у того ж викладача. А вчора у мене почався курс комерційної ілюстрації школі Калачової.
Часто у мене інтерес до чого-то росте інтересу до інструментів — полювання спробувати перо або хитрий маркер, як веде себе, що ним можна зробити. Або з інтересу «як це роблять?», як в акварелі якісь ефекти — хочу повторити і навчитися.
Ще у мене трапилася цікава історія зі стікерами в Телеграме. Намалювала котів, виклала, а вони якось фантастично злетіли. Взагалі не думала, що так буде. Зараз вони встановлені у 18 тисяч осіб. За весь час люди відправили один одному 135 тисяч стікерів. Другий пак з котами для розробників встановлений у 16 тисяч чоловік.
Кото-стікери для Телеграма
Які інструменти використовуєш у роботі? Які твої улюблені?
Робота — це проектування, і там прототипи в Sketch, нічого незвичайного. Спілкуємося з командою в Телеграме і усно. Бажики і дрібні задачки у нас в Ютреке. Трелло теж іноді знадобиться. Нещодавно побачили notion.so, думаємо, для чого може знадобитися, сподобався. А ще у Дропбокса зараз щось схоже з'явилося, Paper. В ньому я писала відповіді на запитання цього інтерв'ю.
В каліграфії мені полюбилися брашпены, кистьова каліграфія. Ілюстрації я малювала маркерами, в основному Copic. Різних маркерів, кистей, пір'я, чорнила у мене накопичилося багато.
Маркери, ручки і чорнило
Коли проектируешь, малюєш в Скетчі відразу готовий макет інтерфейсу з усіма стилями або мокапы? Якщо мокапы, як вони перетворюються в інтерфейс?
Є багато рутинних завдань, коли не треба щось вигадувати. Просто додається якась нескладна річ, і там без варіантів, як воно буде — і так все ясно. Тоді просто береш старий прототип і додаєш цю штуку на потрібні екрани.
Якщо варіанти є і треба вибрати, то спочатку папір і олівець. На папері добре думається, і це швидко. А потім вже Скетч. У Контурі є бібліотека контролів, в ній всякі кнопочки, поля зі стилями.
Контур.Гайди
Контур.Гайди — вимоги до поведінки та дизайну елементів користувальницького інтерфейсу.
Якийсь час назад в Контурі стало ясно, що негоже в кожному проекті робити все по-різному. Це продукти однієї компанії, повинна бути впізнаваність, так і користувач може придбати кілька сервісів. Добре, коли однакові елементи виглядають схоже і знаходяться на звичних місцях. А ще це економія часу на розробку: кожен проект не винаходить велосипед, а бере контрол з особливою бібліотеки.
Тому стали стандартизувати різні контроли і навіть поведінку. Зробили «Контур.Гайди»: ключові принципи проектування, бібліотеку контролів, іконки. Там же еталонна верстка контролів. Якщо кому-то наші стандарти знадобляться — ми тільки за. Знання треба шарити.
Що допомагає тобі професійно рости як дизайнеру?
Постійно дивитися по сторонах, помічати, що відбувається. Помічати чужий досвід і формувати свій. Намагатися мислити нестандартно, виходити за рамки. Дивуватися, відчувати інтерес до всього, задавати питання. Насолоджуватися процесом, тим, що робиш. Розуміти, що ти багато можеш впливати і від тебе багато чого може залежати. Не залишатися осторонь, втручатися. Якщо щось не вийшло, пробувати знову і знову, не зациклюватися на невдачах. Пробувати інше або іншими способами. Ніколи не зупинятися. Рух — життя, не тільки у фізичному плані, у розвитку себе теж.
На кого з відомих людей в галузі орієнтуєшся?
Поглядаю за тим, що діється в Бюро Горбунова, в Студії Лебедєва.
В Контурі ми всі любимо Максима Ильяхова. Він приїжджав в Контур в 2013 році, провів триденний інтенсив за инфостилю осіб на 10. Я теж була на цьому курсі. Ефект приголомшливий, свідомість перевертається. На попередні тексти дивитися не можеш, все косяки помічаєш і думаєш, як же я міг так писати. Інтерфейсні тексти стали в рази краще.
Ще недавно у нас був Ігор Штанг. Було дуже цікаво і корисно. Людвіг теж крутий. У Контурі він не був, але був в Єкатеринбурзі. Мені не було до нього потрапити, але я б хотіла.
Яка твоя «фішка» в проектуванні інтерфейсів — прийом, лайфхак, секрет?
Не те, щоб лайфхак, але є одна корисність. Коли проектируешь, доводиться дуже багато спілкуватися. Іноді буває спілкування більше, ніж власне малювання. Обговорення завдань, що і як зробити, в якому вигляді, в якому обсязі, як що-то краще полагодити, що залишити і не чіпати, а що неодмінно треба поміняти.
Домовлятися доводиться багато, а люди бувають різні. Хтось більш емоційний. Тоді буває корисно не підключатися до цього і не відповідати в тон, а навпаки, як би уповільнити все. Брати паузи «на подумати», говорити спокійно і впевнено. Чим спокійніше говориш і чим більше розсудливості у відповідях, тим швидше співрозмовник починає більше думати, а не эмоционировать. Зазвичай спрацьовує.
Ну і ще важлива річ, треба розуміти, чому співрозмовник на чомусь наполягає, треба влазити в його шкуру і намагатися лікувати. Вставати на його бік і гребти разом.
Хочеш дати пораду чи настанову колегам-дизайнерам?
Щоб більше всього навколо серйозно захоплювала і була цікавою. Від цього отримуєш багато задоволення. І якість від того, чим захоплюєшся, вище. У підсумку виходить, що користь не тільки тобі, а ще навколо світу. Взагалі, проактивна позиція це добре. Коли не проходиш повз якийсь фігні, а бачиш, що можеш поліпшити її, береш і робиш. Робити світ трохи краще — це круто.
Джерело: Хабрахабр

0 коментарів

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