Хо-хо-хо! 🎅🏻 Chulakov School дарит новогодние подарки! Скидка 50% на самый сильный курс «UX/UI-дизайнер» от дизайн-студии № 1 в России по версии Tagline. Для тех, кто любит дизайн, мечтает работать в диджитал и зарабатывать на крупных проектах. ⠀ Что ждет выпускников по итогам курса: — подтвержденная квалификация от дизайн-студии № 1 в России; — кейс для крупнейших международных и российских брендов; — умение решать профессиональные задачи; — помощь с трудоустройством; — шанс пройти стажировку и устроиться на работу в Студию Олега Чулакова; — новые знакомства и обмен опытом с коллегами; — оценка ваших компетенций и план профессионального развития; — возможность работать удаленно. ⠀ Регистрация — по ссылке в шапке профиля☝🏻

Как бы вы ни работали — в студии или самостоятельно, приступая к отрисовке прототипа, начните с анализа всех вводных. Что вы знаете о клиенте и задаче? Есть ли у вас данные от аналитиков? Будет не лишним узнать об исследованиях у заказчика — возможно, он предоставит результаты, которые помогут в дальнейшей работе. ⠀ После внимательного изучения материалов приступайте к отрисовке прототипов. Их можно создавать в любом графическом редакторе с помощью программ вроде Axure или сервисов Wireframe.cc. Сначала на основе структуры и сценариев взаимодействия отрисовывается грубый интерфейс. Затем обсуждается внутри команды и презентуется клиенту. На этом этапе необходимо убедиться, что все механики интерфейса соответствуют сценариям персонажей и бизнес-целям. ⠀ Прототип — это не дизайн-концепция. Абстрагируйтесь от красивых решений на Awwwards и подумайте о смысле и удобстве. Важно закрыть базовые вопросы с UX на этом этапе. Например, вместо подбора красивой тени на карточке подумайте, как человек воспримет информацию на ней, найдет ли он то, что искал, и удобно ли ему будет пользоваться вашим продуктом со всех своих устройств. Убедитесь, что прототип отображает весь необходимый функционал. ⠀ Если это так, можно передавать результат клиенту и ждать комментариев.

Проверяйте все и сразу Когда речь идет о заполнении форм, лучше сразу делать проверку внесенной информации, чем потом сообщать об ошибке. Например, если пользователь некорректно ввел данные, то справа от поля ввода появляется уведомление об этом. Так вы даете ему возможность сразу все исправить. Но если уведомление об ошибке высвечивается уже после отправки формы, люди будут вынуждены проделывать дополнительную работу. Вряд ли это кому-то придется по душе. ⠀ Объединяйте схожий функционал Никто не застрахован от создания нескольких разных секций или элементов, выполняющих один и тот же функционал. Поэтому старайтесь оперативно отслеживать такие дубли. Чем их больше, тем сложнее человеку воспользоваться вашим предложением. ⠀ Объясняйте, даже если вам это кажется очевидным Как говорится, все в мире относительно. Если данный текст понятен для вас, это не означает, что у пользователей не возникнет вопросов. В качестве примера можно привести поля формы, где стоит лишний раз объяснить, зачем запрашивается email, где на банковской карте расположен CVV/CVC-код и так далее. ⠀ Рассказывайте истории вместо сухих списков преимуществ Истории вызывают более эмоциональную реакцию и создают ощущение, что вы уже встречались с тем, о чем написано в тексте. Общество живет в эпоху переизбытка информации, так что удержать в памяти перечень преимуществ товара или услуги сложно, запомнить интересный рассказ — легко. Например, если вы делаете лендинг для курсов по гончарному мастерству, то поделитесь историями людей, которые мечтали сделать вазочку/тарелку/кружку своими руками и реализовали это благодаря пройденному обучению. А в качестве вишенки на торте — пример тех, кто пошел еще дальше и открыл свой магазин с авторской посудой. Но только без лишних выдумок: цепляет именно искренность. ⠀ Не перебарщивайте с полями для ввода Чем больше полей требуется заполнить, тем выше риск, что человек бросит вносить информацию еще где-то посередине. Кто-то медленно набирает текст, кому-то неудобно печатать со смартфона. Так что подумайте, действительно ли все поля так необходимы, откажитесь от лишнего. На крайний случай попробуйте перенести часть из них на следующую страницу.

1. Чем занималась до курса? Я училась в университете и понемногу осваивала дизайн. В июне, как только защитила диплом, сразу же записалась на курс дизайна интерфейсов от Студии. ⠀ 2. Почему решила пройти обучение в Chulakov School? Во время обучения в университете я увлекалась дизайном, брала небольшие заказы. Но глубоких знаний в профессии у меня не было, поэтому решила освоить необходимую базу в Студии. ⠀ 3. Как проходило обучение на курсе? Могу отметить хорошую подачу информации — понятно даже новичку. Материал преподносится порционно по каждой отдельной теме. И конечно же, порадовал формат онлайн-обучения, что особенно важно в 2020 году. Возможно, не хватало общения с группой. Было бы классно для ребят на следующих потоках устраивать регулярные зум-встречи, чтобы студенты чувствовали себя командой, делились друг с другом успехами. ⠀ 4. Чему научилась, какие навыки приобрела? Научилась комплексному подходу в работе с проектом: от аналитики до защиты итогового кейса. ⠀ 5. Чем занимаешься сейчас? Начала работать в Студии дизайнером, когда проходила курс, и продолжаю этим заниматься сейчас 🔝

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

Атомарный дизайн — методология, созданная американским разработчиком интерфейсов Брэдом Фростом. Это основа дизайн-системы, состоящей из пяти этапов. ⠀ В атомарном дизайне проектирование не начинается с макета страницы, а буквально выстраивается вокруг самого простого элемента. Атомом здесь выступает шрифт, текст, цвет, стиль, кнопка, поле ввода и любая базовая фигура. Созвучно законам химии, атомы объединяются и образуют молекулы — например, это может быть кнопка с подписью и ссылкой. Молекулы, в свою очередь, складываются в организм — отдельные блоки, крупные детали интерфейса. На следующем этапе организмы объединяют компоненты в общий макет, образуют шаблон и прототип. В результате формируется страница. И даже если она еще не готова для презентации, метод поможет легко ее доработать. ⠀ Основная идея атомарного дизайна — создать полноценную систему со своими законами, в которой меняются отдельные элементы. Это помогает добиться общей концепции и сделать сайт однородным.

Что объединяет дизайнера и профессионального спортсмена? Оба должны постоянно тренироваться. ⠀ Коллегам-дизайнерам предлагаем попробовать такой способ прокачки профессиональных навыков — генератор заданий. Это приложение полезно тем, что создает рандомную задачу в комбинации со шрифтовой парой, цветовой палитрой и стилем иллюстраций. ⠀ Идеально, когда хочешь что-то задизайнить, но не можешь придумать задание. Всем желающим — ссылка в direct😉