Оkko.

Вчера с женой решили посмотреть сериал. С телека зашли в приложение Okko.

Чтобы посмотреть, нужно авторизоваться. Аккаунта у меня нет, поэтому регистрируемся.

Ввел почту, следом «непредвиденная ошибка системы». Прям вот такой текст. Окей. Иду в браузер с телефона, ввожу эту же почту и оказалось, что когда-то давно мы аккаунт регали, так как написало, что «почта уже есть».

Ок, сбрасываю пароль. Наконец-то авторизуюсь. Но это не все, чтобы смотреть, нужно привязать карту и оформить подписку. Думаю, ну нахер, попробую с телефона. Открываю главную, там баннер «30 дней бесплатно». Нажимаю, кидает на страницу оформления подписки, где 30 дней 799 рублей.

Делаю тоже самое на телеке, там 7 дней за рубль. Нажимаю, просит ввести карту. Вводить карту на телевизоре ад, а еще идти за ней, так как цифры я не помню.

В общем, не посмотрели мы сериал. Какие-то адские лабиринты, чтобы посмотреть контент. Я не осилил 😂

———

Кто-то сталкивался с такой болью в онлайн кинотеатрах?) особенно, когда нужно ввести почту, которая у тебя длинная, а входа по qr или телефону нет. Сразу пока.

@jun_hi
@jun_hi_vacancies

5 болей во взаимодействии на этапе проектирования. Отличная статья от red_mad_robot.

Внутри:
– Самые частые кейсы на этапе проектирования, с которыми сталкивается дизайнер и аналитик
– Процесс реализации проектов (10 пунктов)
– Как дизайнеру работать с аналитиком
– Блок-схема основных сценариев и её описание (можно забрать к себе)
– Проработка краевых сценариев
– Что делать, когда не сходятся дизайн и требования. Там же требования к описанию требований (да)
– Требования к макетам (много полезного про них)
– Оверинжиниринг. Что это и с чем можно столкнуться в процессе проектирования.
– Проблемы с коммуникацией дизайнера и аналитика

👉 Читать статью: https://cutt.ly/KX5V3zR

———

Статья очень интересная и полезная с практической точки зрения. Со многим соглашусь. Нужно стараться описывать требования по максимуму, правильно передать их разработке и общаться с ними почаще, а также со всей остальной командой, чтобы макеты не проектировались за закрытыми дверьми. А то потом на демо все сидят с выпученными глазами, слушая дизайнера)) Чем раньше макеты видят все, тем меньше шансов сделать работу в стол.

Расскажите про ваш опыт передачи макетов в разработку. Описываете ли макеты? Пишите требования? Пояснения к макетам?) Интересно было бы послушать разный опыт.

Го в комменты 🙂

———

@jun_hi
@jun_hi_vacancies

Обратная связь по макетам.

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

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

———

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

Когда идёшь итерациями, собираешь мини-демо раз в неделю и макеты всегда доступны для всех, сделать что-то не то на финале почти невозможно. Но тут важно объяснить всем, что есть страницы, где вы работаете (in progress) и комментировать что-то там смысла нет. Готовые кусочки флоу я кидаю на отдельную страницу (done), которую можно обсуждать и давать комментарии ещё до синка.

@jun_hi
@jun_vacancies

Статья о том, как проектировать раздел «‎избранное»‎. 115 гайдов с большим количеством примеров.

Внутри:
– Добавление в избранное
– Подтверждение
– Кнопка перехода в избранное
– Placeholder
– Сама страница
– Списки покупок
– Удаление из избранного

Статья объёмная, поэтому рекомендую смотреть с ПК. Но айфон тоже загрузил)

👉 Читать статью

———

@jun_hi
@jun_hi_vacancies

Скорость сборки макетов

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

Ещё хуже, бывает нужны иллюстрации или крутой пак иконок. Но, всё стоит либо конских денег, либо ужасного качества.

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

По своей судьбе дизайнера я познакомился с Дэнчиком, который основал супер крутую студию Craftwork. Уверен, вы многие их знаете. Он пришёл ко мне и сказал «Антох, мы тут запустили телеграм канальчик с нашими ассетами за 990 руб/мес, расскажешь на канале?».

С радостью рассказываю и денег не беру.

Отдельная стоимость всех продуктов, которые есть в канале $5000, а ребята отдают все по подписочке за 990 рублей в месяц. Даром? Думаю, да.

Внутри:
— 🏀 Наборы 2D и 3D иллюстраций
— 📱 Мобильные и Web UX/UI киты
— 🕸 Шаблоны сайтов и презентаций
— 🖥 Мокапы, шрифты, графика
— 🆕 Еженедельные релизы и апдейты

Все материалы распространяются по коммерческой лицензии, что и на сайте.

👉 Забрать доступ к материалам Craftwork за 990 рублей в месяц
👉 Забрать доступ к материалам Craftwork за 990 рублей в месяц
👉 Забрать доступ к материалам Craftwork за 990 рублей в месяц

———

@jun_hi
@jun_hi_vacancies

🔥🔥 Наверное, одна из самых больших статей, которая рассказывает о визуализации данных и типах графиков, которые в этом помогут. Их больше 80.

Внутри:
– Столбчатые диаграммы
– Колоночные
– Пиктограммы
– Множество диаграмм
– Хитмапы
– Донат чарты
– Pie чарты

И ещё 80+ различных типов графиков, каждый из которых поясняется, для чего он нужен и где использовать. Кажется, это прям огонь!

Статья на английском, но легко читается и переводится.

👉 Читать статью

———

@jun_hi
@jun_hi_vacancies

Давайте разберёмся раз и навсегда.

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

1280-720-360?
2560-1920-1366-768-320?

