Чужого навчайтесь і по-своєму робіть.

Зібрали бібліотеки із флоу веб- і мобільних застосунків, щоб роздивитися різні дизайн-рішення та створювати власні.

• Flowstep
• Screenlane
• Chamjo
• Appshots

Кращий UX для онлайн-магазинів

У колонці для DOU Володимир Мерленко, UI/UX дизайнер у Cieden, поділився, як підсилити взаємодію користувачів з e-commerce.

Автор розібрав і показав поради на прикладах відомих українських онлайн-магазинів — від дизайну списків товарів до відображення цін і фільтрації.

• Читати тут

Хто тут планує стартувати в UX?

Маємо:

• короткий тест на розпізнавання порушень базових законів UX та евристик в дизайні;

• курс UX Design Beginning, де детально ознайомитеся з ними й навчитеся їх застосовувати, щоб впливати на поведінку користувачів і якість продукту.

Поїхали!

Нагадування, наскільки важлива типографічна ієрархія.

Знайдено на просторах Reddit.

Працюєте з візуалізацією даних?

Ловіть ресурси, які можуть стати в пригоді:

• Data GIF Maker від Google створює візуалізації даних, які можна експортувати у форматі GIF.

• Стаття про те, як вибирати кольори для візуалізації інформації.

• DataViz Color Scales Generator допомагає підібрати колірну палітру для інфографіків.

Як знайти магічний ключик до аудиторії?

Саме про це наша #книжкова_рекомендація. 

Popi Сазерленд — автор книги та віцепрезидент культової рекламної агенції Ogilvy.

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

Намагаємося не ловити флешбеки, а вчимося уникати схожі ситуації на Web Design Junior.

За планом: поглиблення знань з вебдизайну та практика впевнено презентувати роботу перед реальним замовником.

Ще є кілька місць на поточний набір.

• Програма та реєстрація.

Кому дизайн-тренажери?

Повертаємо добірку ресурсів, які допоможуть підтримувати скіли в тонусі:

🔹Designercize

Обираєте складність брифу, час на його виконання та намагаєтеся встигнути втілити ідею в дедлайн.

🔹Daily UI

Протягом 100 днів щодня отримуватимете на пошту лист з дизайн-брифом.

🔹FakeClients

Назвою все сказано. Отримуєте рандомний бриф, написаний від вигаданого клієнта чи клієнтки.

🔹GoodBrief

Обираєте тип завдання та сферу, з якими хочете працювати, та беретеся до роботи.

🔹UX Tools

Обираєте тему, яка вас цікавить й отримуєте на її основі завдання. Бонус — лінки на статті й інструменти, які можуть знадобитися.

🔹UI Coach

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

#TBT

Чи втомлює ваш дизайн користувачів?

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

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

Як дізнатися, про що книга? Відкрити зміст.
Як дізнатися, про що — ми, українці, та наша культура? Послухати ЗМІСТ.

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

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

Ведучий подкасту — Гліб Капоріков, дизайн-директор у Projector, креативний директор артбуків Telegraf.
Серед гостей: журналіст і письменник Юрій Марченко, шеф-кухар і ресторатор Євген Клопотенко, CEO онлайн-інституту Projector Олександр Трегуб, дизайнер ЗСУ Тарас Іщик, співзасновник Angry Agency Сергій Малик, музикант Альберт Цукренко та інші.

🔹Дивіться перший епізод ЗМІСТУ за підпискою на Projector Library.
🔹Слухайте на Spotify та Soundcloud.

Чи обовʼязково бути мультидисциплінарними дизайнерами? Ні.

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

• Мистецтво

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

Якось з командою розробляли платформу з новинами для багатих європейців, і зʼявилась ідея створити 3D галерею. Коли ми продавали її замовникам, я розповідала про особливості перегляду картин художників, як-от Марк Ротко, Казимир Малевич, аргументуючи функціонал перегляду полотна, налаштування відстані (полотна Ротко потрібно оглядати не далі 30 сантиметрів). Я навіть показувала свої картини 😃

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

• Графічний дизайн

Знання з галузі у поєднанні з мистецтвом дуже допомагали мені придумувати концепти вау-сайтів. Коли у вас розвинене креативне мислення, вам легше генерувати круті рішення. Як, наприклад, бруталізм і символізм у лого з ребрендингу Obriy.

А ще раджу звернути увагу на українську графіку XX століття. Це просто mindblowing. Вона дуже надихала, коли я створювала логотипи та айдентику. Є крута книга на цю тему — «Знак. Українські товарні знаки 1960–1980».

• Елементи анімації та 3D дизайну

Якщо говорити про щось прикладне, то скіли у цих сферах розширюють ваші професійні горизонти. На початку карʼєри я вивчила Adobe After Effects і створювала анімації для застосунків. А ще, коли ви вмієте анімувати, легше вразити клієнтів концептом, а розробникам показати свою ідею.

Зараз ще люблю працювати у Spline. Я можу створити нескладну 3Dшку й заанімувати її. Наприклад, цей кейс був створений за допомогою Spline i Nomad Sculpt. І підрядник з 3D не потрібен.

• Дизайнери, а з яких сфер переносите скіли в інтерфейси ви?

#гостьова_середа

Що робити, коли ніша проєкту вам незнайома? Очевидна відповідь — дізнатися про неї. Як та що саме, розкажу зі свого досвіду.

• Дійте за принципом «найгірше питання — непоставлене питання»

Коли в Obriy працювали над криптосервісом, ми мали дуууже багато питань. Це була зовсім незнайома нам поведінка відстеження динаміки криптовалют.

Платформа мала безліч незнайомих абревіатур і, найскладніше, командний рядок. Останній налаштовував пошук сторінок або задавав швидкі команди системі. Було складно зрозуміти всі звʼязки. Тож ми зідзвонювались з клієнтом щотижня, а з розробниками — двічі на тиждень ще на етапі вайрфреймів. У результаті вийшов класний кейс.

• Зверніться до користувачів

Проведіть спостереження, інтервʼю, опитування.

Якось я працювала над вебсервісом, який пропонував студентам університетів навчальну канву бізнес-моделі. Лише спілкуючись з користувачами виявилося, що вони часто працюють над моделлю групою, тому використовують один профіль. Так з'явилися групові облікові записи.

Якщо немає можливості поспілкуватись з ЦА, зверніться до служби підтримки, sales або success менеджерів.

• Вивчіть бенчмарки та конкурентів

Зрозумійте, які бізнеси є провідними на ринку і чому. Якщо це застосунок чи сайт без доступу, скористайтесь платформами типу Mobbin, Data.AI, Templateshake.

Дослідіть конкурентів — прямих і непрямих. І не вірте, коли кажуть, що у компанії їх немає. Коли працювала над проєктом кулінарних онлайн-івентів, маркетологи стверджували, що конкурентів вони не мають (стара, як світ історія). Їхніми прямими конкурентами виявилися місцеві курси та майстеркласи. А непрямими — кулінарні блогери на YouTube.

• Дізнайтесь, як заробляє бізнес

Що приносить найбільше коштів? Який товар/послуга найдорожчі? Що хочеться більше продавати/пропонувати? Які плани щодо масштабування?

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

#гостьова_середа