Как сделать портфолио (ч.2)

Пост большой, сорри На этих и прошлых выхах плотненько посидел над контентом для своего сайта В этот раз обещал рассказать про смыслы, структуру и тексты, поехали 🚨 1 / Смыслы Сначала надо понять самому: а зачем вообще делать портфолио? У каждого свои цели — кто-то ищет работу, кто-то проекты на фрилансе, а кто-то просто тешит себя тем, что у него есть сайт Проще всего начать так: пойти в ai-чат и сказать «Брат, хочу сделать портфолио. Задай мне глубокие вопросы о целях и задачах, которые я перед ним ставлю». В ответ получите список из 10–20 вопросов о вас, вашем опыте, текущем состоянии и т.д. Старый промпт «задай мне вопросы» до сих пор работает отлично — так проще собрать контекст. Не ленитесь его давать! Сам я занялся этим ещё несколько недель назад и стал вести Life-OS — большой проект про мою жизнь и фокус, что-то вроде второго мозга. Просто делегировал часть «думания» ии-шке. Про результаты напишу через несколько месяцев, пока рано 2 / Структура Когда есть смыслы, можно идти в структуру Но сначала ответьте: насколько большим вы видите свой сайт? Частые варианты: многостраничник с кейсами и кучей инфы о себе, one-page или что-то среднее (классика — «обо мне» + пара кейсов). И не забывайте: структура есть как у сайта целиком, так и у каждой страницы Этот этап — создание «позвоночника», на котором всё будет держаться. Если на прошлом шаге вы дали достаточно контекста — всё само соберётся в единый вижн Я решил начать с one-pager-а, а кейсы написать потом. Структуру запланировал такой: Hero, My own products, Track record, Selected work, Contact. Дальше буду декомпозировать каждый кусочек отдельно 3 / Тексты Это база, на которой строится портфолио продуктового или UX/UI дизайнера. Вы описываете свою работу СЛОВАМИ. Умение писать лаконично — это круто: так вы не растянете кейсы. Я советую подходить к тексту с вопросом «а что я хочу этим сказать?» Пишите текст с ИИ, но переписывайте его Пока что ИИ-шные тексты в большинстве своём дерьмо. На английском ещё куда ни шло, а на русском всё печально. Чтобы получалось относительно нормально, приходится использовать всякие приблуды-хьюманайзеры В интернетах есть несколько готовых штук для русского (например, такая). Ещё можно скормить ии-шке свои тексты как реф (но мне не прям нравится, что выходит) С наскока написать нормальный текст получается редко. У меня уже выработался паттерн: • наговариваю текст через superwhisper / войс в тг / войс-мод в Claude • отдаю ии-шке, прошу написать нормально и отредачить • переписываю уже своими словами Часто ваще сношу текст после ИИ и пишу с нуля Итоговая последовательность: → Какая цель у моего портфолио → Из каких частей сайта сложится эта цель → Как я расскажу про каждую из частей Через недельку напишу про визуал и разработку

Water Tracker App Стильный UI Kit приложения для отслеживания приёма воды, который позволит вам найти что-то для своих проектов

Water Tracker App Стильный UI Kit приложения для отслеживания приёма воды, который позволит вам найти что-то для своих проектов

Новый виток A11y в Apple?

