UI UX 💒

Принцип опровержения собственных гипотез

Эго - это не состояние творца, нужно признать ошибки, чтобы творить. Научное знание развивается не через подтверждение гипотез, а через их опровержение.

В статье:

Описание принципа
Как проводить касдевы
Как прописывать и опровергать гипотезы
Работа принципа в UI UX
Работа принципа в СХ

Чем умнее дизайнер, тем красивее и удобнее его кейсы.

Недавно нашла у себя в в еще юношеских архивах книжку «Кодекс Серафинианус»

Книга служит метафорой неразрешимости человеческого понимания мира. Серафини создает язык, который невозможно расшифровать, подчеркивая идею, что каждое культурное и языковое строение — это лишь один из вариантов восприятия реальности. Это ведет к размышлениям о том, что истинное знание и понимание — это колебание между тем, что мы можем выразить словами, и тем, что остается неизъяснимым. Таким образом, книга становится своеобразным художественным экспериментом, заставляющим нас осознать ограничения нашего собственного понимания.

Эту книгу я прикрепила вам файлом, а так же добавила из нее скриншоты.

В статье:
Как работать с книгой и зачем она?
Как скорость мозга влияет на дизайн?
Упражнение на развитие
...

Друзья!
На этой неделе я начинаю проводить интервью, для проверки выдвинутых гипотез, для мобильного приложения.

Напиши, @osipova_an если готов поучаствовать и увидеть процесс изнутри!

🕰️ интервью занимает примерно 15 минут.

Для себя ты узнаешь, как гипотезы проверяются на практике 🤔

Интересующая меня аудитория:
Лица, которые так или иначе сталкивались с проблемами психологического здоровья

🎁 В подарок всем, кто примет участие отправлю книгу, как проводить интервью и проверить свои гипотезы на прочность!

Да будет svet 🙏

Новый разбор Ui макета брендового сайта и сам шаблон в подарок 🎁 ссылка на figma под видео

На видео:
1. Дестоп версия главной стариницы
2. Как изменить стиль
3. Правила замены контента
4. Несколько вариантов превью карточек товара
5. Другие возможноные цветовые плитры
6. Как стлизовать кнопки

https://youtu.be/MZsi-ca5Vqc?si=GE2myF3XxtGfnxI2

Универсальная защита дизайна

Эстетика - мать этики.
Понятие красоты было заложено в нас еще до появления моды, когда древний человек выбирал красивое для выживания, например:

- Какое красивое яблочко 🍎

Организм сделал его красивым, чтобы у сапиенса появилось желание попробовать. Необходимое кажется нам красивым.
Но красиво ли яблоко на самом деле?

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

...

Упражнение "Зеленая точка" на концентрацию

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

Оно очень простое в исполнении, но крайне полезное:

1. Нарисуйте зеленую точки на листе бумаги. Диаметр точки может быть разным, вы можете с этим экспериментировать.
2. Повесьте точку на стену или на любую другую поверхность.
3. Сядьте ровно напротив точки на расстоянии не менее 1 метра.
4. Сконцентрируйтесь на точке и не отводите от нее взгляд.
5. Если ваши мысли убегают прочь, возвращайте их к точке, важно отпустить все вокруг и больше ни о чем не думать.
6. Концентрируйтесь на зеленой точке пока не получится освободить сознание. Если у вас получится удерживать сознание хотя бы в течении 1 минуты, то далее вы сможете удерживать внимание любое количество времени.

Какая польза и какое влияние на мозг? 👇

Грибочки, выкладываю первую часть статьи "Как находить идеи для дизайна?"

В статье разбираю 2 способа, которые сама использую, с примерами реализации.

"Дизайнер часто испытывает боль при большом количестве введенных ограничений для макета, что сильно тормозит воображение и не дает развиваться творческому потенциалы в Ui. И вот долгожданный проект, где заказчик готов полностью положиться на вас, но... что делать дальше?

Как найти достойную идею для дизайна, с глубоким смыслом, а не просто нарисовать красивую картинку?

...

Новый разбор Ui макета брендового сайта и сам шаблон в подарок 🎁 ссылка на figma под видео

На видео:
1. Дестоп версия главной стариницы
2. Как изменить стиль
3. Правила замены контента
4. Адаптивная версия
5. Другие возможноные цветовые плитры
6. Как подготовить макет к верстке

