Тултип | UX UI
645 subscribers
138 photos
73 videos
1 file
176 links
Буст насмотренности и эффективности в дизайне продукта

Связь @gorba4evgenii
Download Telegram
Приложение для путешествия во времени

Однажды в качестве тестового задания мне нужно было отрисовать концепт приложения для путешествия в машине времени. По задумке пользователь может выбрать время и место куда подать машину, а затем точку и время назначения.
Он может кайфануть на роллс ройсе времени или потелепать на автобусе с другими смертными.
После оплаты путешественник видит свой билет с QR-кодом для посадки, а ниже персонализированную статью с полезной информацией о том времени и месте, куда он отправляется. Например, если он летит в Марсель в 1720 год, то приложение любезно расскажет о том, что в то время там свирепствует бубонная чума, и ему пиздец надо взять с собой маску (ну или что там еще может помочь).
Как вам концепт? Если есть идеи по улучшению, то велком ☺️

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥176👍1
Что такое хорошая стратегия и как ее построить?

Вчера закончил читать книгу «Хорошая стратегия, Плохая стратегия» Ричарда Румельта — корпоративного стратега, входящего в список «50 самых влиятельных гуру менеджмента» по версии Harvard Business Review. Это первая книга, которую я прочитал на английском, причем полностью. Раньше бросал это дело на полпути, потому что сложно так часто лезть в словарь. Так что сейчас лэт ми спик фром май харт эбаут зис бук. О чем эта книга и почему она будет полезна дизайнеру?

Сначала о плохом
С помощью показательных примеров (банкротство General Motors, военная кампания в Ираке, провал образовательной реформы "No Child Left Behind") Румельт наглядно демонстрирует характерные признаки плохой стратегии
1. Напыщенная речь
Когда вместо конкретных решений используются модные термины и громкие фразы, за которыми скрывается пустота. Например, «Создать интерфейс, основанный на передовых UX-методологиях, обеспечивая беспрецедентную синергию между пользователем и цифровым пространством» — без четкого понимания, как именно это будет реализовано, такие слова не несут реальной ценности.
2. Отсутствие определенной проблемы
Если проблема не ясна, решение будет расплывчатым. Например, фразы вроде «сделать красивее» или «улучшить юзабилити» без понимания конкретных болевых точек пользователей превращаются в бессмысленные идеи. Без четкой проблемы любой дизайн останется лишь догадками.
3. Путаница целей со стратегией
Цели говорят, куда идти, но не объясняют, как туда добраться. «Хотим повысить конверсию на 30%» — это цель. А вот понимание, почему пользователи уходят, и создание системы для устранения этих проблем уже ближе к стратегии, которая направляет к решению.
4. Плохие стратегические цели
Это цели, которые либо не решают основные проблемы, либо противоречат друг другу. Например, если бизнес одновременно хочет «упростить интерфейс», но «добавить больше функций», это приводит к конфликту и перегрузке, не позволяя достичь реальных результатов.

Продолжение ниже ⬇️

#книги

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
9👍4🔥3
...Теперь о хорошем
После того как мы научимся отличать плохую стратегию, Румельт вводит концепцию «ядра стратегии». Через примеры успеха таких компаний, как Apple, IBM и Southwest Airlines, он демонстрирует, как эффективные стратегии могут привести к лидерству на рынке, успешной адаптации к изменениям и устойчивому росту. Теперь перейдем к составным частям хорошей стратегии.
1. Диагностика
Все начинается с точной диагностики ситуации и выявления ключевых проблем. Важно упростить сложную реальность, сосредоточив внимание на нескольких критических аспектах. Перед тем как создавать эффективные решения, нужно разобраться в глубинной проблеме пользователя, а не ограничиваться поверхностными симптомами.
2. Руководящая политика
Это общий подход к преодолению препятствий. Руководящая политика — это стратегический компас, который направляет все решения в одном направлении. Это не конкретный план действий, а четкое видение, которое помогает сказать «нет» множеству хороших идей и сосредоточиться на самых важных. Например, Apple следует принципу «простота и фокус», а Spotify придерживается принципа «персонализация и доступность», создавая уникальный опыт для каждого пользователя.
3. Набор последовательных действий
Это конкретные шаги, которые усиливают друг друга. Ключевое слово здесь — «согласованность». Действия должны работать не как разрозненные элементы, а как часть единой системы, создавая синергию. Каждый шаг должен быть логичным продолжением руководящей политики, усиливая общий эффект и двигаясь к решению главной проблемы.

