Музыкальные леттеринг-цитаты Захара Ящина, иллюстратора и шрифтовика из Орла

#awd_lettering #awd_calligraphy via fontazy.biz/letterings/musiquotes

«Оди» и команда @readymag_official — онлайн-инструмента для создания сайтов и презентаций — запускают серию постов с упражнениями, выполняя которые вы сможете создать собственное эффектное портфолио с нуля.

Первая часть: https://awdee.ru/readymag-portfolio-part-1/

#awd_tutorial #awd_article #awd_tool

🚀 5 законов UX-дизайна

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

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

- Закон Хика
- Закон Фитта
- Принцип Парето
- Бритва Оккама
- Закон Якоба

Время чтения: 6 мин

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

​​Как составить бриф на разработку сайта
рекомендации от руководителя отдела веб-разработки Александра Солдатова

В диджитале давно ходит поговорка «нет ТЗ — результат хз». В вебе им может оказаться огромный документ на 50-100 страниц, который компания писала полгода-год. Но даже при таком объеме можно забыть прописать что-то важное. Например, описать во всех деталях техническую сторону, но забыть про продукт и аудиторию.

Такой подход отлично подойдет для интернет-банка или новой соцсети, но не для сайта компании или лендинга товара/услуги, за которыми чаще всего и обращаются в агентство. Поэтому всех клиентов мы брифуем. Это помогает учесть не только все технические детали, но и интересы пользователей. 

Что мы спрашиваем

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

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

Аудитория и преимущества продукта. Это в принципе важный этап для любого брифа. Нужны портреты ЦА и их распределение по степени важности. Гик-фестиваль может ориентироваться чисто на гиков, но при этом позиционироваться как мероприятие для всей семьи. В таком случае для каждой ЦА будет свое УТП — трафик и лендинг для них может различаться. 

Брендинговая коммуникация. Запросите айдентику, фирстиль и TOV, чтобы не отклоняться от сформировавшегося образа компании (если он есть). Будет странно, если Fanta внезапно станет зеленой, а Aviasales начнет слать любовные послания, если речь не идет о спецпроекте, конечно. Сайт это не только набор строчек кода, но визуал и текст. 

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

Технические требования. Спрашиваем про требования к CMS, подключаемым модулям и функциональности, нужна ли интеграция со службой доставки, CRM, Roistat, 1C и другими системами. Чтобы помочь с выбором, сразу добавляем в бриф несколько популярных вариантов. 
 
Статистика и аналитика. Сейчас сложно найти сайт, к которому не подключены системы мониторинга: метрики, цели, пиксели ставятся по-умолчанию. Мы уточняем про них, когда нужно доработать текущий сайт или сделать редизайн, чтобы провести более точную аналитику и учесть проблемы, с которыми сталкивались текущие пользователи.

Сопровождение и бюджет. Уточняем, нужна ли дальнейшая поддержка и продвижение (от SEO до таргета). Но главный вопрос — сколько денег готовы вложить в разработку, ведь от этого зависит вариант реализации, количество страниц и блоков. Для одних будет корректно собрать лендинг на Tilda, пустить трафик и принимать заявки, а для других нужна функциональность, которой нет в конструкторах. 

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

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

Про чистую функциональность дизайна, без декоративности https://youtu.be/PeAFLzzeXIk

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

Шесть стартовых советов по саморазвитию на 2022 год для эсэмэмщиков

Привет, ребят. Начинается новый рабочий год — самое время строить планы. Мы в Студии продолжаем вести активную работу над роадмапом ближайшего полугодия, планируя активности на всех уровнях агентства, но я бы сегодня хотел бы поговорить немного о другой сфере — сфере личностного развития. Что делать в 2022 году, чтобы стать лучше или сильнее, как личность и профессионал?

Постараюсь дать ряд рекомендаций, которыми, кстати, воспользуюсь и сам. Если понравится пост, сделаю еще подборку. Погнали.

Совет первый. Погрузитесь в основы маркетинга

У любого эсэмэмщика, по сути, есть два пути войти в профессию:
1) курсы по таргетированной рекламе и SMM от всяческих школ;
2) самостоятельно через статьи/книги/опыт.

И в первом и во втором случае вы будете лишены базовых знаний о маркетинге и о том, как он работает.

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

Крч, купите уже книгу “Основы маркетинга” Филипа Котлера и прочитайте, если еще не сделали. Дальше добавьте “Позиционирование” Траута, “Огилви о рекламе” и “Взлом маркетинга” Бардена.

Совет второй. Прокачайте навыки письма и работу с цифрами

Где бы и на какой должности вы не работали, вам всегда нужно будет демонстрировать два ключевых навыка:
— грамотно писать;
— грамотно работать с цифрами.

Эсэмэмщик, не умеющий в три абзаца связного текста и работу с функциями “ВПР” в гугл-таблицах — мертвый эсэмэмщик.

Поэтому, если чувствуете проблемы в работе с текстом — начните с “Пиши, сокращай” Ильяхова, “Продающие тексты” Дмитрия Кота.

По работе с цифрами горячо рекомендую “Google Таблицы. Это просто” за авторством Рената Шагабутдинова. Для старта самое оно.

Совет третий. Качайте визуальную насмотренность

А тут прям крик отчаяния — у нас просто ужасный дизайн-код. Большинство эсэмэмщиков, к сожалению, не в силах отличить ужасную дизайн-халтуру от реально качественного дизайна, что постоянно приводит к проблемам на проектах.

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

А также загуглите адекватные тренды дизайна на 2022 год, например: https://www.canva.com/ru_ru/obuchenie/trendy-dizajna-2022/

Совет четвертый. Занимайтесь спортом

Опять же, независимо от сферы занятости, рано или поздно вашей продуктивности начнет переходить дорогу ваше здоровье. Особенно, если вы сейчас молоды, запиваете чипсы Лэйс Колой и все равно дрыщ. Это закончится после 25-ти. Путь пройден :)

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

Совет пятый. Начните формировать полезные привычки

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

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

Совет шестой. Работайте над собственной продуктивностью

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

Для этого рекомендую книгу “Мой продуктивный год” Криса Бейли. Она прекрасна и вам не нужны другие рекомендации.

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

❶ Плавный переход
В интерфейсах переход между разными экранами происходит не сразу, а занимает где-то полсекунды. Попробуйте разблокировать телефон, и вы увидите, что темный экран как бы растворяется. Поэтому при настройке перехода между фреймами вместо Instant выставляйте Dissolve на 500 мс.

❷ Состояние элементов
Интерактивные компоненты в Figma позволяют проработать состояния элементов при наведении, нажатии или ошибке. Сделайте кнопке хотя бы 2 состояния: default и hover, — чтобы макет стал отзывчивым на действия пользователя.

Видео-туториал по интерактивным компонентам от Figma.

❸ Выбор устройства
Если вы сделали мобильное приложение, показывайте его в телефоне через Prototype Settings > Device в Figma или через Figma Mirror для заказчика. И наоборот, десктопные макеты открывайте через браузер, чтобы прототип был в среде, в которой он будет существовать дальше.

Это базовые приемы, которые помогут оживить ваш макет.

→ Если вы хотите освоить продвинутую анимацию, пополнить портфолио красивыми дриббл-шотами и научиться работать в Principle, приглашаем на курс «UI-анимация» со скидкой 25%. Старт — 1 июня.