Design дайджест #3: Material вже не той, як влаштований OnlyFans та як саме Clubhouse (не) утримує користувача

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

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

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

🦄 Product Design

Articles

Google анонсувала нову еру Material Design. Тепер новий підхід має назву Material You та буде більш адаптивним. Обіцяють розказати більше про новий підхід протягом найближчих місяців. Вони також нещодавно анонсували Material Design для великих екранів.

Традиційно напередодні WWDC від Apple в Купертіно оголосили фіналістів щорічної премії Apple Design Awards. Кожен продукт серед фіналістів вартий вашої уваги.

Цікава схованка: код, відображений в окулярах дівчини на вебсайті WWDC, містить в собі зашифровану фразу Eat (1f374) Sleep (1f634) Code (1F4BB).

Стаття на NN Group про три рівні болю в досвіді клієнтів. Больові точки — це проблеми, які виникають на різних рівнях взаємодії з клієнтом: рівні взаємодії, рівні подорожі клієнта або рівні стосунків.

Майбутнє вже тут. Наприкінці квітня пройшла конференція Adobe Summit та зібрала 400 сесій та сотні спікерів. За її результатами вийшла гарна стаття Анни Сидельнікової з тезами, що обговорювали на конференції. Наприклад:

  • у 2020 році діджитал пережив трансформації, на які повинно було піти 5-10 років;
  • лідери — звичайні люди, а не супергерої;
  • майбутнє — за масштабної персоналізацією;
  • та багато іншого.

Róża Turowska написала коротку статтю-дослідження Designers and their wireframe habits про ставлення дизайнерів до вайрфреймів. Вона опитала 137 дизайнерів про їхній досвід та зробила приємну інфографіку про роботу дизайнерів з вайрфреймами та інструменти, які вони при цьому використовують.

Коротка стаття про те, як правильно вибрати радіус для кнопки, та те як радіус кнопки впливає на сприйняття.

Змістовне кейсстаді редизайну доставки овочів OVO на порталі Телеграф.Дизайн. Стаття розповідає про процес, перепони, плани та рішення, які були прийняті.

Коротка стаття з 15 прикладами, як зробити UI-дизайн твоїх форм ще кращим.

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

Віталій Дуленко розібрав на атоми популярний сервіс OnlyFans. Вийшла змістовна стаття про сильни та слабкі сторони продукту та цікавий аналіз рішень, які реалізовані на сайті.

Коротка стаття про Design Deliverables та чому це так важливо для дизайнерів під час розробки продукту.

Works

joindorm.com — онлайн-платформа дистанційної освіти різним спеціальностям. Доречна анімація, ілюстрації у скетч-стилі, велика типографіка — все, що так актуально зараз.

billi.app — приклад гарного фінтех-сайту без зайвих елементів.

mymind.com — свіжий подих, а не сайт. Приємний сервіс для збору всього важливо з інтернету та вашого комп’ютеру. Ніякого сортування, штучний інтелект сортує все сам і допоможе вам знайти необхідне за ключовим словом. Засновник продукту — Tobias van Schneider.

areal.design — самобутній та цікавий сайт студії. Кольори, відео на першому екрані, робота з формами, лейаутом та сіткою — взагалі 🚀

Obys опубликували новий вражаючий проєкт про кольори та їх поєднання. Вони обрали нетипові кольори для аналізу та використовують складну сітку. Контент дуже приємно поданий, але перед переглядом подбайте про якісне інтернет-з’єднання, бо сайт доволі «важкий».

👁️

Graphic design

Articles and case studies

LogoLounge опублікували тренди дизайну логотипів 2021 року. Серед прикладів є роботи і українських дизайнерів.

Discord оновив айдентику, і команда розповіла про деталі процесу цих змін у своєму блозі.

D&AD оголосили цьогорічних переможців, і вперше в Україні жовтий олівець отримала агенція Madcats за брендинг MITKA. Також графітний олівець отримала Banda за айдентику Чорнобильської зони.

Історія геніального дозатора соєвого соусу Kikkoman у розповіді The Dieline. It’s Nice That про спосіб мислення та підхід у роботі незалежної дизайн-студії Regrets Only, що скоріш протиставляє свої роботи традиційному корпоративному брендингу, ніж намагається його наслідувати.

Grilli Type cтворили кастомний шрифт Pinterest Sans для (несподівано) Pinterest. Це стало частиною великого проєкту з уніфікації візуальної айдентики продукту від Made Thought.

Works

Нова айдентика та стратегія Calendly від Pentagram.

Оновлення лого Unreal Engine — ігрового рушія Epic Games. Стало краще! 👏 😸

Команда дизайнерів Invade створила прекрасний фірмовий стиль для коворкінгу Communal.

Gotcha! Візуальна айдентика компанії з сімейної фотографії від Charlotte Fosdike.

Хайтек-брендинг промислової компанії Torfresma від бразильської Estúdio Alice.

Ще більш футуристичний стиль діджитал-агенції Section з портфелю сінгапурської агенції Bravo.

Нідерландський виробник електровелосипедів Muto оновив свій стиль на технократичний мінімалізм за допомогою Rosie Lee.

Деталізований та неймовірно стильний — інакше і не скажеш. Брендинг продуктів з каннабісу Pacific Gold від Hoodzpah.

Айдентика та пакування джину Condesa від Jonathan Schubert. Cheers!

Ребрендинг книжкового інтернет-магазину Yakaboo: стратегія, логотип и фірмовий стиль та комунікація від Madcats.

🚀 Products and tools

Google

