interfaces.prjctr | hladynets week

OpenAI оголосила про фокус на створенні суперінтелекту — системи, здатної перевищити людський інтелект у всіх сферах. Називатиметься це AGI, або artificial general intelligence, або штучний загальний інтелект.OpenAI дає таке визначення: «високоавтономні системи, які перевершують людей у більшості економічно важливих завдань».Microsoft, тісний партнер і інвестор стартапу, пропонують інше визначення AGI: системи штучного інтелекту, здатні генерувати щонайменше 100 мільярдів доларів прибутку. Згідно з угодою між компаніями, після досягнення цієї мети Microsoft втратить доступ до технологій OpenAI.Кажуть, суперінтелект може стати ключем до вирішення глобальних проблем, таких як зміни клімату чи лікування важких хвороб.Проте в OpenAI визнають, що неправильне управління цією технологією може становити серйозний ризик для людства. Та зупинятися не збираються. Але працюють над створенням нового підрозділу, Superalignment, який займатиметься розробкою механізмів контролю та етичного використання суперінтелекту.Ви як, excited чи чекаємо на Skynet?Джерело: TechCrunch

Як вирішити проблему відтоку нових користувачів?1. Подивитись на досвід• Записати та проаналізувати сесії користувачів які не дійшли до створення відео: де вони відвалились, що пробували зробити, як себе поводили?• Поговорити про їхній досвід: чому вони не створюють відео? Що кажуть про свій перший досвід? Можливо, в них немає запиту d цей момент, або відкладають продукт на пізніше, або не знають з чого почати? Треба розбиратись.2. Подивитись на first mile (перший досвід) користувача в продукті зараз• Скільки кроків між реєстрацією та створенням відео?• Які кроки наближають користувача до створення відео, а які ні?Найчастіше, self-serve користувачам треба допомогти з виконанням цільової дії:• дізнатись, що вони хочуть отримати;• зібрати необхідні дані для створення результату;• допомогти зробити це в інтерфейсі, розуміючи, що не виходить зараз — тут сильно допомагають будь-які якісні дослідження;3. Придумати, спроєктувати та перевірити рішення, які мають привести до a-ha моменту. У випадку Scribey, це створення відео вперше.🔹 Дешевше та швидше:покращити сторінку, на яку потрапляє новий користувач:• покращити пустий стан;• запропонувати шаблони відео для швидкого старту;• передстворити відео та дати його доредагувати;• показати наступні кроки, які користувачу варто виконати, щоб створити відео.Плюси: швидше запустимо та отримаємо реальні дані, зможемо на них навчитись та спланувати наступні ітерації.Мінуси: може не дати контрастного результату.🔹Дорожче та довше: створити setup в онбордингу, в якому користувач створить перше відео повністю або частково: • запитуємо про тип відео, тему, стиль;• просимо заповнити текст;• одразу генеруємо відео та показуємо його користувачу.Плюси: потенційно суттєво більший % нових користувач матиме прогрес в продукті, створить відео та повернеться, щоб доробити його або створити нове.Мінуси: більше роботи для дизайнера, інженерів та команди загалом.4. Обрати метрики для оцінки• Головне: % користувачів які створили перше відео, повернення після створення.• Другорядне: час на створення першого відео.Висновок: впливати на a-ha момент та активацію можна по-різному. Це можуть бути простіші рішення з оптимізацією наявного сценарію, або складніші — наприклад, побудова setup в онбордингу. Важливий фокус — допомогти користувачу отримати обіцяний або бажаний результат, закрити потребу, виконату джобу 😉Кейс від Стаса Говорухіна, куратора та автора курсу Growth Design й інтенсиву User Onboarding Design, дизайнера продукту в Djinni.