Что я взял для себя?
Фокус требует отказа от возможностей.
Невозможно угодить всем пользователям и решить все проблемы. Хороший дизайн, как и хорошая стратегия — это осознанный выбор, от чего отказаться.
Преимущество важнее совершенства.
Лучше создать одно выдающееся преимущество, чем быть средним во всем. В мире, где внимание пользователей ограничено, посредственность незаметна.
Баланс между стабильностью и адаптивностью.
Дизайн-стратегия должна быть достаточно прочной, чтобы обеспечивать последовательность, и достаточно гибкой, чтобы эволюционировать.
Выполнение так же важно, как планирование.
Самая элегантная дизайн-концепция ничего не стоит без качественной реализации.

Короче, советую книгу для тех, кто хочет прокачать свой скилл в стратегическом мышлении. Она помогает понять основные принципы, которые могут стать ориентиром в дизайне и разработке. Читая её, начинаешь видеть не только детали, но и общую картину, понимая, что важно в долгосрочной перспективе и как принимать решения, основываясь не на временных трендах, а на надежной стратегической основе.
Эта книга не только про дизайн. Я считаю, что она будет полезна также для стратегического планирования своей жизни, карьерного роста и личностного развития
Такой вот саммэри 🤔

#книги

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍3🔥2
Дизайн: форма и хаос | Пол Рэнд

Закончил читать книгу Пола Рэнда и хочу поделиться впечатлением. Книжка небольшая и спокойно читается за выходные. Рэнд пишет ясно и по делу, без лишней воды (ну или почти без нее).

Кто такой Пол Рэнд? Это дядька, который создал логотипы для IBM (техногигант из США), NeXT (компания Стива Джобса, которую он основал после увольнения из Apple, и наработки которой впоследствии использовались для создания Mac OS), UPS (курьерская служба, известная своими коричневыми грузовиками) и других крупных ребят

В книге он рассуждает о том, что дизайн — это не просто украшательство, а стратегический инструмент коммуникации и решения проблем. Рэнд постоянно подчеркивает, что форма должна следовать за функцией, но при этом не быть лишенной эстетической ценности. Он выступает за минимализм не как за модный тренд, а как за осознанный подход к устранению всего лишнего.

Для меня самой интересной частью являются презентации логотипов для IBM, NeXT, Morningstar, Adstar, The Limited и IDEO. Автор показывает именно сами презентации, как он их делал для согласования логотипов. В них он рассказывает, как пришел к решению и от каких идей отказался в процессе. Очень полезно посмотреть, как рождаются известные логотипы, и это еще раз подтверждает основные мысли книги о том, что дизайнер должен уметь объяснять свои решения, а не просто полагаться на «мне так нравится».

Особенно впечатляет презентация для NeXT — Рэнд предложил Джобсу только один вариант логотипа, но так уверенно, что тот принял его сразу. Это показывает ценность уверенности дизайнера в своих решениях. В части про IBM он объясняет эволюцию полосатого логотипа, где полосы не только создают ощущение стабильности, но и отсылают к тангирной сетке — технологии защиты ценных бумаг и документов.

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

#книги

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍86🔥4
Bifur: Революционный шрифт из золотой эпохи ар-деко