Анонсовано Android 12 — епічний редизайн ОС. Наприклад, системні кольори будуть змінюватись в залежності від фонового зображення на смартфоні, а все елементи збільшаться. Телефон з новою ОС тепер можна буде використовувати як пульт для Android TV. Версія буде офіційно доступна наприкінці 2021 року. Ось невеличке відео прев’ю. Чекаємо!

Figma

Основним оновленням став довгоочікуваний реліз версії для процесорів M1.
Звісно, все працювало і раніше — але зараз зовсім нативно! :)

А також нарешті стали доступні відео з конференції Config, що команда стартапу організувала місяць тому.

Material You — невеликий UI Kit нового Android 12.

LilGrid — це плагін, який наведе порядок у вашому інтерфейсі. Він бере все невпорядковані елементи в системі і організовує їх у вигляді сітки, яку ви визначаєте самі. Це особливо корисно в тих випадках, коли вам потрібно організувати велику кількість кнопок або іконок у вашій дизайн-системі.

Adobe

Нові можливості командної співпраці в реальному часі — саме цьому присвячене чергове оновлення Adobe XD.

Sketch

Не винятком є і Скетч, що нещодавно зробив колаборацію в реальному часі доступною для всіх, та відповідно оновив тарифні плани. Підписки на сам інструмент і командну роботу об’єднали, і тепер це коштує $99 на рік / $9 на місяць.

Microsoft

Наступне оновлення Windows 10 фокусується на дизайні. Зокрема, Microsoft нарешті позбавиться іконок, що присутні в системі з ери Windows 95.

Також нещодавно стало відомо про анонс наступної версії ОС вже в червні — але про це ми розповімо вже в наступному дайджесті :)

Інше

Тут просто дуже багато іконок: Iconduck

Iconoir — більше 900 фрі-іконок на IT тематику.

Повний гайд за дисплеями пристроїв Apple.

Ресурс, де зібрані шорткати до всіх графічних редакторів, що використовуємо кожного дня. Є шорткати як для Mac OS, так і для Windows. Там також є шорткати для девелоперских програм та для програм продуктивності, на кшталт Slack чи просто Chrome.

🤔 Різне

Читати

В новій книжці з серії A Book Apart — BETTER ONBOARDING Krystal Higgins розповідає, як саме допомогти новим юзерам ознайомитись з інтерфейсом.

Дослідження досвіду утримання користувача в Clubhouse від growth.design — в дуже цікавому форматі комікс-слайдшоу.

Здоровий глузд — це канал Олександра Колодька, співзасновника Агентів змін (А3), які відомі своїми ініціативами і міським дизайном. Випадок, коли підписка на телеграм-канал того дійсно варта.

Сумуєте за безкоштовним періодом користування Google Photos? We can feel your pain. FastCompany випустили огляд можливих подальших кроків у цій ситуації. Спойлер: варіантів у нас небагато 🥲

Дивитись

Якщо ви пропустили бренд-фільм «Ось про що моя вишиванка» і рекламну кампанію від агенції DRAMA QUEEN, то сьогодні саме час це виправити. А тут стаття про те, як все відбувалось.

Підбірка рекламних відео Microsoft. Just have a look.

Неймовірна реклама кави Nesspresso. 3D-анімація просто прекрасна!

Вражаючий sci-fi арт від Ronan Le Fur — So Many Tons Of Democracy Waiting To Get Delivered.

Atlas Obscure — атмосферні та мінімалістичні фото Середнього Сходу від Jacob Howard.

🤪 Memes

Цього разу — ціла стаття про вкрай інтелігентні дизайн-меми авторства Elliot Ulm. Дякуємо It’s Nice That за дійсно вартий уваги контент :)

Snoop Dogg та Martha Stewart у рекламі запальнички Bic EZ Reach.

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

👍НравитсяПонравилось3
В избранноеВ избранном0
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

Останній мемчик ок, вмієти підбадьорити.

Віталій Дуленко розібрав на атоми популярний сервіс OnlyFans. Вийшла змістовна стаття про сильни та слабкі сторони продукту та цікавий аналіз рішень, які реалізовані на сайті.

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

Наступне оновлення Windows 10 фокусується на дизайні. Зокрема, Microsoft нарешті позбавиться іконок, що присутні в системі з ери Windows 95.

Есть только один правильный подход к дизайну операционок: НИЧЕГО НЕ ТРОГАЙТЕ.

У меня на 10й винде дизайн Windows 98. У меня ≈250 установленных программ (не считая консольных утилит), попробуйте-ка рассказать мне как прекрасны ваши мелкомягкие говноделы. ClassicShell к сожалению сказал что больше развиваться не будет, но был отдал в опенсорс, теперь это OpenShell. Кто в C++ силён, можете спокойно под себя делать клона, может и законтрибутите чего-нить ценного в основной проект.

Да, внезапно, хороший дизайн мог быть разработан в 90х, и с тех пор НИЧЕГО в психологии промышленного дизайна не поменялось. А инновации — просто попытка дизайнеров срубить бабла на «лучшее враг хорошего», и мало кто уже помнит, как хорошее-то выглядит. Компьютер не должен быть тетрисом.

Под Убунту тоже подобная тема есть, жаль только что там с совместимостью туго, то есть при апгрейде иксов она слетает, если не успели выпустить новую версию софтины.

Под Андроид бы подобное сильно не помешало. Разрешения экрана давно уж позволяют честно пускать программы в окнах и делать панель. И если под телефоны идея спорная, то под телевизоры это именно то что надо.

Я уж испугался что у меня пиксель битый
s.dou.ua/...​files/image26_mHTfukF.png

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