Як створити smooth вебформу?Ми прагнемо уникати розташування деструктивних кнопок поруч із кнопками, які виконують важливі дії або переводять користувача до наступного кроку.Одночасно важливо запобігти помилкам, випадковим натисканням і прискорити взаємодію.Тому важливо максимально чітко позначати функціонал кнопок.Кнопки «Скинути» (Reset) та «Скасувати» (Cancel) мають бути розташовані у верхньому правому куті екрана — бажано, щоб вони виглядали меншими за розміром і нагадували посилання.Кнопка «Очистити» (Clear) повинна розташовуватися поруч із поточним полем вводу, виглядати як посилання і мати невеликий шрифт.Кнопка «Оновити» (Update) має бути другорядною кнопкою стандартного вигляду, розташованою поруч із полем вводу.Кнопка «Назад/Попередній» (Back/Previous) повинна виглядати як посилання у верхньому лівому куті екрана.Кнопка «Далі» (Next) розташовується в нижньому лівому куті екрана.Кнопки «Поділитися» (Share) та «Експорт у PDF» (Export as PDF) варто розмістити у верхньому правому куті екрана.Для індикатора прогресу краще використати вертикальну шкалу, розташовану в бічній панелі зліва або справа.Кнопка «Зберегти та вийти» (Save and Exit) повинна розташовуватися поруч із кнопкою «Далі» (Next).Кейс від Віталія Фрідмана, автора і куратора воркшопів Design Patterns For Complex Web Forms, Measuring UX and Impact of Design, Designing for Complex UI, UX Strategy, Design Patterns for AI Interfaces, засновника та креативного ліда у Smashing Media.

Що робити, якщо команда не використовує вашу дизайн-систему?Щоб заохотити команди використовувати дизайн-систему та забезпечити узгодженість, я зосередився б на її зручності та ефективності.Дизайн-система має спрощувати робочі процеси та зменшувати когнітивне навантаження, тому важливо оцінити, наскільки легко команди можуть її використовувати.Потрібно спостерігати за тим, як вони взаємодіють із системою, виявляти точки тертя та збирати зворотний зв’язок для визначення напрямків покращення.Можна зробити дизайн систему більш інтуїтивною та доступною шляхом ітераційного вдосконалення. Наприклад, покращити документацію, розширити функціональність інструментів або надання адаптованих шаблонів.Коли система зручна й органічно вписується у наявні робочі процеси, це природним чином стимулює її використання. Такий підхід дозволяє досягти узгодженості у продуктах, одночасно враховуючи потреби та виклики окремих команд.Від Франческо Кутоло — автора та куратора інтенсиву Design Systems, Design Lead у Wolt (Doordash).

Як отримати фідбек від користувачів без користувачів?Низька залученість або мотивація користувачів — часта причина, чому дизайнери уникають збору фідбеку. Так дизайн рішення починають ухвалюватися на основі здогадок, а не реальних потреб користувачів.Я опишу декілька шляхів, як отримати швидкий фідбек і зібрати інформацію залежно від типу продукту.B2B: Використовуйте внутрішні ресурсиУ B2B продуктах часто є команди, які регулярно спілкуються з клієнтами. Це чудовий спосіб отримати важливу інформацію.• Сейлз менеджери: мають цінні дані про потреби потенційних клієнтів.• Customer success / account менеджери: взаємодіють з наявними клієнтами. Попросіть приєднатися до дзвінка з користувачем на 10-15 хвилин, щоб поставити свої запитання або показати рішення. Це не лише допоможе зібрати дані, але й залучить клієнтів до розвитку продукту.• Support менеджери: знають про всі поточні проблеми. Їхні дані допоможуть зрозуміти, що найбільше турбує користувачів. Бонус: ті, хто вже звернулися в підтримку, часто готові детальніше обговорити свої потреби.B2C: Використовуйте великі обсяги данихКористувачі B2C продуктів зазвичай менш мотивовані ділитися фідбеком, але генерують багато даних, які можна аналізувати.• Поведінкова аналітика та записи сесій: показують, як користувачі фактично взаємодіють із продуктом. Використовуйте ці дані для прийняття рішень.• Збір фідбеку всередині продукту: короткі форми чи опитування, запущені після виконання конкретної дії, дають високий рівень відгуків. Для фіча-реквестів підійдуть сервіси на кшталт Canny.• Рев’ю та відгуки: переглядайте AppStore, TrustPilot та подібні платформи, щоб зрозуміти ставлення до продукту, сильні та слабкі сторони.• Створення ком’юніті: групи на Facebook, Reddit, Slack чи Discord допоможуть посилити зв’язок із користувачами. Якщо ком’юніті ще немає, створіть його. Це підвищить кількість фідбеку та спростить взаємодію з клієнтами для всієї команди.Що далі?Почніть з одного з пунктів і впровадьте його у своїй компанії. Маленькими кроками можна покращити культуру збору фідбеку в українських компаніях і створювати продукти, які справді відповідають потребам людей 🙂Кейс від Бориса Бакланова — автора і куратора курсу Product Design, Senior Product Designer у Klarna.