Джон Тернус — новый CEO Apple, а также тот человек, который в качестве дипломного проекта в University of Pennsylvania разработал механическую руку для кормления, управляемую с помощью движений головы. То есть пользователь, не имеющий возможности двигать конечностями, мог самостоятельно есть — управление шло через head-tracking без участия рук. Также стоит вспомнить, что именно под его руководством вышли Apple Watch с Double Tap — классический curb cut effect: жестовое управление изначально появилось в 2021 году как AssistiveTouch, фича для людей с особенностями верхних конечностей, а позже та же технология стала фичей для всех. AirPods Pro с hearing aid — наушники массового рынка, работающие как слуховой аппарат. Vision Pro, где eye-tracking — основной интерфейс: формально это универсальный дизайн, но выросший из accessibility-подхода ) И это уже другой уровень доступности — встройка в железо ) Кайф? Кайф! Alt: фотография Джона Тёрнуса на сцене Apple-презентации, за ним крупным планом чипы и схемы. ___ en<able> - о дизайне в A11y | Наши статьи на VC
🎈 Создавайте сервисы и ключевые решения для бизнеса и разработчиков!
С 20 по 26 апреля проводим Fast Track* для продуктовых дизайнеров — мероприятие быстрого найма в команды Yandex Cloud и Yandex Infrastructure. Все встречи — онлайн, рекрутер заранее договорится с вами об удобном времени. Ждём дизайнеров с опытом от 3 лет. Будет плюсом, если вы работали с интерфейсами для сложных экосистем, B2E- или SaaS-продуктами и участвовали в развитии дизайн-систем в том числе в опенсорс-проектах. Как получить офер: 🟣до 17 апреля зарегистрируйтесь на сайте; 🟣до 19 апреля выполните тестовое задание; 🟣20–26 апреля пройдите вайтборд, познакомьтесь с командами и получите офер. 🔸 Подробности и регистрация — по ссылке. Задачи сложные, масштаб впечатляет — присоединяйтесь!
Создавайте сервисы и ключевые решения для бизнеса и разработчиков!
С 20 по 26 апреля проводят Fast Track* для продуктовых дизайнеров — мероприятие быстрого найма в команды Yandex Cloud и Yandex Infrastructure. Все встречи — онлайн, рекрутер заранее договорится с вами об удобном времени. Ждут дизайнеров с опытом от 3 лет. Будет плюсом, если вы работали с интерфейсами для сложных экосистем, B2E- или SaaS-продуктами и участвовали в развитии дизайн-систем в том числе в опенсорс-проектах. Как получить офер: — до 17 апреля зарегистрируйтесь на сайте; — до 19 апреля выполните тестовое задание; — 20–26 апреля пройдите вайтборд, познакомьтесь с командами и получите офер. Подробности и регистрация — по ссылке. Задачи сложные, масштаб впечатляет — присоединяйтесь!
Спрос на спортивный костюм Nike Tech Fleece резко вырос после публикации фотографии задержанного в США президента Венесуэлы Николаса Мадуро.
В течение 4 и 5 января Google Trends зафиксировали рост поисковых запросов Nike Tech, grey Nike Tech и Nike Tech tracksuit — по некоторым из них индекс популярности достиг максимума. Ажиотаж не ограничился поисковыми запросами. На официальном сайте Nike несколько размеров костюма были раскуплены, в частности, размер 3XL, в котором появился Мадуро, исчез из наличия примерно за час. 🔹The Blueprint News
Изображение поста
Как создать видео с эффетком TouchDesigner ??
1) Заходим на сайт - https://blob-tracking.netlify.app/ 2) Загружаем видео 3) Настраиваем параметры поялвения текста, цветов, качества видео Готово! У вас стилевое видео, за пару секунд ͟͜͢͞͝ 🔗 https://blob-tracking.netlify.app/">Blob Tracking #ЩLAB by r.
База про юзабилити-тестирование
Меня читают не только дизайнеры, но и другие роли из команд продукта, поэтому хочу сделать в этом посте небольшой ликбез Юзабилити-тесты помогают понять, насколько интерфейс продукта удобен для конечных пользователей. Главная цель тестов — выявить проблемные места, где люди сталкиваются с трудностями, и улучшить опыт взаимодействия с продуктом Тесты бывают модерируемыми — это когда есть господин-ведущий, и само исследование скорее качественного формата. А бывают немодерируемыми — это когда весь сценарий собирается на платформе (например, фабрика юзабилити / pathway / maze), и юзеры сами там все проходят по ссылке Кто проводит: Обычно дизайнеры и исследователи, но я сторонник подхода, когда любой человек из команды продукта подключается к тестам. Это дает совсем другое понимание того, как юзеры себя ведут Даже самый восхитительный (и награждаемый) дизайн не гарантирует, что юзеры смогут легко выполнять нужные действия в интерфейсе. И своевременные тесты очень помогают сэкономить ресурсы на исправление проблем после запуска или внедрения дизайна Процесс исследования обычно выглядит так: 1. Определяем цели (что хотим проверить) 2. Формулируем интерфейсные гипотезы 3. Подбираем юзеров (очевидно, подойдет не любой человек) 4. Готовим прототип 5. Проводим тест (даем задания и наблюдаем) 6. Анализируем результаты 7. Делаем выводы и внедряем улучшения Количество пользователей: Стандартно 5 человек для модерируемых тестов. Обычно тут начинается срач: «а как вы решили, что нам надо 5 человек?!». Тут все ссылаются на Nielsen Norman Group, где говорится, что при тестировании с 5 пользователями обычно выявляется около 80% проблем. На практике все берут от 5 до 10 человек на сегмент. Это значит, что если мы хотим провести тест на новой аудитории и на текущих пользователях, то нам надо хотя бы 5 человек там и там Для немодерируемых чуть сложнее. Надо учитывать общее количество пользователей и погрешность, с этим помогают специальные калькуляторы. Но можно сказать 70-100, и это в целом норм (с оговорками) Как устроен сам тест: На встречу приходит модератор (тот, кто проводит) и юзер. Модератор говорит вводное, дает задания юзеру, наблюдает и фиксирует. Юзер пытается выполнить задания и комментирует свои действия. Я тут предпочитаю донасыщать тест до и после вопросами, чтобы вытащить что-то полезное. Встречу лучше не делать дольше 1 часа, т.к. юзер устает + вовлеченность снижается Гайд и задания Каждая встреча строится на гайде, который готовится заранее. Гайд содержит в себе цели, критерии выборки юзеров и гипотезы Практический пример Пусть это какой-то сервис с видео Гипотеза: пользователь понимает, где находится история просмотра и может в нее зайти Вопрос (задает модератор): представь, что ты смотрел пару недель назад то-то...как бы ты вернулся к этой записи? По сути вопрос и есть задание, просто он сформулирован так, чтобы не давать юзеру подсказку Отчет: Провели все интервью? Ура, теперь надо свести все воедино Ищем паттерны (повторы) в проблемах и анализируем все совокупно. Для каждой проблемы полезно фиксировать встречаемость и критичность для пользователя Метрики Даже тут есть метрики, да! Часто используют: - Task Success Rate - Time on Task - Error Rate - Satisfaction (субъективная оценка от юзера) Есть еще Eye-tracking/heatmap, которые показывают, как распределяется внимание, но это скорее карты, чем метрики В зрелых командах юзабилити — это стандарт дизайн-процесса, как утром зубы почистить. Ну и напоследок — дизайн не должен рисоваться в вакууме. Проверяйте свои решения! - - - - - Я хочу сделать закрытый воркшоп узким кругом для тех, кто хочет научиться проводить юз.тесты или систематизировать знания. Всего 6 мест (5к за место) Формат такой: встреча в онлайне на пару часов, на которой пройдемся подробно по всем этапам, там же дам домашку + отдельная встреча с разбором всей домашки тоже на пару часов Это очередной эксперимент (они у меня удачные в последнее время, кстати!) Если хочешь разобраться с юзтестами, напиши мне в личку @odokienkoan
Изображение поста
Design System Tracker — революционный плагин Figma, который выводит управление системой дизайна на новый уровень.
Изображение поста
Tracking Delivery UI K (Freebies)
💾 Скачать и использовать https://disk.yandex.ru/d/rDgjK-6fvdh87g 🔎 Посмотреть описание https://ui8.net/pylos/products/tracking-delivery-ui-k-freebies #uik #figma #photoshop #adobexd
Изображение поста
Design System Tracker — революционный плагин Figma, который выводит управление системой дизайна на новый уровень.
Изображение поста
Как добиться точного трекинга движения в After Effects
Точный трекинг движения необходим, если вы хотите «прикрепить» элементы к движущимся объектам в видео — например, текст, графику или спецэффекты. After Effects содержит встроенные инструменты, позволяющие отслеживать движение покадрово. В этом гайде показано, как эффективно использовать панель Tracker и улучшить результаты с помощью нескольких важных настроек. #гайд
Изображение поста
Boris FX Mocha Pro 2025 v12.5.1 Win (AE, AVX, OFX)
🟠 Mocha Pro 2025 – это один из лучших программных инструментов для планарного отслеживания и работы с визуальными эффектами. Mocha Pro позволит быстро и качественно выполнить такие сложные программные операции, как удаление отдельных объектов, замещение экрана и многое другое. К вашим услугам такие высокопрофессиональные функции, как Planar Tracking, Roto Masking, стабилизация картинки и многое другое. Этот модуль многократно использовался в Голливуде при создании шедевров самого высокого уровня. Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #soft #plugins #BorisFX #Mocha_Pro #free #бесплатно
Free PSD outdoor billboard in city
💾 Скачать и использовать https://disk.yandex.ru/d/fXjif_5Qzvt8zQ 🔎 Посмотреть описание https://www.freepik.com/free-psd/outdoor-billboard-city_2548065.htm#page=2&query=mockup&position=2&from_view=keyword&track=sph #статичный #постер 🔝 TOP Mockup
Изображение поста
Modeling a 6 Hole pipe in blender (track by charlie robbins)
⭐️ Set of Tire Track Elements
Набор следов от автомобильных шин 📁 EPS, PDF, SVG 💼 #Графика #Illustrator ℹ️ ПОДРОБНЕЕ | 📥 СКАЧАТЬ
Изображение поста
Dragon перевыпускают очередной набор:
6432 - 1/35 Pz.Kpfw.II Ausf.C w/Interior (Magic Track, Bonus figure set, metal bucket, uniform and GEN 2 weapon)
Изображение поста
Складчина на аддон Camera Tracker для Blender
https://superhivemarket.com/products/camera-tracker Если вы не знаете, как отслеживать, или вам не повезло знать, как это сделать, этот аддон все исправит :) Camera Tracker v2.1 справляется со сценариями, которые не под силу трекеру движения Blender. В частности, он может отслеживать кадры с зумом и очень дальние планы. При этом он также выводит очень полезное разреженное облако точек, представляющее трёхмерную сцену. Скидываемся по 500р рублей, набираем 5 человека и выкупаем его. После скидываю вам ссылку облако с материалами. Кто хочет участвовать в складчине пишите @HornorB6. #Складчина #Blender #Tracking