Листая книгу «Дизайн, форма и хаос», я обнаружил шрифт, больше похожий на предмет искусства. Bifur — название происходит от французского "bifurcation" (раздвоение), отражая его двухслойную структуру.

В 1929 году в Париже дизайнер А.М. Кассандре (уроженец Российской Империи) создал этот шрифт для типографии Deberny & Peignot. Время расцвета ар-деко с его геометрическими формами и четкими линиями вдохновило Кассандре на настоящий типографский переворот.

Уникальность Bifur в его двухслойной структуре: каждая буква состоит из геометрического основания и абстрактного линейного узора. Интересно, что отдельную букву мозг не всегда распознает сразу, но в слове текст становится читаемым — своеобразная игра с восприятием.

В 1930-е Bifur украшал рекламные плакаты, идеально привлекая внимание. Коммерческого успеха не было, но место в истории дизайна обеспечено.

Сегодня Bifur используют для создания винтажного ретро-стиля. Похожий шрифт, например, использовали в обложке фильма Великий Гэтсби. В 2004 году Ричард Кеглер создал цифровую версию P22 Bifur, добавив строчные буквы к оригинальному дизайну.

Вот такая история шрифта, который сразу цепляет глаз(по крайней мере, мой) 👀

#шрифты


💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
Настольная книга Duolingo
Duolingo выпустил крутой хэндбук с рисованными иллюстрациями, где раскрывает свою продуктовую философию.

Что особенно зацепило:
"99 Bad Ideas" — фрэйморк, в рамках которой команда специально генерирует безумные идеи. Так рождаются нестандартные решения, которые порой превращаются в успешные продукты.

Радикальный редизайн: В 2022 году Duolingo полностью изменил навигацию, заменив привычное "дерево" уроков на линейную систему Path. Пользователи сначала сопротивлялись, а метрики не показали мгновенного роста. Но в долгосрочной перспективе это помогло улучшить качество обучения.
Кайфовый пример стратегического мышления

"Shake to Report" — у сотрудников есть гениально простая фича: если заметил баг, просто потряси телефон. Это ускоряет процесс выявления и исправления ошибок.

"Better a hole than an ahole". В Duolingo принципиально не нанимают токсичных людей, даже если они суперкрутые специалисты. Лучше работать без человека, чем разрушать культуру компании.

Прозрачность разработки: Любой сотрудник, даже не из продуктовой команды, может участвовать в Product Review. Это делает процесс максимально открытым и помогает находить свежие идеи.

Где я узнал об этом?
В телеграм-канале Сделай удобно. Автор разбирает крутые UI/UX-кейсы из цифровых и нецифровых продуктов. Например, недавно рассказывал про Fake Door-тесты — метод, когда команда продукта размещает кнопку, баннер или другой интерфейсный элемент, ведущий в несуществующую фичу, чтобы проверить спрос. Рекомендую подписаться, чтобы быть в теме


💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥1
Тамагочи в Самокате

Самокат пошел по стопам Золотого Яблока и тоже сделал свое тамагочи — с блэкджеком и шлюхами пандой и двумя мини-играми. В одной нужно готовить блины и украшать их (с этим я справился), а в другой нужно делать так, чтобы печеньки падали в определенное место. Похожие печеньки формируются в одну большую, из которой может получиться мега-печенька. Скорее всего, смысл в том, чтобы скинуть как можно больше печенек, оптимизируя пространство формированием больших печенек (ну это я так понял, но до конца не дошел).
За то, что мы растим панду и покупаем ей всякие ништяки, Самокат будет давать промокоды. Особенно будут поощряться те, кто заходит несколько дней подряд, не нарушая свой страйк.

По ходу дела, компании смекнули, что механика тамагочи действенная, ведь чем больше юзер проводит в интерфейсе, тем больше он покупает. Так что ждем тамагочи от прямых конкурентов типа Лавки, а также от всех маркетплейсов и банков.
По вашему, кто следующим внедрит свой тамагочи? 🤔

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👏2👍1