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

Связь @gorba4evgenii
Download Telegram
Сайт кулинарной студии WE ARE ONA

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

Кстати, для записи видоса с приближением курсора использовал расширение для Хрома Cursorful

Заценить сайт


#референсы
#сайты

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥94🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
Прокачай свои исследования Vol 3 | Немодерируемые исследования

В немодерируемых исследованиях респондент сам выполняет задания на своем устройстве, а исследователь получает отчет с данными — ответами, временем и картами кликов. Это отличный способ быстро протестировать гипотезы и получить полезные инсайты. Я подтговил подборку статей от специалистов из Авито, Циан, МойОфис, Ozon банка и Pathway, которые помогут вам разобраться, как проводить такие исследования и правильно анализировать результаты✏️

Как составлять анкеты для немодерируемых UX-тестов: пошаговое руководство
Маша Павленко из Ozon банка написала статью-инструкцию для коллег, которые хотят разобраться в тестировании, но пока не знают, с какой стороны к нему подойти.
В статье о том, как проверять свои идеи на практике, какие тесты использовать и о чём важно помнить при подготовке исследования. Удобный чек лист в конце

Гайд по немодерируемым UX-исследованиям от Pathway
Pathway — инструмент для исследований от российских разработчиков. Помимо сервиса, ребята создали подробный гайд по UX-исследованиям: как выбрать тип исследования, подготовиться, провести его и обработать результаты

Факапы в немодерируемых тестах и как их предотвратить
Кирилл Улитин из МойОфис поделился опытом тестирования: когда полезно проводить тесты без модератора, как правильно составить задания, почему важно показывать разные версии дизайна и какие мелочи могут неожиданно повлиять на результаты.

Тестируем без исследователя или как подступиться к немодерируемым тестам
Интересная презентация от команды Циан о тестах без модератора. Они подробно объяснили, с чего начать, как задавать вопросы в 5-секундных тестах, тестировать прототипы и настроить логику тестирования

Как устроена UX-лаборатория в Авито: команды, процессы и секрет идеального исследования
Евгения Туровская, ex-Avito Research, рассказывает, как UX-лаборатория в Авито выстраивает исследовательскую культуру.

🔙Предыдущий пост

#исследования
#материалы

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥114🤓3
Хочется начать неделю с чего-нибудь красивого, поэтому хочу рассказать про Bürocratik. Это такая дерзкая португальская студия, создающая очень сочные лендинги и сайты с запоминающимися 3D визуалом, кучей анимации и офигенной работой с цветом и сочетаниями. Входят в топ-15 по версии Awwwards. Ниже мой личный топ их работ

Grab&Go — крупнейшая сеть торговых автоматов в Португалии, насчитывающая более 220 магазинов по всей стране. У них прямо целые вендинг магазы, где можно купить кучу всего

Jeton — это современный электронный кошелек, созданный для упрощения онлайн и офлайн платежей

Keikku — это цифровой стетоскоп нового поколения, который помогает врачам быстрее и точнее диагностировать заболевания

Clear Street — это современная брокерская платформа, которая помогает инвесторам и компаниям быстрее и дешевле проводить сделки, управлять рисками и работать с ценными бумагами

Советую полистать их портфолио — там еще много приколюх ▶️


#референсы
#сайты

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14👍112
Приложение для путешествия во времени

Однажды в качестве тестового задания мне нужно было отрисовать концепт приложения для путешествия в машине времени. По задумке пользователь может выбрать время и место куда подать машину, а затем точку и время назначения.
Он может кайфануть на роллс ройсе времени или потелепать на автобусе с другими смертными.
После оплаты путешественник видит свой билет с 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