Що робити, якщо клієнту «все не те»?Насамперед, підкреслю два моменти:1. клієнт не завжди неправий, тож злитись чи засмучуватись не варто. Сприймайте це як можливість створити найкраще рішення;2. клієнт не мислить професійними дизайн-категоріями кнопок, типографії та іншого. Тож ви маєте бути його помічником і провідником.Абстрактні відповіді на дизайн — це радше добре, ніж погано. Мало хто любить, коли їхніми руками керують, диктуючи колір кнопки.Отже, я рекомендую рухатись від абстрактного до конкретного. Почніть із запитання «чому?» — і йдіть у більш поглиблене обговорення причин реакції клієнта та детальніший розбір дизайну. Ви можете виділити під це окремий дзвінок. Але підготуйтеся заздалегідь. Часто клієнт може знати нюанси свого бізнесу або аудиторії, якими раніше не поділився. Чи просто не може сформулювати конкретний запит, в чому ви маєте йому допомогти. Така розмова також допоможе збудувати довіру між вами і дасть розуміння, що ви зацікавлені створити краще рішення так само, як і клієнт.Якщо знадобиться, зробіть ще одну ітерацію брифу, додавши більш деталізовані вправи. Наприклад, мудборд або збір референсів від клієнта.Але тримайте в голові, що дизайн-рішення має не тільки подобатись клієнту, а також відповідати потребам цільової аудиторії. Цим варто оперувати в дискусії щодо концепту.Кейс від Мар’яни Бучкович — кураторки Figma Autolayout Workshop, Senior UX/UI Designer у Fedoriv.

Дизайнерам інтерфейсів приготуватися! Під ваші ялинки рушає адвент вікторина 💙Що це?1. З 1 по 30 грудня ми опублікуємо 15 питань: спочатку кейс, наступного дня — правильну відповідь.2. Ви відповідатимете в коментарях — що більш розгорнуто, то краще.3. Автори кейсів обиратимуть кращі відповіді з коментарів.4. 31 грудня ми підіб‘ємо підсумки та визначимо трійку інтерфейсних розумників і розумниць.5. Зіграємо Святого Миколая — прийдемо з подарунками.У ролі подарунків: сертифікати на менторські сесії від спеціалістів Prjctr Mentorship Platform.У ролі авторів кейсів: куратори та команда Проджа.Line-up: Віталій Фрідман (Smashing Media), Франческо Кутоло (Wolt), Стас Говорухін (Djinni), Борис Бакланов (Klarna), Євген Олексюк (EPAM Systems), Мар’яна Бучкович (Fedoriv), Ян Гладченко (Raiffeisen Bank Ukraine), Анна Дем’яненко (Lazarev), Оля Алтухова (airSlate).Бонус: фанові питання від команди.Щоб що брати участь?🔹Буде цікаво та освітньо: круті питання крутих спеціалістів.🔹Перевірте себе, поміряйтеся скілами з іншими та відчуйте силу ком'юніті — хай коментарі перетворяться на інтелектуальний батл.🔹Подарунки — це ж круто, еге ж? Діліться з друзями-дизайнерами, щоб змагатися і з ними.Вмикайте сповіщення, щоб не пропускати питання — спамити не будемо!Ready, steady, go brace yourself the winter is coming… 🫂

