Adaptive & responsive web design — на перший оманливий погляд, одне й теж. Але відмінність полягає у підході та періодах виникнення обох. Та й взагалі перший проклав шлях останньому.

У статті Вова Віндар, незалежний UI-дизайнер і куратор курсу Web Design Beginning, розклав по поличках суть адаптивного та чутливого (responsive) дизайнів. А ще поділився, як створювати чутливі дизайни, що йдуть на зустріч потребам користувачів.

Читати.

До вашого набору дизайн-інструментів — Durves, генератор патернів.

Можна:
• створювати візерунки з кривими й властивостями, які самі визначаєте;
• експортувати у SVG та PNG форматах;
• проєктувати текстурні дизайни.

Взяти, протестити, користуватися.

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

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

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

Підгледіли у thischarmingcatt.

«Ну, брейнштормимо!» Як часто з такої чи схожої натхненної фрази починалися командні воркшопи, які у процесі здувалися?

Річ у тому, що шторму ідей потрібна структура та послідовність дій. Як це можна забезпечити?

🔷 Залучати до творення дизайн-рішень і тих членів команди, які «не те щоб креативні».
🔷 Формувати попередній план воркшопу зі стейкхолдерами та отримати фідбек від них.
🔷 Зважено відкидати неробочі ідеї, обирати кращі рішення й будувати подальший план їх валідації.

Щоб розуміти особливості кожного пункту й вміти їх втілювати в роботі, ми засетапили воркшоп Ideation. Co-Creation Sessions.

Для кого? Для дизайнерів, дослідників і продуктових менеджерів.

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

Коли: 23-24 вересня.
Ваш куратор: Юрій Грановський.

Ознайомитися з програмою детальніше можна тут. До зустрічі!

Відкладайте свої таски, бо у нас тут залипальний контент

У пошуковику Google з’явилась функція Emoji Kitchen — можливість комбінувати емодзі.

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

Креативте на здоров’я. А в коментарях закидуйте ті комбінації, які ідеально описують ваш день.

UX-дослідники ігор читають по очах. Несподівано?

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

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

У матеріалі автор розписав, як технологія eye-tracking працює в UX-дослідженнях для геймдеву, які індикатори руху очей зазвичай використовуються та як інтерпретувати ці дані.

Факт 1: у серпні в App Store додалося 39 770 застосунків після липневих майже 37К релізів.

Факт 2: ми не знаємо, скільки це у гігабайтах.

А от з чого складається дизайн мобільних застосунків — знаємо. Розібрали професію на основні молекули.

🔷 Хто може стати дизайнером апок?

• Вебдизайнери

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

• UI/UX дизайнери-початківці

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

🔷 Що для цього потрібно?
Окрім бажання, у пригоді стануть скіли:

• створювати прототипи, працювати з гайдлайнами та UI-кітами;
• вміти в анімацію, типографію, дослідження;
• мислити у напрямку “problem solving” — знаходити проблему та її розв’язання;
• співпрацювати зі стейкхолдерами й розуміти бізнес-складову застосунку.

🔷 Хто йде пліч-о-пліч з дизайнером застосунків?

• Продуктові менеджери, щоб узгодити дизайн з цілями продукту й потребами юзерів.
• Розробники, щоб правильно втілити дизайн в реальність код.
• QA-спеціалісти, щоб виявити й побороти проблеми з юзабіліті застосунку.
• UX-дослідники, щоб відшукати потреби юзерів і перетворити їх на дизайн-задачі.
• Data scientists, щоб аналізувати поведінку юзерів й використовувати ці дані для покращення застосунку.

🔷 Якщо бажаєте рухатися в бік дизайну застосунків, навчальна база для цього — Mobile Apps Design Course. Нові знання тут.