Design дайджест #4: етичний дизайн як перевага, тренди в айдентиці стартапів та чи вирішує проблеми дизайн-мислення

Підписуйтеся на Telegram-канал «DOU #tech», щоб не пропустити нові технічні статті.

Цей дайджест склали Олег Ідолов та Мирона Зулгаріна з Awesomic.

Знайомся та обговорюй дайджест в коментарях, а також у окремій дизайн-спільноті ;)

Літо — традиційно «низький сезон» у бізнес-активності, і дизайн — не виняток. Втім, це не впливає на якість контенту, тож ми знову зібрали для вас лише найкраще!

🦄 Product Design

Articles

NN/group розповідає про те, як намалювати вайрфрейм навіть якщо ти не вмієш малювати. Треба знати кілька загальноприйнятих умов, що використовуються для представлення різних елементів дизайну.

Ідея дизайн-мислення як стратегії вирішення проблем. У динамічних та непередбачуваних умовах, в яких ми працюємо, навіть найретельніше розроблені рішення можуть мати короткий термін придатності. Що з цим робити розповів Josh Singer.

Low-code платформи та інші продукти спрощеної імплементації не зменшують потреби в глибокому аналізі та UX дизайні. Саме про це розповідь Якоба Нільсена.

Процес візуалізації кар’єрних шляхів пілотів Formula-1 від Ruban B для UX Collective.

Мастрід: короткий посібник з налаштування дизайн-системи в Figma. Основи побудови комплексної системи проєктування за стислих термінів.

Мистецтво та наука пошуку нових ідей для інновацій у продуктах — стаття Tyler Mahoney, Product Manager та Solution Architect у Booking.com для UX Collective.

Аналіз UX туторіалів у відеоіграх, та рішень що приймали дизайнери в розробці навчального досвіду від Bramha Dalvi для UX Collective.

Як зрозуміти, що ваш дизайн «хороший»? :) Стаття Erik Messaki з Outcrowd про особливості та алгоритми тестування — саме про це.

Етичний дизайн як перевага що завойовує користувачів: аналіз онбордінгу браузера Brave у порівнянні з Chrome.

Магія колаборації між дисциплінами: як співпрацювати розробникам, дизайнерам та різним продуктовим командам, щоб досягати результатів швидше — поради від команди Shopify.

Використання кольору для покращення дизайну. Ще одна велика стаття про колір від NN/group.

Стаття Peter Ramsey, в якій він розмірковує про те, як можно покращити UX Apple AirTag.

Дизайн-агенція The Gradient розробила UX/UI дизайн продукту для онлайн-доставки для ринку ОАЕ. Swan — це екосистема додатків для замовлення та доставки продуктів з місцевих крамниць і супермаркетів на ринку.

Редизайн SaaS платформи XILO для автоматизації роботи страхових компаній від дизайн-студії від дизайн-агенції Excited. Після співпраці з Excited компанії вдалося завершити seed-раунд, залучивши $2 млн інвестицій.

Несподівано😲 Social Media UX: 3 Research Insights — невеличка стаття від NN/group про досвід користувача в соцмережах та інтерактивний контент.

Works

The state of independence 2021. Команда фріланс-платформи Contra опублікувала стильний лендінг c результатами опитування 10 тисяч фрілансерів про їхній досвід роботи.

Чистий, майже архітектурний дизайн сайту. Нчого зайвого, все наче під лінійку, але дуже стильно. Тут не про тренди.

E-commerce сайт з продажу технологічних ракеток із Швеції. Дуже цікавий лейаут, типографіка та кольори. Окремо хочется звернути увагу на сторінку товару.

👁️ Graphic design

Articles and case studies

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

13 трендів типографіки 2021 року від Robert Gourley для блогу Muzli.

Кейс-стаді створення айдентики сервісу Київ.Цифровий від Bulanov Buro.

The Dieline про те, чому порушувати правила брендингу менш ризиковано ніж ви (можливо) очікуєте.

Детальний розбір процесу створення айдентики сервісу Shopee від внутрішньої дизайн-команди. Дизайн-агенція 2021 за версією D&AD Collins провели ребрендинг швидкого та здорового харчування Sweetgreen та наповнили айдентику гумором та універсальністю.

Перше друковане видання про дизайн українською мовою — Telegraf.design.

Процес ребрендингу фриланс-платформи Lemon.io від студії O0 Design Віднайдення аутентичності та деколонізація українського дизайну: роздуми Олександри Корчевської-Цехош.

Works

Walsh створили новий пак емодзі для Slack про нову реальність, в якій ми з вами опинилися в пост-ковід епоху.

Яскраво-помаранчева мінімалістична айдентика фінтех-стартапу Inter.

Редизайн айдентики музичної платформи Beatport від шведської агенції Kurppa Hosk.

Бренд-айдентика цифрової освітньої платформи Aspectum від бразильських дизайнерів Beth Brands та Fábio Queiroz.

Оновлений логотип Dacia від внутрішньої дизайн-команди автовиробника.

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

Брендинг Reveal — це протиставлення стартапу типовій айдентиці tech-компанії.

Новий стиль Payoneer від venturethree.

Система ілюстрацій для щорічного самміту Shopify від агенції BUCK та Germán Di Ciccio.

🚀 Products and tools

Apple