https://youtu.be/dTm-hvcQJRg?si=SHzo0FYNkn41OVZ7

Кролики, записала новый видео-обзор к подарочному шаблону в Figma

Шаблон для интернет-магазина, а именно главная страница

На видео:
1. Дестоп версия главной стариницы
2. Как изменить стиль
3. Правила замены контента
4. Адаптивная версия

Ссылка на макет под видео, а в обзоре рассказываю какие моменты важно учитывать при работе с шаблоном

https://youtu.be/pHKBy5V5qdw?si=RbIqFMm3REcAwMOr

Упражнение:
Развить способность создавать ассоциативные связи между идеями для создания изображения.

Выберите слово или понятие, которое хотели бы визуализировать. Например, слово "эмоция"

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

Ассоциации с элементами: Каждому ключевому элементу придумайте визуальную ассоциацию, которая появляется у вас. Это могут быть другие слова, образы или цвета. Запишите их рядом.

Рисование элементов: Нарисуйте каждый элемент вашего абстрактного изображения (например, абстрактные формы, линии, пятна цвета и т.д.) на отдельном кусочке бумаги или фрейме.

Сбор изображения: Соберите все нарисованные элементы вместе так, чтобы они создавали единое изображение.

Рекомендации и пример реализации👇

Нулевой интерфейс - ты рили космос!

1. Что такое нулевой интерфейс и где он используется?
2. Исследования целевой аудитории нулевого интерфеса на примере космонавта.
3. Пример формирование персонажей и сценариев использования, на основе той же ситуации в космосе.
4. Пример адаптации контента под контекст ситуации
5. Применение искусственного интеллекта и алгоритмов машинного обучения.
6. Пример итеративного тестирования и улучшения, под тот же интерфейс
7. Пример возможного сценария итогового нулевого интерфейса для космонавта в космосе

...

Разработка UI UX у которых нет аналогов - 2 часть

5. Разработка прототипа
6. Подбор стилистики, референсов под элементы UI
7. Разработка UI

...

Давно не было технических статей.
Разработка UI UX у которых нет аналогов - 1 часть

Шаги разработки:

Проработка функционала
Проработка контента
Выбор цветовой палитры
Подбор референсов под элементы UX
Подбор стилистики, референсов под элементы UI
Разработка прототипа
Разработка UI

В первой части статьи разбираю первые 4 шага
...

Упорядоченный хаос в дизайне

Мир не стоит на месте, меняя понятие здравого смысла.

1. Папа Хаос в коммуникациях
2. Мама Анархия в UI UX

...

Экзистенциальный вопрос, для проработки сопротивления: почему зомби-апокалипсис никто не называет эпохой возрождения?

Друзья, хочу сегодня разобрать архетипы Юнга и то, насколько точно они отражаются в брендинге!

Зачем нужно распознавать архетипы и как это реализовано в дизайне?

Так же добавила краткое описание 2х ведущих архетипов у дизайнеров, так что, надеюсь, вы узнаете себя =)

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


Упражнение - Времена года

Разбейте холст на 4 части.

Каждому квадрату присвойте время года:
❄️зима / 🌿весна / 🌞лето / 🍁осень

Так же каждому квадрату присвойте стихию:
💧вода / 🌳земля / 🔥огонь / 💨воздух

Визуализируйте.
Заполните иллюстрацией каждый квадрат.

Условия:

Вы можете использовать любые материалы, пространство и любой формат выполнения.

Времена года и стихии не могут повторяться.

Вы можете использовать только абстрактные образы.


Целеноправленно не показываю примеры результатов и не добавляю картинку в пост, чтобы каждый мог создать собственный образ, не запачканный чужим виденьем.
Задача - кристализировать ассоциативные мысли в голове.

Анализ аналогов - часть №2

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

В статье:
Какие элементы необходимо анализировать?
Как их выбрать?
Как собрать единый прототип
Как подобрать стилистический референс

В последнее время было много лирики, так что на этот раз сухо и по делу.

Анализ аналогов - часть №1

Первый этап работы.
В зависимости, от качества проведенной аналитики, будет зависеть подбор референсов, стилистики и запрос контента.

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

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

Как выбрать сайты для первичной аналитики самостоятельно?

...