7 iconic книг про UX дизайн• «Don't Make Me Think», Steve KrugКласика про принципи зручності використання продуктів. Автор пояснює, як зробити інтерфейс інтуїтивно зрозумілим.• «The Design of Everyday Things», Don NormanОсновоположна книга про психологію дизайну: як зробити об'єкти та системи простими для використання?• «About Face: The Essentials of Interaction Design», Alan Cooper, Robert Reimann, David Cronin & Christopher NoesselПосібник, який охоплює основи проєктування інтерфейсів та створення зручного цифрового середовища.• «Lean UX: Designing Great Products with Agile Teams», Jeff Gothelf & Josh SeidenПрактичний підхід до UX дизайну в умовах Agile. Книга вчить, як швидко створювати цінність для користувачів, інтегруючи UX у процес розробки.• «Hooked: How to Build Habit-Forming Products», Nir EyalДослідження, як створювати продукти, які формують звички.• «Smashing UX Design: Foundations for Designing Online User Experiences», Jesmond Allen & James ChudleyКомплексний посібник для дизайнерів, який охоплює всі аспекти UX дизайну: від досліджень до прототипування та тестування.• «A Project Guide to UX Design», Russ Unger & Carolyn ChandlerПрактичний гайд для початківців у UX, який охоплює процеси створення продуктів — від досліджень до кінцевого дизайну.Які б додали ви?

Badges, Pills, Chips, Tags — у чому різниця і як їх використовувати?Гайд від Віталія Фрідмана, засновника та креативного ліда у Smashing Media.🔹UI компоненти бувають статичні та інтерактивніBadges — завжди статичні, використовуються для статусу та оновлень. Наприклад, draft, new, pending, -7%↘.Tags — можуть бути і статичними, і інтерактивними.Статичні — для тем, ключових слів, інтерактивні — для посилань, фільтрів, вибору, дій.Tags часто називають chips або pills.🔹Види тегівDisplay tags показують дані. Наприклад, ключові слова, мітки, деталі.Data tags відображають числові дані. Наприклад, PDF 262 KB.Filter tags — це активні фільтри з опцією видалення.Selection tags для фільтрації або введення інформації.🔹Основна різницяBadges — для статусу, оновлень, лічильників.Tags/chips/pills — для інтерактивних фільтрів, вибору, дій.Щоб уникнути плутанини, використовуйте чіткі назви: «Filter tags» — краще, ніж просто «Tags», а «Status badges» зрозуміліше, ніж «Badges» чи «Pills».🔹Дизайн правилаСтатичні елементи не повинні виглядати як кнопки, а інтерактивні — як мітки.Мінімальний розмір інтерактивного елемента — 48×48px на мобільних.Відстань між інтерактивними елементами — щонайменше 8px.Це полегшить життя як дизайнерам і розробникам, так і кінцевим користувачам.За експертизою та фідбеком Віталія приходьте на UX Strategy Workshop. Старт — 27 листопада.Повний текст допису Віталія на LinkedIn.

Як потрапити в tech&creative тусовку? Приходьте на Мета Хату 3.0!Забудьте про нудні співбесіди та суворі запитання (хоча б на день!)Кар'єрна конференція Мета Хата створена для того, щоб ви могли спілкуватися в комфортній атмосфері, ділитися думками, отримувати натхнення та знаходити роботу з легкістю.24 листопада о 10:30 десь в далекому-далекому метаверсі ви знайдете:🔹 3000+ creative&tech спеціалістів🔹 25+ провідних компаній, що шукають таланти: SKELAR, Readdle, appflame, Holy Water, United Tech та інші🔹 лекції та панельки від спікерів із Deliveroo, Zalando і MacPaw та інших крутих компаній про те, як розвивати себе і команду та що робити, коли все набридло🔹 благодійний стендап та аукціон від Василя Байдака: плануємо насміятись на 500k, щоб купити РЕБ для ССО🔹 креативні простори та інтертеймент від роботодавців: наприклад, OBRIO готує Podil-Style Space і рев’ю дизайн-портфоліо, а Brainstack розіграє подарунки серед учасниківУчасть безоплатна, проте треба зареєструватись заздалегідь.Створюйте свого аватара, готуйте резюме і готуйтесь до нових можливостей у метаверсі 💙