Какой у вас наборчик?)

———

@jun_hi
@jun_hi_vacancies

Понедельник начнём со статьи от Эдварда Скотта о хлебных крошках в мобильных версиях интернет-магазинов

Внутри:
– Проблема неполных крошек на экране мобильного
– 2 способа избежать длинных хлебных крошек
– Как реализовать длинную цепочку
– Перенос и пропуск хлебных крошек
– Ещё несколько советов по реализации

👉 Читать статью

———

@jun_hi
@jun_hi_vacancies

Представим на секунду… что там можно было бы постить?)

———

@jun_hi
@jun_hi_vacancies

Юлиана Пономарёва из Контура написала статью: Как презентовать команде результаты исследования

Внутри:
– Специфика лабы и команд
– Формат презентации итогов
– Как улучшали формат и какие проблемы возникли
– Что получилось после улучшения презентации
– Какую пользу это дало
– Полезные советы о презентации итогов работы

👉 Читать статью

———

@jun_hi
@jun_hi_vacancies

Отличный гайд по работе с иконками в Figma

Внутри:
– Формат файлов
– Как работать с иконками в Figma
– Стиль для иконок
– Изменение размера
– Как взаимодействовать с разработкой при передаче иконок
– Выгрузка иконок
– Как выгружать иконки массово
– Виды иконок
– Иконочный шрифт

Статья немного техническая, но тем интереснее) К прочтению всем)

👉 Читать гайд

———

@jun_hi
@jun_hi_vacancies

Подборка плагинов для работы с текстом в Figma

1. Deepl translate — переводит тексты с одного языка на другой прямо в Figma. Поддержка 26 языков

2. Find and Replace — находит текст на странице и позволяет массово его изменять

3. Glyphs — плагин включает 184 графических символа, в том числе глифы и лигатуры

4. Add numbers to texts — быстро создает нумерованные списки

5. Accidently Great Font Pairings — генерирует шрифтовые пары от Google Fonts

6. Contento — «рыбный» контент для макетов, сгенерированный из открытых бесплатных источников

7. Font Preview — предпросмотр шрифтов в реальном времени

8. SBOL Typograph — типографит кириллические тексты: исправляет пробелы, кавычки, тире, написание телефонов и валют.

9. Главред — помогает сделать текст для сайтов, блогов, профессиональной литературы, СМИ и рекламы коротким и понятным

10. Batch Styler — меняет несколько текстовых стилей одновременно (шрифт, начертание, высота строки, трекинг)

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

———

@jun_hi
@jun_hi_vacancies

Отличная статья об исследовании сайтов логистических услуг

Внутри:
– Задачи исследования и цели
– Какие методы использовали
– Какие компании выбрали
– Результаты исследований по каждой выбранной компании
– Miro карты пользвательских маршрутов к каждому исследованию
– Барьеры, возникшие при выполнении заданий

И много другой полезной информации) Ребята провели полноценные исследования, дали конкретные задачи и поставили конкретные цели. Сделали выводы, на основании которых уже можно предпринимать попытки проектирования интерфейса.

👉 Читать статью

———

@jun_hi
@jun_hi_vacancies

🔥🔥🔥 Сегодня прям база, которую должен знать каждый дизайнер) Гайды от Контура. Это азбука.

Внутри гайдов:
– Цвет
– Модуль и сетка
– Отступы и выравнивание
– Текст в интерфейсе
– Глоссарий
– Текстовые стили
– Типографика
– Время отклика
– Сохранение данных
– Доступность интерфейсов
– Клавиатура
– Капча
– Валидация форм
– Фильтры в таблицах
– Задачи проектировщика и работа в команде
– Вёрстка макета

И огромное количество другой полезной инфы, например по каждому компоненту (кнопки, инпуты, радиобаттоны, табы итд)

В общем, рекомендую абсолютно всем. Кто уже читал, можно перечитать, они их обновляют периодически.

👉 Читать гайды Контура

———

@jun_hi
@jun_hi_vacancies

Часто задают вопрос, как оформить портфолио, чтобы было «вау». Отвечаю: примерно, как Marco Cornacchia из Сан-Франциско.

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

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

Крутая пасхалка на сайте в виде текста "...click around", то есть нажимайте везде) И правда, почти 95% всех элементов нажимаются и с ними можно взаимодействовать.

Вдохновляйтесь: https://www.marco.fyi

———

@jun_hi
@jun_hi_vacancies

Обычно, деньги платят за рекламу, чтобы опубликовать пост в канале. Но здесь деньги платить должен я Стасу Хрусталёву за такие крутые статьи о e-commerce.

Очередной шедевр про хлебные крошки. Внутри 82+ гайдлайна и все с примерами.

– Размещение хлебных крошек
– Структура
– Оформление ссылок
– Смежные разделы
– Разделители
- Мобильная оптимизация
– Переходы по ссылкам

👉 Читать статью

———

@jun_hi
@jun_hi_vacancies

Пошёл слух, что Adobe покупает Фигму за 15+ миллиардов долларов.

Что думаете?

———

@jun_hi
@jun_hi_vacancies

🔥🔥🔥Adobe купил Figma за 20 миллидардов долларов. Новость с сайта Adobe.

Новость с Фигмы

———

@jun_hi
@jun_hi_vacancies

Простите. Больше не буду.

На самом деле, мне кажется, что ужасно не станет. У адоб мощные ресурсы, которые, надеюсь, позволят Фигме получить новый функционал (возможно что-то из ФШ), оффлайн режим и прочие вещи, которые только ускорят работу.

Посмотрим, как оно будет. Сейчас неизвестно)

———

@jun_hi
@jun_hi_vacancies