На початку червня відбулася чергова конференція WWDC від Apple, і ви вже можете ознайомитись із нововведеннями iOS 15, iPadOS 15, Watch OS 8 та macOS Monterey.

Детальний огляд нового у iOS 15 для дизайнерів та інженерів у розборі від Niels Boey для блогу Prototypr.io.

Найцікавіші новинки iOS 15 від Lance Ulanoff для Debugger.

А також огляд нового та цікавого в macOS Monterey.

Microsoft

Microsoft презентувала Windows 11. Це істотний редизайн, що працює на принципах дизайн-системи Fluent UI.

З помітних візуальних оновлень:
— Напівпрозорість вікон (матеріал «акрил» з Fluent Design);
— Помітні заокруглення у елементах;
— М’які тіні;
— Нові кольорові піктограми замість мінімалістичних;
— Переосмислена темна тема (спочатку вона з’явилася в Metro Design ще в 2010 році.
— Варіативний шрифт Segoe UI.

Перепроєктовані ключові екрани та застосунки:
— «Пуск» (він тепер по центру, але можна повернути на звичний лівий нижній кут)
— Панель задач
— Пошук
— Провідник
— Налаштування
— Магазин додатків.

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

Цим оновленням Microsoft прощається з Metro Design, який все ще є основою Windows 10. Ідеологія стала революцією на ринку — в епоху скевоморфізму Microsoft показав як має виглядати сучасний цифровий дизайн, втім з часом концепція стала обмежуючою.

Figma

Огляд можливостей з колаборації та командної роботи в новому суб-продукті стартапу FigJam.

Windows 11 Mockup by Presently.

Sticky Notes — простий інструмент для створення нотаток в Figma.

Geometric objects — безкоштовний набір геометричних фігур в 3D.

Adobe

Анонсовано Adobe Substance 3D — пакет інструментів, за допомогою якого художники можуть створювати цифрові тривимірні матеріали.

Sketch

Вийшла версія 73 для Mac. У цьому оновленні команда зосередилися на виправленні помилок та покращенні якості. Втім деякі новинки ви помітите зокрема у вікні Documents де тепер ви можете перетягнути thumbnails документів до- та з- Projects у Workspace.

Інше

Дизайнер та підприємець Саша Кагор запустив Timso — застосунок для управління гібридними командами нової економіки (коли частина працює віддалено, частина ходить в офіс, а ще частина працює з іншої країни). Відкрита реєстрація на early bird.

Projector: новий сервіс для розробки презентацій з анімаціями та іншими цікавими особливостями — зокрема, сервіс допоможе працювати з якісними анімаціями в презі. Scrnshts — відібрана вручну колекція найкращих скріншотів дизайну застосунків у App Store.

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

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

Vandal — чудове розширення браузера для Firefox або Chrome, яке дозволяє вам переходити назад у часі, не змінюючи вкладки. Суть Vandal полягає у швидкому та легкому доступу до всіх архівованих знімків URL-адреси, а також підтримці навігації до певного часу.

Mobile Palette Generator це інструмент підбору кольорів, який допоможе знайти найкращі відтінки для дизайн-проєктів у мобайлі — основні, вторинні та акцентні кольори.

Pmndrs Market: колекція з понад 300 тривимірних об’єктів для використання в проєктах.

🤔 Різне

Читати

Наступна книга A Book Apart — Voice Content and Usability від Preston So.

Мистецтво «сповільнення»: роздуми про те, чи можуть собі це дозволити UI/UX дизайнери — на UX Planet.

The Year 3000, Secret Draft Emails, and the Edge of the World: UX-ери Google розповідають свої найсміливіші мрії про подорожі та те, що вони б запакували у своїх віртуальних ручних поклажах.

Нова адміністративна мапа України створена дизайнерами Агентів Змін і зокрема Олександром Колодько разом з Ukraїner.

Інтерв’ю з датською індустріальною дизайнеркою Cecilie Manz про створення портативної колонки Bang&Olufsen Beoplay A1.

Підбірка посилань на гайдлайни та документи 30+ систем громадського транспорту: брендинг, навігація тощо.

Думки засновника Y Combinator Пола Грема про те, як варто працювати, щоб досягати успіхів + скорочений переклад від AIN.

Відомий науковець Алан Тьюрінг став головним героєм дизайну нової купюри номіналом 50 фунтів.

Дивитись

Офіційний геймплей-трейлер довгоочікуваного S.T.A.L.K.E.R. 2: Heart of Chernobyl.

Рекламний ролик британської агенції Droga5 під назвою Snake продукту MacPaw — Setapp отримав нагороду на міжнародному фестивалі Cannes Lions 2021.

Слухати

Подкаст Now What? Від Wix. Ведучий — Роб Гудман, виконавчий продюсер Wix. Роб — маркетолог, подкастер і ілюстратор. Він також є ведучим подкасту Making Ways, де взяв інтерв’ю у десятків відомих дизайнерів, засновників, керівників агентств та впливових творців.

🤪

Memes

Джерело: Roman Mamchur, «Дезігнероньки, порадьте»

Приєднуйся до нашої дизайн-спільноти, обговорюй найгарячіші кейси та надсилай свої меми ;)

👍НравитсяПонравилось3
В избранноеВ избранном3
LinkedIn
Допустимые теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Допустимые теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Подписаться на комментарии