9 ошибок в резюме, которые могут стоить вам работы / Хабр
В цифровую эпоху старая добрая бумага может показаться частью прошлого, но LinkedIn еще не полностью заменил старомодное резюме.Если все сделано правильно, то ваше резюме расскажет вашу историю и продаст ваши таланты.
Хоть самые передовые технологии и изменили способ соискания работы, резюме остается неотъемлемой частью процесса найма.
Отвратно написанное резюме будет работать против вас. Чтобы этого не случилось отметим наиболее вопиющие ошибки и оплошности резюме.
1. Грамматические ошибки и опечатки
В резюме нет места для неряшливости. Согласно опроса CareerBuilder более половины работодателей определили резюме с опечатками одной из лучших ошибок, позволяющей автоматически отказать кандидату.
Для того, чтобы избежать ошибок полезно дать прочитать свое резюме близкому человеку.
2. Передача неверной информации
Это может показаться очевидным, но допустить ошибку в номере телефона или какой-нибудь дате проще простого.

Даже если неверная информация не выявится на этапе собеседования, в конце концов она все равно выплывет наружу.
3. Отправка шаблонного резюме
Многие считают нормальным скачать шаблон из интернета, изменить основные моменты и отправить работодателю, но это в корне неверный подход.
Персонализированное резюме ориентировано на потребности целевой аудитории, поэтому если описание вакансии требует анализа рынка и планирования, то неплохо в содержании использовать реальные примеры анализа, которые вы выполняли.
4. Использование слишком сложного форматирования и стилей
Форматирование является ключом к сердцу работодателя.

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

Выделите ваши достижения.
6. Попытки запихнуть как можно больше текста на одну страницу
Нет никаких жестких правил о длине резюме, хотя средний работодатель предпочитает резюме выпускников в размере одной страницы, а более опытных работников, в количестве по крайней мере двух страниц.
При попытке конденсировать ваш трудовой стаж и навыки в несколько страниц выберите достижения, которые больше всего в соотносятся с основными обязанностями вакансии и с корпоративными ценностями компании.
7. Отсутствие точных дат
Отсутствие точных дат занятости часто вызывает подозрение работодателя. Если у вас есть большой пробел в трудовой деятельности, специалисты предлагают сразу же рассказать об этом.
CareerBuilder обнаружили, что треть работодателей определяют резюме, которые не содержат точных дат занятости, как одну из наиболее распространенных ошибку, которая может привести к автоматическому отбраковыванию кандидата.
8. Отсутствие списка навыков
Вам может показаться, что раздел «навыки» необязателен. Многие рекрутеры предлагают разные пути решения этой задачи при составлении резюме.
Например, список навыков и примеров того, как вы применили эти навыки можно использовать, как отличный способ выделиться из толпы (что отлично согласуется с пунктом 5 этого списка).
9. Использование объективных утверждений
Нынешние тенденции указывают, что дни объективных утверждений в резюме ушли.
Рассмотрим пример объективного утверждения:
«Ищу вакансию инвестиционного аналитика для продвижения своей карьеры в финансовом секторе.»
Здесь есть две проблемы: во-первых, очень сухо, и во-вторых, акцент делается на том, чего кандидат хочет для себя (продвижения собственной карьеры), а не на том, что он может предложить потенциальному работодателю.
Вместо этого специалисты предлагают подчеркнуть вашу ценность для будущего работодателя.
Все, описанные мной требования носят лишь рекомендательный характер, и ни в коей мере их соблюдение не гарантирует положительного решения. Спасибо за внимание.
— 10 фраз, после которых ваше резюме отложат в сторону
— «Позвони мне, позвони», или как устроиться на работу в IT-компанию
Ошибки в резюме — Карьера на vc.ru
О том, какие ошибки чаще всего попадаются в резюме, и как это может отразиться на рассмотрении кандидатуры соискателя рассказали HR-специалисты и работодатели изданию Mediajobs.ru
{«id»:73327,»url»:»https:\/\/vc.ru\/hr\/73327-oshibki-v-rezyume»,»title»:»\u041e\u0448\u0438\u0431\u043a\u0438 \u0432 \u0440\u0435\u0437\u044e\u043c\u0435″,»services»:{«facebook»:{«url»:»https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/hr\/73327-oshibki-v-rezyume»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.

1236 просмотров
1. Неверно указанная должность
Порой в резюме не совпадает текущая и желаемая позиция, а вакансия, на которую претендует соискатель, и вовсе представляет собой нечто третье. HR-специалист в замешательстве: может, человек откликнулся по ошибке?
— Рекрутер на сайте получает ваше резюме в сокращенном виде, — рассказывает Александра Имаева, консультант по поиску работы. — Поэтому крайне важно, как описано ваше последнее место работы, в том числе название текущей или последней занимаемой должности. Если названия позиций отличаются в заголовке резюме и по последнему месту работы от названия вакансии, то работодатель не понимает логику вашего отклика. Ему потребуется совершить дополнительные действия, чтобы в этом разобраться. При наличии большого количества релевантных кандидатов, он этого делать не будет.
Чтобы не возникало вопросов, некоторые не указывают должность вовсе. Но так тоже не работает.
— Чаще всего это результат не забывчивости, а непонимания собственных целей: могу быть и менеджером по продажам, и проектом руководить, и пиаром заниматься, —полагает Наталья Сторожева, генеральный директор Центра развития бизнеса и карьеры «Перспектива».
2. Неудачная фотография или отсутствие таковой
Рекрутеры признаются, что реже открывают резюме без фотографий. Но соискателю не стоит надеяться, что само наличие снимка повысит шансы. К выбору необходимо подойти ответственно.
— Неактуальная для резюме фотография резко снижает шансы на заинтересованность потенциального работодателя, — говорит Зарина Хакимова, менеджер по персоналу компании ICL Services. — К таким фото можно отнести все приватные фотографии с вечеринок, коллективные фотографии с друзьями и семьей, откровенные фото и снимки с домашними питомцами. Критерий выбора един: фотография в резюме должна быть качественной, единоличной и соответствовать вакансии, на которую претендует соискатель.
3. Слишком короткое или слишком длинное резюме
Идеальным вариантом считается объем в 1–2 страницы формата А4. Шрифт при этом не должен быть слишком мелким.
— Чтобы написать хорошее резюме, необходимо сконцентрировать свое внимание на главных фактах вашего опыта, — подсказывает Зарина Хакимова. — Слишком короткое резюме может вызвать сомнение в профессионализме и компетентности кандидата, но излишне длинное, как правило, не говорит о богатом опыте, а лишь подчеркивает неумение выделять главное и доносить основную информацию.
— Рекрутер первично оценивает резюме в течение нескольких секунд, — уточняет Александра Имаева. — Если ваше CV в разы больше 2–2,5 страниц, возникает предположение о том, что вы не способны вычленить главное и структурировать информацию. Краткое описание функционала и результатов одной строкой — «подробнее расскажу на собеседовании» — тоже не подойдет. Если ваше резюме отсеется на первом этапе — такой возможности у вас не будет.
4. Неструктурированная подача информации
Это базовое правило составления резюме: разбивать его на блоки, использовать маркеры списка, заголовки. На сайтах для поиска работы существует готовый шаблон, которому просто нужно следовать. Тем не менее с грамотным оформлением справляются не все.
{«url»:»https:\/\/booster.osnova.io\/a\/relevant?site=vc»,»place»:»between_entry_blocks»,»site»:»vc»,»settings»:{«modes»:{«externalLink»:{«buttonLabels»:[«\u0423\u0437\u043d\u0430\u0442\u044c»,»\u0427\u0438\u0442\u0430\u0442\u044c»,»\u041d\u0430\u0447\u0430\u0442\u044c»,»\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c»,»\u041a\u0443\u043f\u0438\u0442\u044c»,»\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c»,»\u0421\u043a\u0430\u0447\u0430\u0442\u044c»,»\u041f\u0435\u0440\u0435\u0439\u0442\u0438″]}},»deviceList»:{«desktop»:»\u0414\u0435\u0441\u043a\u0442\u043e\u043f»,»smartphone»:»\u0421\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u044b»,»tablet»:»\u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b»}},»isModerator»:false}
— Сплошной текст «кирпичом» не читаем – информация не доносится до работодателя — резюме летит в корзину, предупреждает Александра Имаева.
— В современном мире успешен тот, кто ценит самый главный ресурс — свое и чужое время, — говорит Зарина Хакимова. — Опытному рекрутеру достаточно пятнадцати секунд, чтобы оценить резюме. Поэтому у того, кто придерживается основных правил: лаконичность, структурированность, уникальность — высоки шансы вытянуть свой «счастливый билет» на интервью.
5. В резюме не указаны контакты
Перед тем, как откликнуться на вакансию, стоит внимательно проверить наличие и актуальность контактных данных. Если специалист эксклюзивный, рекрутер без сомнения найдет способ с ним связаться, но чаще предпочтет не утруждаться.
— Кандидаты иногда делают это осознанно, например, в целях конфиденциальности, — комментирует Наталья Сторожева. — Но если в резюме указана только электронная почта, как рекрутеру задать вопрос, оперативно получить информацию, уточнить навыки, назначить встречу? Пока все это выясняется в длительной переписке, на работу принимают другого кандидата. Если же в контактной информации допущена механическая ошибка: в телефоне не хватает цифр, а в электронной почте — букв, то кандидату дозвониться невозможно, а письма не могут быть доставлены. Такая невнимательность или поспешность в составлении резюме сводит на нет все усилия соискателя по поиску достойной работы.
6. Не указана дата рождения
Упоминание возраста может показаться не важным, а иногда даже лишним. Но HR-специалисты внимательны к этому пункту.
— Кандидаты старше 40 лет часто не указывают дату рождения, считая, что это их «слабое место», — поясняет Наталья Сторожева. — Но возраст легко определить по косвенным признакам: дате завершения первого образования или службе в армии. Отсутствие в резюме информации о возрасте — это не только лишняя вычислительная работа для рекрутера. Это еще и сигнал о том, что кандидат испытывает тревожность по поводу своего возраста, не уверен в себе, пытается отвлечь рекрутера, ретуширует информацию. Умышленно искаженная дата рождения воспринимается работодателем как обман.
7. Копирование и использование шаблонов
Эксперты рекомендуют «подгонять» резюме под каждую вакансию, но часто соискатели предпочитают сэкономить усилия: скопировать должности и названия компаний из трудовой книжки, обязанности из должностной инструкции, а личные качества — из образцов в открытых источниках.
— Ваше резюме должно быть уникальным, — рекомендует Зарина Хакимова. — Не стоит использовать стандартный набор фраз. Хорошей альтернативой могут послужить синонимы. «Коммуникабельные, стрессоустойчивые и пунктуальные» кандидаты встречаются почти в каждой анкете, а второго шанса произвести первое впечатление на работодателя не будет.
— Меня очень дергает, когда люди копируют в виде общих формулировок (как заголовки в учебнике) компетенции, которыми они должны обладать на должности, на которую претендуют, — признается Сергей Пархоменко, управляющий партнёр PR-агентства Идеи&Решения. — Например, разработка маркетинговой стратегии, репозиционирование товара и т.д. А реально понимаешь, что человек по своему опыту в принципе этого делать не может, он этого никогда не делал и скорее всего не сможет это выполнить, если ему такую задачу поставить. То есть видно явное несоответствие того, на что он претендует тому, каким опытом он обладает.
8. Отсутствие достижений
Рекрутер более-менее представляет, чем занимает разыскиваемый им специалист. Важнее узнать, как хорошо соискатель выполняет свои обязанности.
— В тренде — результативные сотрудники, а не процессные, — считает Александра Имаева. — Поэтому делать ставку в резюме только на описание выполняемых задач не стоит. Важно описать результаты своей работы, чтобы показать работодателю свою потенциальную ценность.
— Одна из часто встречаемых ошибок в резюме — это акцент на обязанностях, будто скопированных из должностной инструкции, а не на достижениях, — подтверждает Зарина Хакимова. — Безусловно, описать свои обязанности с предыдущего места работы необходимо, но не менее важно детализировать свои успехи и достижения, в результате которых вы стали экспертом в той или иной области.
— Мне не нравится, когда в резюме много прилагательных, — дополняет Наталья Ильичёва, директор по развитию PR-агентства Идеи&Решения. — В них много субъективного. Человек перечисляет какой он положительный прилагательными, но лучше фактов побольше.
9. Обман
Это критичная ошибка, которая может выйти боком если не на этапе отклика на вакансию, то на собеседовании или уже после выхода на работу. Чем позже, тем больше негатива от работодателя.
— Указывая в резюме неправдивые данные, соискатель играет с собой в злую шутку, — говорит Зарина Хакимова. — Бесспорно, количество заинтересованных работодателей возрастет, но на собеседовании обман непременно вскроется. Гораздо эффективней описать реальный опыт и подкрепить фразой о желании саморазвития в том или ином направлении.
10. Опечатки или грамматические ошибки
Сложно поверить, но рекрутеры довольно часто обнаруживают в резюме грамматические ошибки. Чаще всего это происходит от невнимательности соискателя, но кому захочется тратить время и выяснять, так ли это.
— Необходимо уделить должное внимание деталям при составлении описания своего профиля, — рекомендует Зарина Хакимова. — Несоблюдение элементарных правил может повлиять на ваш имидж и охарактеризовать как невнимательного или малообразованного человека, что недопустимо для того, кто заявляет себя как профессионала на рынке труда.
И все же…
Бывает, что-то «цепляет» работодателя и заставляет его пригласить кандидата, несмотря на погрешности в резюме. Но подобные истории скорее исключение.
— У нас был такой случай, — рассказывает Сергей Пархоменко. — Резюме было так себе, я не помню, почему мы пригласили этого кандидата на собеседование, но хорошо, что это сделали, так как это помогло нам найти достойного сотрудника. Когда на встрече он начал показывать примеры своих реальных работ, то мы поняли, что человек реально хорошего уровня, и ни резюме, ни даже его устная речь не соответствует тому, что он реально умеет.
Чаще всего удача на стороне узких специалистов, которых могут рассмотреть из-за дефицитности подобных профессионалов.
— Рекрутер не обращает внимания на резюме кандидата, если последний обладает уникальными навыками или количество соискателей на вакансию минимально, — соглашается Александра Имаева. — В остальных случаях, чем выше уровень продвинутости навыков самопрезентации через резюме и сопроводительное письмо, тем выше шанс выделиться на фоне других кандидатов и получить желаемый оффер.
— В моей практике самый запоминающийся кейс был с кандидатом, абсолютно непримечательное резюме которого было обновлено около пяти лет назад, — вспоминает Зарина Хакимова. — Поиску подобных анкет способствовала существовавшая на тот момент бизнес-потребность в специалисте, имеющем достаточно редко встречающиеся компетенции. Пообщавшись с кандидатом, мы поняли, что все необходимые компетенции превосходно развиты и наш интерес в совместной работе взаимен. Как выяснилось позже, соискатель долгое время не находился в активном поиске работы и «халатно» отнесся с своему резюме, которое, к сожалению, никак не отражало его экспертизу, при этом на индивидуальном интервью он отлично продемонстрировал свой профессионализм.
Распространенные ошибки в резюме | BOSSHUNT
Самым важным документом при поиске работы является резюме, потому что только с помощью него соискатель может заявить о себе работодателю.
Резюме — это своего рода второй паспорт человека, позволяющий ему найти работу. Многие соискатели уже в самом начале допускают грубые ошибки при составлении резюме, из-за чего не получают приглашений на интервью. Ниже представлен список наиболее часто допускаемых ошибок в резюме. Убедитесь, что вы не сделали ни одной из этих ошибок, прежде чем отправлять резюме работодателю.
Наиболее распространенные ошибки в резюме:
- Ложь
В эпоху Интернета люди часто забывают, что ложь легко проверить. Например, связавшись по телефону с вашим предыдущим работодателем. Не испытывайте судьбу, как говорится. - Грамматические и орфографические ошибки
Проверьте несколько раз свое резюме на грамматические и орфографические ошибки перед тем как отправлять его работодателю. Рекрутер обязательно обратит внимание на опечатки, стилистические ошибки. Одно резюме для всех
Каждое резюме должно составляться под каждую конкретную вакансию, поэтому следует включать только тот опыт, образование, навыки и курсы, которые относятся непосредственно к данному профилю вакансии и отвечают потребностям работодателя на эту позицию.Резюме на 3-4 страницы
Хорошее резюме не должно по своей длине превышать 1-2 страницы. Работодателей раздражают слишком длинные «истории из жизни». Помните: резюме-это не сочинение, а краткий гид, в котором собраны основные сведения о вашей квалификации.Лишняя ненужная информация
Очень часто соискатели включают в резюме много информации, которая не имеет никакого отношения к должности, на которую они претендуют. Например, многие тратят время на перечисление всех своих мест работ, вместо того, чтобы сосредоточиться на тех, которые релевантны заявленному опыту работы в вакансии.Неподходящее фото
На основании фотографий, прикрепленных к резюме, у работодателя складывается мнение о соискателях. Поэтому подходите к выбору фото с умом.Непрофессиональный адрес email
Резюме – это серьезный документ, так что и адрес электронной почты также должен соответствовать бизнес-этикету.Остерегайтесь размещать свои «нелепые» email, типа: [email protected], [email protected]. Лучше создайте профессиональный email с серьезным названием.
Фиктивные рекомендации
Написание в резюме контактов, которые могут дать вам рекомендацию, очень ценятся работодателями, при условии, что вы уверены на 100% в их положительном отзыве о себе и кроме того, они согласны вам их предоставить. Ведь работодатель может позвонить по указанному номеру телефона, а человек на другом конце провода не поймет, о чем идет речь.Отсутствие контактной информации
Если вы не напишете свои номер телефона, адрес электронной почты, то потенциальный работодатель просто не сможет с вами связаться. Из-за такой глупой ошибки вы лишите себя шанса получить эту работу.
Теперь вы знаете об основных ошибках, которые допускают соискатели в резюме, и сможете их избежать. Предупрежден — значит вооружен!
Следующие две вкладки изменить содержание ниже.
Эксперт по резюме, тренер по собеседованию, основатель и автор публикаций на bosshunt.ru.
ПохожееПомогите!!! Ошибки соискателей, рассмотрите примеры резюме из жизни
Человек ищет работу:
Уровень: руководитель отдела / ведение проекта
Направление: техническое / производственное / ПЭО
Отрасль: производство, строительство, энергетика
И пишет следующее резюме:
—————————-
Специалист по системам и процессам управления предприятием.
Моб. Телефон #### #### #### ###
E-mail #######################
Опыт работы
##/2007 — —
FCMG «супер-брэнд компания»
инженер по подготовке производства
Разработка, внедрение и ведение систем/процессов управления производством:
— мотивация персонала
— управленческий учет
— планирование
##/2005 –##/2007
Машиностроение «Провинс-компани»
начальник бюро систем менеджмента качества
проектная работа:
— технико-технологический аудит производства
— оценка производственной возможности, подготовка мероприятий по техническому развитию производства > планирование
— постановка систем управления: управленческий учет и планирование, в т. ч. бюджетирование
— разработка бизнес-плана, анализ на предмет производственной возможности, анализ эффективности
— разработка концепции системы мотивации, начало
— разработка системы управления инструментальным цехом
— описание и моделирование бизнес процессов
— анализ эффективности проектов на внедрение оборудования
— анализ эффективности планов производства основной продукции
03/2003 — ##/2005
Машиностроение «Провинс-компани»
Инженер
— подготовка к сертификации (ИСО 9000)
— описание и моделирование бизнес процессов
— разработка регламентов и процедур
— анализ оргструктуры предприятия
— внутренние аудиты
02/2002 — 03/2003
Машиностроение «Провинс-компани»
Инженер
— сопровождение производства инструментария (пресс-формы, штампы и т.д.)
— настройка станков (подбор сменных шестерен)
— составление программ станков с ЧПУ
— расчет потребности в материалах
— подготовка планировок на размещение оборудования
— конструирование оснастки
— монтаж электросхем, восстановление электрооборудования
— механика, ремонт и обслуживание
Образование
Высшее, техническое, инженер
Владение иностранными языками:
Немецкий — читаю со словарем
Английский — читаю со словарем
Знание компьютера: Уверенный пользователь ПК, опыт работы с программами: MS Office, чертежные, правовые, бухгалтерские, фаловые менеджеры, графика, бизнес моделирование и т. п.
Знание и навыки применения основ программирования (составление алгоритмов). СУБД.
Почему Вы отбросите это резюме?
Почему Вы никому не когда не порекомендуете это резюме?
Почему Вы не зададите дополнительных вопросов человеку?
Как следует описать имеющийся опыт?
Как и где этот опыт можно применить?
Каковы перспективы такого соискателя?
Что посоветуете?
Резюме почти реальное, на основе моего, если данных недостаточно, спрашивайте, дополню…
Интересует как и на основе чего происходит отсев, по каким признакам…
Как рассматриваются отрасли: ведь нормировщик из машиностроения, легко затыкает за пояс оного из пищепрома
Что написать «О себе» в резюме: примеры и лайфхаки 2021
Если вы хотите составить действительно хорошее и запоминающееся резюме, то вам нужна сильная вводная часть, которая заставит рекрутера детально рассмотреть вашу кандидатуру.
Выбирая книгу или фильм, вы, скорее всего, сначала прочтете описание или посмотрите трейлер. Точно также и рекрутер сначала хочет узнать в общих чертах о кандидате.
Вот тут и вступает в силу раздел резюме «О себе» (Career Summary). Еще можно встретить такие названия для этого раздела как «Основные компетенции» или «Ключевые квалификации», но суть всё та же.
Название «О себе» для данного раздела — более универсально, в то время как «Основные/ключевые компетенции» больше подойдет для опытных специалистов, которые хотят подчеркнуть свои профессиональные навыки и карьерные достижения.
Раздел «О себе» дает возможность рекрутеру моментально понять ваш профессиональный портрет в общих чертах.Главное не путать раздел «О себе» и «Цель». Несмотря на то, что оба раздела размещаються сверху резюме и имеют свободную форму,их задачи разные. Мы расскажем подробнее о разнице дальше.
В этой статье разберем:
- Раздел «О себе»: что это и зачем нужен
- Как написать о себе в резюме?
- Примеры раздела «О себе» в резюме разных специалистов
- В чем разница между разделами «О себе» и «Цель»?
- Как написать о себе на английском языке в резюме?
Раздел «О себе»: что это и зачем нужен
Хотя написание резюме не является точной наукой, для отправной точки нам понадобиться немного теории и определений.
Что такое раздел «О себе» в резюме?
Раздел «О себе»/»Ключевые компетенции» — это выдержки из вашего профессионального опыта. Этот раздел выносит на первый план навыки и достижения, которые показывают, что вы действительно подходите на интересующую вас должность.
Размещается эта вводная часть резюме вверху документа, сразу после контактов и заголовка.
Зачем нужен этот раздел?
Главная задача раздела — сделать акцент на основных компетенциях и карьерных успехах без углубления во все остальное, что написано в резюме.
Это как обложка книги или трейлер к фильму.Хорошо написанный раздел заинтересует рекрутера детально изучить ваше резюме.
При написании раздела «О себе» думайте в таком ключе: у рекрутера десятки резюме, на детальное изучение каждого нет времени, а вводный раздел помогает им сразу понять стоит ли рассматривать дальше конкретное резюме. Это значит, что ваша вводная часть резюме должна цеплять релевантными ключевыми словами и уникальным предложением.
Кому подойдет этот раздел?
Так как раздел подчеркивает качества, связанные с обязанностями на предыдущих местах работы, то для специалистов с опытом работы он подходит идеально.
Но этот раздел довольно гибкий и само количество опыта не так важно, зато важно что именно вы выделяете. Поэтому далее мы приведем примеры графы «О себе» для кандидатов с разным уровнем опыта.
Как правильно назвать раздел?
Назвать этот раздел в резюме можно по разному: О себе, Основные компетенции, Ключевые квалификации. Составляя резюме для иностранных компаний на английском языке, вы можете назвать этот раздел Resume Summary или Career Summary. В нашей библиотеке образцов резюме вы найдете множество примеров CV на русском и английском языках.
Нужно создать качественное резюме, а времени очень мало? Используйте готовые примеры резюме, которые можно редактировать онлайн, чтобы создать профессиональное резюме в кратчайшие сроки. Смотреть примеры 👈
Как написать о себе в резюме?
Раздел «О себе» содержит такую информацию:
- Ключевые моменты вашей карьеры, достижения
- Ваши самые сильные навыки, компетенции имеющие отношение к желаемой должности
- Как ваш опыт относиться к данной вакансии и чем вы будете полезны компании

Чтобы упростить задачу, мы вынесли основные принципы написания этого раздела в таблицу, которая подойдет и выпускниками, и опытным профессионалам, и тем, кто планирует сменить профессию. В ней вы можете посмотреть тот вариант, который подходит вам и использовать при составлении собственного резюме.
О себе/Ключевые компетенции — основные правила раздела | ||
---|---|---|
Выпускник | Опытный профессионал | В процессе смены профессии |
Начните с области, которую вы изучали, вашей степени, среднего балла, если он высокий и красного диплома, в случае его наличия. | Посмотрите описание вакансии и определите главные требования к кандидату. Опишите те свои навыки, которые соответствуют требованиям работодателя. Укажите как вы использовали свои сильные навыки на других должностях. | Подумайте о том, как полученные навыки связаны с работой, которую вы хотите получить, и как они помогут в развитии вашей будущей компании.![]() |
Вспомните пройденные стажировки, работы с частичной занятостью, фриланс, волонтерство и даже хобби, и найдите способ исчислить ваш вклад и достижения в цифрах. Проводили образовательное мероприятие и его посетили 3 000 человек? Обязательно укажите это. | Факты и цифры говорят больше, чем слова. Укажите цифры, чтобы оценить ваши профессиональные достижения и сделать их действительно впечатляющими. | Не имеете релевантного опыта к новой должности? Тогда используйте раздел Resume Objective. Там вы сможете описать причину смены профессии и что вы готовы сделать для новой компании. |
Вполне нормально гордиться своими достижениями в работе и указать их в резюме. Только убедитесь в том, что эта информация действительно полезна для будущего работодателя и характеризует вас как отменного сотрудника.
Как выделиться с помощью раздела «О себе»?
Раздел «О себе» содержательный, но краткий. Чтобы сразу попасть в цель, нужно знать что выделять. Для этого вам нужно провести небольшое исследование, а именно изучить:
- описание вакансии
- компанию
- индустрию
Описание вакансии даст вам список требуемых навыков. Чтобы упомянуть эти навыки в «Ключевых компетенциях» подумайте, какие достижения лучше всего иллюстрируют ваши способности?
Изучая компанию обратите внимание на отрасль и типы проектов, ведь скорее всего они ищут человека, знакомого и компетентного в их сфере. Продумайте, какие моменты из вашего предыдущего опыта или полученные навыки будут полезны конкретной компании. Изучение компании даст вам еще один важный инсайт — корпоративная культура. Ведь, согласитесь, стиль блока «о себе» для должности в серьезной страховой компании может отличаться от должности в стартапе.
Определите требования вашей индустрии. Здесь помогут статьи о новостях и трендах из вашей отрасли и примеры резюме более опытных специалистов. Выделите какие качества важны для желаемой должности.
И наконец, выделите в чем ваше уникальное предложение. Это может показаться сложным, но поверьте, вам есть чем гордиться. Подумайте о принесенной вами пользе, например, о чем-то измеримом, как увеличение продаж, конверсий или подписчиков, оптимизация расходов или количество успешных проектов. Уникальный опыт с иностранной компанией или на стыке двух отраслей, специфические или управленческие навыки, профильные награды — все это станет вашим конкурентным преимуществом.
Ошибки при написании о себе
Чего стоит избегать при написании как раздела «О себе» так и резюме в целом:
- Лишние и неуместные детали. Все что не имеет прямого отношения к должности и не указано как требование в описании вакансии смело убирайте из резюме: точный домашний адрес, семейное положение, детали о привычках и семье. Также не уместно писать подробно об ВУЗе в разделе «О себе», ведь для этого существует отдельный раздел «Образование».
- Набор прилагательных. Фразы клише и шаблонные слова вроде «коммуникабельный, быстро учусь, нацелен на результат» может написать любой, но пользы от этого не будет.
Лучше расскажите о своих способностях и желании быстро учиться более живо и интересно, приведя пример и подкрепив фактами и цифрами.
Совет
Так же, как и во время составления сопроводительного письма, адаптируйте раздел про основные профессиональные навыки под каждую вакансию, на которую вы откликнетесь. Убедитесь, что этот раздел отвечает ожиданиями работодателя. Читайте здесь советы по составлению раздела «Опыт работы», чтобы понимать, как правильно связывать информацию про опыт и полученные навыки.
Примеры раздела «О себе»
Лучше всего описанные правила и советы демонстрируют примеры. Далее мы приводим примеры заполнения ключевых квалификаций в графе о себе для разных профессий. Обратите внимание на структуру и то, как подкрепляться все утверждения фактами и цифрами.
Пример основных квалификаций для менеджера ресторана
ПРОАКТИВНЫЙ — ВЫСОКООРГАНИЗОВАННЫЙ — ВНИМАТЕЛЬНЫЙ- Управлял рестораном на 60 посадочных мест и увеличил рейтинг отзывов клиентов с 4.
2 до 4.7 в течении 6 месяцев.
- Контролировал поставщиков и заказы, тем самым сократил затраты на 30% в месяц.
- Возглавлял команду из 16 человек и 4 барменов, сократил текучесть кадров в 2 раза.
- Улучшил условия обслуживания клиентов и сократил денежные списания на 7%, после внедрения новой системы управления денежными средствами.
- Победитель «Best Regional Restaurant 2019» от журнала «Лучшие региональные рестораны».
Вам будет полезно знать, что:
Используя раздел с описанием ваших ключевых преимуществ в резюме, вы получите больше шансов пройти через «Систему по управлению кандидатами» или ATS (Applicant Tracking System).
Дадим вам краткое представление о том, что такое система отслеживания кандидатов (ATS).
ATS — программное обеспечение, позволяющее автоматизировать решение рекрутинговых задач. Система фильтрует заявки на вакансии, путем оценки содержания входящих резюме. Такие системы используются для оптимизации потраченного времени в процессе найма сотрудников. Вполне вероятно, что отправляя резюме на вакансию в крупную компанию, ваш документ в первую очередь проходит оценку системой по отслеживанию кандидатов, и только после этого попадает в руки к рекрутеру.
ATS фильтрует релевантные резюме на основе различных критериев, одним из которых являются правильные ключевые слова.
Поэтому, хорошей идеей для кандидата, будет использование в резюме ключевых слов из описания вакансии.
Окажется ли ваше резюме в руках у рекрутера, зависит от того, хорошо ли оптимизирован ваш документ под алгоритмы ATS.
Помните, очень важно хорошо продумать список ключевых квалификаций и достижений для графы «О себе» в вашем резюме.
Чтобы дать вам еще больше идей, вот еще один пример хорошо продуманного и структурированного раздела с основными навыками.
Пример ключевых квалификаций для консультанта центра поддержки клиентов
ПРОАКТИВНОСТЬ:- Признан «Лучшим продавцом года», после перевыполнения установленного плана по регистрации клиентов на карту лояльности;
- Был отобран в качестве посла бренда и представлял компанию на отраслевом конкурсе Best Contact Center, который проходил по всей стране.
- Прочные навыки решения клиентских проблем с показателем 85% решенных запросов с первого звонка;
- Умею ставить цели и выполнять их. Повысил KPI отдела на 20 % за последний квартал;
- Умею соответствовать ожиданиям и требованиям клиента. Показатель удовлетворенности клиентов на предыдущей работе — 95%.
Пример раздела «О себе» в резюме менеджера по логистике
Опытный менеджер по логистике с более чем 5-летним опытом работы, стремлюсь использовать эти знания на должности «Главный менеджер по логистике» в вашей компании. Имею опыт внедрения индивидуальных решений в компанию, сокращения накладных расходов, эффективного управления отношений с клиентами.- Сократил время простоя активов на 19% на предыдущем месте работы.
- Внедрил новое программное обеспечение для планирования с экономией в 60% расходов в первый год.
- Привлек новых клиентов, демонстрируя лучшие решения для планирования и выполнения бизнес-задач.
Этот пример хорошо структурирован благодаря использованию маркированного списка. Посмотрите также наш образец резюме логиста в библиотеке примеров.
Образец ключевых квалификаций аналитика
Оперативный аналитик данных с опытом двух стажировок и заключением краткосрочного контракта. Стремлюсь предоставлять своевременные отчеты с глубоким анализом для Data Point Inc с помощью специально запрограммированных механизмов запросов. Квалифицированный в управлении проектами от старта и до завершения. Высоко ценился в Insights4u за организационные и командные навыки. Разработал новый отчет, позволяющий улучшить закупку компонентов, сократив затраты на 8%.
Совет
Информация из раздела Ключевые квалификации должна быть связана с остальными разделами вашего резюме. Собранные основные навыки должны соответствовать вашему опыту работы или истории образования, если вы выпускник.
В чем разница между разделами «О себе» и «Цель»?
Ключевое различие между этими двумя разделами резюме заключается в объеме и основной задаче. Однако, оба эти раздела дают рекрутеру с первого взгляда представление о том, что вы сможете принести в их компанию, начав у них работать.
Раздел Цель — это небольшой раздел вашего CV, в котором вы кратко описываете мотивацию получить работу, а также как ваши навыки и опыт помогут работодателю получить необходимый результат.
Этот вариант подойдет для выпускников, для тех кто меняет профессию, имеет небольшой опыт, либо хочет проявить свою мотивацию в получении новой должности.
А раздел О себе используют для того, чтобы «похвастаться» своими внушительными профессиональными достижениями.
Вы сразу указываете на свои основные навыки, избавляя HR от поиска нужной информации по всему документу. Часто, этот раздел используют опытные специалисты, для описания своих релевантных достижений и заслуг.
Используя любой из этих разделов в своем резюме, позаботьтесь об актуальности указанной информации к выбранной вами должности, для того, чтобы рекрутер сразу увидел то, что он ищет.
Как написать о себе на английском языке в резюме?
В начале статьи мы упоминали, что в англоязычных странах есть несколько аналогов раздела «О себе»/»Ключевые компетенции»: Career Summary, Qualifications Summary, Resume Profile. Есть ли между ними отличия? В целом — нет, это синонимы и задача у них одна и та же — дать краткое описание карьерных успехов и выделить кандидата среди конкурентов.
Есть лишь незначительные различия в фокусировке раздела: Career Summary больше об опыте работы, Qualifications Summary концентрируется на навыках, а Resume Profile выглядит как мини версия сопроводительного письма.
Аналогично с резюме на русском языке, раздел «О себе» в англоязычном CV может включать следующую информацию:
- Профессиональные достижения
- Достижения в образовании
- Релевантные навыки
- Выполненные проекты, которыми вы гордитесь
Раздел можно написать в виде сплошного параграфа, в виде списка, либо объединить два этих способа.
Размещайте текст о себе вверху документа, над опытом работы, ведь это должно быть первое, что увидит рекрутер.
Так как существует много вариантов названий вводной части в резюме, важно не перепутать раздел Resume Objective и Career Summary.
К счастью, разделы можно отличить даже визуально, потому что Resume Objective самый краткий раздел, а Resume Profile гораздо объемнее.
Можно использовать любой из этих трех разделов в резюме. Главное — написать их корректно и сделать привлекательными для работодателя.Еще раз подчеркнем разницу между разделами в резюме на английском языке:
- В сравнении с Resume Objective, раздел Resume Profile длиннее и рассказывает о том, чем вы подходите на выбранную позицию. Задача раздела Objective — показать, каковы ваши цели относительно будущей работы и с помощью каких навыков вы будете их выполнять.
- Раздел Career Summary показывает менеджеру по найму ваши ключевые, а также релевантные навыки и достижения, без углубления в детали.
Resume Profile включает эту информацию, а еще ваши профессиональные цели.
Совет
Раздел «О себе» должен быть нацелен на каждую конкретную вакансию, на которую вы отправляете свое резюме. Он должен быть информативный и включать только релевантную к выбранной должности информацию.
Подводим итоги
Добавляя раздел «О себе», вы делаете свое резюме более личным и ориентированным на вакансию, на которую претендуете.
Продемонстрируйте ключевые моменты своей карьеры, покажите своему будущему работодателю, на что именно вы способны, и выделите навыки, над которыми вы усердно работали. Это заинтересует работодателя, заставит хотеть узнать больше о вас.
Рекомендации по составлению этого раздела:
Вот некоторые рекомендации, которые помогут вам составить этот раздел:
- Укажите как далеко вы зашли в своем профессиональном развитии.
- Укажите какой опыт работы вы имеете.
- Подчеркните квалификации и ваши личные достижения.
- Используйте лишь самые сильные примеры ваших достижений и навыков, то, чем вы действительно гордитесь.
- Исследуйте компанию и отрасль, прежде чем писать о себе в резюме, чтобы четко понимать, что действительно является вашим преимуществом.
Внимательно ознакомьтесь с описанием вакансии, которая вас заинтересовала. Нет смысла отправлять резюме, пока вы не убедитесь, что ваш документ соответствует ожиданиям работодателя.
Для своего удобства, вы можете выписать список требований от работодателя, а также список ваших навыков и того, что вы можете предложить этой компании.
Четыре золотых правила, которым нужно следовать:
1Сделайте акцент на своем опыте
2Пишите четко и понятно
3Структурируйте информацию
4Напишите о релевантных квалификациях
Когда вы закончите, поставьте себя на место HR, прочитайте обзор своих квалификаций и ответьте себе на вопрос: «Почему я хочу нанять этого человека?»
Если ответ, на основе прочитанного, окажется положительным — вы добились желаемого результата.
Всегда проверяйте свое резюме на наличие таких ошибок, как: орфография, грамматика и опечатки.
Эти маленькие детали оказывают значительное влияние на то, как вас увидит будущий работодатель. Особенно, если в навыках вы указываете «внимательность к деталям», «грамотность» и т.п.
Попросите друзей или родственником перечитать ваше резюме. Иногда, мелкие ошибки не очевидны для нас, но другие смогут легко их заметить.
А для того, чтобы профессионально структурировать все ваши разделы и быстро создать свое резюме, используйте надежный онлайн CV конструктор, в котором вы сможете выбрать шаблон резюме на свой вкус и красиво его подготовить, используя различные методы оформления. Мгновенная регистрация 👈
Автор:
Аня ДовбышКак составить резюме. Самый полный гайд 2021
… Зачем мне, эксперту с 10-летним стажем, который работал в Гугл и Яндекс, составлять резюме? Да если я даже просто напишу о своем опыте на салфетке, сотни компаний выстроятся в очередь, чтобы нанять меня…
– Вы знаете, этот претендент действительно интересен. Но что-то в его резюме смущает нас. Возможно, бумага слишком мягкая. Давайте рассмотрим другие кандидатуры…
Каждый рекрутер рано или поздно сталкивается с подобным диалогом. Каждый рекрутер понимает, что несмотря на опыт и ценность кандидата, его будут оценивать, в первую очередь, по резюме.
Соответственно, ваше CV обязано выглядеть на миллион долларов. И оно станет таким после прочтения этой статьи. Перед вами САМОЕ подробное русскоязычное руководство как сделать резюме.
Раздел 1. 5 cоветов как написать резюме Совет №1. Структура написания. Что должно быть в резюме?Итак, начнем! Вот главные требования:
- Логическая целостность
- Легко читаемый шрифт
- Главные достижения
- Объем 1-2 страницы
- Только релевантная информация
Менеджеры по персоналу тратят в среднем 6-9 секунд на просмотр 1 резюме. Сначала они изучают общий вид документа, а затем самые интересные его части. Так, вначале взгляд падает на краткую информацию, цепляясь за цифры. Затем — на позиции и компании из опыта. Также задерживается на ключевых навыках. Лишь малое внимание получают хобби и о себе, а контакты — в самом конце.
Резюме включает обязательные и дополнительные разделы. Ниже мы перечислим их, а далее пройдемся детально по каждому.
Обязательные пункты структуры резюме:
- Шапка: имя, контакты, желаемая должность (цель)
- Краткая информация
- Опыт (Если его нет — детальнее в статье на эту тему)
- Образование
- Профессиональные навыки
Дополнительные:
- Курсы, награды, сертификаты
- Личные качества
- Информация о себе и предпочтениях в работе
Порядок подачи информации в них зависит от:
(a) ее важности: наиболее важная вначале (например, если вы опытный кандидат, вначале напишите про опыт работы, затем — про образование. И наоборот — для молодых и проактивных).
(б) выбранного стиля шаблона (об этом как раз ниже).
Пример структуры резюме в конструкторе СV2you:
Перейдя по ссылке, вы можете использовать этот шаблон для создания собственного резюме.Совет №2: Как писать резюме на работу: оформление и стиль резюмеСуществует 3 стандарта как оформить резюме правильно. Выбор зависит от опыта и целей кандидата.
Хронологический формат подходит для соискателей с любым опытом. Информация располагается в порядке от самых последних событий к наиболее ранним. Хронологический формат нравится большинству рекрутов.
Функциональное резюме подходит вам, если у вас был значительный перерыв в рабочем стаже, либо отсутствует опыт, требуемый в желанной вакансии. Данный формат помогает сфокусироваться на ваших навыках, поэтому их необходимо перечислить сразу после раздела с информацией.
Смешанный формат включает особенности 1 и 2 вида резюме. Здесь основной акцент делается на профессиональных и гибких навыках кандидата, а также на образовании и опыте работы.
Независимо от выбора формата, добавляйте маркированные списки (bullet points) для перечисления навыков / обязанностей / ключевых достижений:
- такая информация
- бросается в глаза
- гарантированно!
Стиль документа имеет определяющее значение для вашего имиджа и уровня рабочей этики. Пусть он работает на вас, а не против вас. Далее мы расскажем про основные стили, а использовать их вы сможете, просто перейдя по ссылке каждого шаблона.
Классическое резюме ( у нас это шаблон Basic 403)
Для кого: линейные менеджеры, административный персонал
Особенности: простое, лаконичное, аккуратное
Сферы: подходит для любых профессий
Резюме + инфографика (шаблон Smart 403)
Для кого: менеджеры по продажам
Особенности: запоминается, раскрывает навыки кандидата, управляет репутацией
Сферы: коммуникации и PR, продажи
Профессиональное резюме (корпоративное) (шаблон Professional 403)
Для кого: руководитель, юрист, банкир, ревизор, главный менеджер
Особенности: меньше яркости в подаче, акцент на опыт работы
Сферы: везде, где нужен строгий подход к делу
Минималистичное резюме ( на CV2you шаблон Simple 403)
Для кого: специалисты со стажем до 3 лет
Особенности: минимализм и большие объемы пространства
Сферы: любые

Стандартное оформление предусматривает 0,5 – 1 см отступы по бокам документа, плюс по 2 сантиметра вверху и внизу. Используйте выравнивание текста по центру, а для списков и заголовков выравнивание по левой стороне.
«Классика форматирования — резюме со шрифтами Times New Roman или Arial очень помогает при прочтении объемных резюме опытных кандидатов».
Райли Кунц, HR в HubSpot
Размер шрифта лучше всего выставить в 11-14 пт — его легко распознают ATS, а также он удобен для чтения. Если нужно добавить заголовок, например, название раздела, его размер должен быть на 2 пт больше, чем у основного текста.
Совет: При наборе текста избегайте клавиши CAPS LOCK. Если хотите выделить ключевые слова, используйте курсив или жирный шрифт. Также помните, что подчеркнутый текст довольно трудно читается, поэтому его лучше не использовать.
Лучшие шрифты для резюме — разборчивые, такие что приятно читать и не слишком кричащие. Вот ТОП-10 по мнению международного портала Monster:
Наши дизайнеры также задумались над этим вопросом, провели свое небольшое исследование и отобрали 6 лучших шрифтов для конструктора CV2you: 4 с засечками и 2 без.
Шрифты для резюме | |
С засечками | Без засечек |
Cambria Garamond Minion Pro Myriad Pro | Helvetica Roboto |
Совет: Для меньшего по размеру текста лучше выбрать шрифт без засечек: Helvetica, Roboto, Calibri, Arial. (на мониторе компьютера засечки смотрятся слишком мелко и могут утомлять взор).
Основной цвет лучше использовать черный, однако заголовки можно выделить, например, синим. Представители креативных профессий могут использовать зеленый и другие приятные оттенки. Главное — не добавлять больше трех цветов шрифта в одном резюме; также лучше отказаться от неоновых и плохо читаемых оттенков.
Правильно:
Черный, второстепенный — синий.
Лучше не использовать:
розовый, желтый.
Совет №4. Как правильно написать резюме: длинаТогда как одним соискателям трудно найти достаточно информации, чтобы заполнить целую страницу резюме, у других возникает противоположная проблема — слишком много текста. Вот идеальная корреляция между длиной резюме и его содержимым:
- Одна страница резюме — для профессионалов начального и среднего уровня. Все вмещается и ничего лишнего.
- Две страницы — да, только если у вас большой опыт (5+лет) и широкий круг релевантных(!) навыков, и действительно невозможно урезать данные без пробела в опыте.
- Три страницы — слишком утомительны в мире, где и посты в 50 слов дочитывают не до конца. Вообще, если настолько умудренный опытом старец, распишите последние 10 лет. А далекие годы работы на благо Сталина и партии достаточно просто все разом, одной строкой.
В одном из своих интервью Ласло Бок, HR в Google, рассказывал о том, как бракуют резюме из-за оформления. За карьеру через него прошло более 20 000 кандидатов, и вот пара из его наблюдений:
«Проверенный принцип: пишите по одной странице на каждые 10 лет работы. Резюме в три-четыре страницы не будут читать. По сути, подача вашего опыта демонстрирует вашу способность к синтезу и выделению лишнего в массиве данных.
Если только вы не подаете резюме на дизайнера или художника, сосредоточьтесь лишь на том, чтобы документ был аккуратным и читабельным со шрифтом не меньше 10-го».
Совет №5. Как сделать резюме для ATSЕсть очень большой шанс (9/10 в больших компаниях согласно исследованию) что вначале ваше резюме будет читать даже не человек, а ATS робот.
Совет: Applicant tracking system — система, которая проводит анализ резюме и первичный отбор кандидатов на основе совпадения ключевых слов с описанием вакансии. Именно поэтому очень рекомендуется адаптировать резюме к вакансии, проверив, содержит ли оно нужные профессиональные термины и ключи.
Также, как и все машины, ATS робот имеет несовершенства. Например, он плохо распознает изображения. Поэтому сохранение в формате .jpeg может быть не распознано вовсе. А инфографика, тексты в виде столбцов или таблицы система может прочитать в неправильном порядке. Чтобы увидеть, каким резюме попадет к рекрутеру через ATS, скопируйте резюме в word документ: скорее всего именно так оно и будет отображаться.
И тут к слову о формате файлов. Вообще, самый оптимальный — это PDF (и его который распознает большая часть ATS.) Не Word, потому что из-за разницы в версии текст/изображения могут полезть и отображаться не так как у вас. Если уже работаете в Word – то при нажатии «сохранить как» выберите pdf.
Итак, общие советы на этом окончены. Ниже будут рассмотрено написание каждого раздела резюме в отдельности. А пока, подведем черту:
Как грамотно составить резюме?Определить свою истинную ценность. Это преимущества и сильные стороны, отличия от конкурентов. Конкретно, сфокусировано, с цифрами донести ее до рекрутера.
Включите релевантный и правдивый опыт. Выберите правильный фокус, который стимулирует продолжать чтение. Используйте ключевые слова из описания вакансии, избегайте клише.
Превышайте ожидания. Вы можете «закинуть удочку» для собеседования упомянув интересные факты из опыта, но оставить подробности для личного общения
- Используйте шаблон. Не тратьте время изобретая велосипед. Возьмите готовые шаблоны: они есть даже в шаблонах Word, ну и у нас, конечно же:).
- Грамматические, стилистические ошибки, опечатки. Это вообще самая распространенная проблема в резюме. А ведь решить ее очень просто: дайте свое резюме на проверку друзьям или знакомым.
- Слишком много информации: подробные описания, ненужные факты. Одна страница — идеально. Две — «я очень опытный кандидат». Три — «я не умею фокусироваться на главном».
- Кричащий дизайн, слишком нестандартное оформление — тоже мимо. CV — это способ показать вашу ценность, а не приглашение на вечеринку.
- Неуместный юмор. В большинстве ситуаций следует придерживаться формальной подачи информации.
Еще статьи по теме:
Форма резюме: длина, шрифт и дизайн
Как написать резюме (советы)
Раздел 2. Как создать резюме: cекции резюме. Шапка резюме: контакты, должность, фото, цельИнформация, которую вы добавите в свое резюме, может укрепить или разрушить все ваши усилия по поиску работы. Итак, что нужно включить, чтобы повысить свои шансы на трудоустройство?
Все начинается с контактной информации. Ваше имя, адрес, номер телефона и электронная почта должны находиться в верхней части резюме. На первый взгляд, это простая, хоть и важная формальность.
А знаете ли вы, что некоторые работодатели используют раздел с контактной информацией для проверки нежелательных кандидатов? Они могут передать вашу кандидатуру коллегам, если вы живете в другой части страны. Или они могут составить негативное мнение о вас, если раздел с контактной информацией составлен неверно.
Так что вы должны включить, чтобы ваше резюме рассмотрели?
В шапке резюме обязательно следует указать:
- Имя и фамилия (отчество только если вы возрастной соискатель).
- Город проживания: точный адрес писать не нужно, вряд ли работодатель напросится к вам в гости на чай.
- Электронный адрес: только официальный, никаких kolbasa19.
- Номер телефона: убедитесь, что к этому номеру привязаны мессенджеры для связи.
- Международные мессенджеры (опционально): Skype, Whatsapp.
- Социальные сети (опционально): Facebook, LinkedIn, Twitter. ⅔ Рекрутеров все равно проверяют соцсети при найме на работу. Так что можете облегчить им работу. (А для себя лишний раз проверить публичный имидж и скрыть фотографии с пенной вечеринки).
Не нужно указывать:
Ваш семейный статус, национальность (во многих странах рекрутерам на законодательному уровне запрещено интересоваться данной информацией).
Совет: Прочие ссылки. В конструкторе CV2you есть значок ссылки если желаете сослаться на иной контакт (или документ/изображение). Введите текст, а потом используйте значок ссылки на черной панели сверху, чтобы добавить саму ссылку.
Пример раздела с контактами в Basic шаблоне CV2you:
В конструкторе CV2you используются значки контактов, чтобы сэкономить пространство вашего резюме. Вам не нужно писать полностью каждое наименование.
Просто кликните на любой значок и выберите вид контакта из предложенного списка. С помощью кнопки +Add добавьте любое количество контактов.
Убедитесь, что все контакты написаны без ошибок, а номера телефонов указаны в международном формате. Если вы подаете резюме в распечатанном виде, нет смысла добавлять в него ссылки. Предоставьте их по запросу.
Фотография в резюмеДобавляется на ваше усмотрение. Так, в странах Европы большинство работодателей ожидают увидеть ваш снимок в резюме. В США и Великобритании напротив, наличие фотографии не требуется и даже законодательно запрещено во многих штатах (во избежания дискриминации). В любом случае, если вы хотите добавить фотографию в резюме, позаботьтесь о том, чтобы она соответствовала вашей специальности и уровню рабочей этики. Откажитесь от фото в домашней обстановке или в стиле «ищу свою любовь».
Совет: Первое впечатление от вашего резюме должно быть идеальным! Лучше воспользуйтесь услугами фотографа.
Правильно:
Выберите снимки высокого качества, сделанные в студии и отретушированные. Стиль фото должен соответствовать вашей отрасли.
Неверно:
селфи под углом, либо фотографии, на которых вы выглядите безучастно или недружелюбно.
———————————————————–
Краткая информацияРаздел резюме под названием Summarу обычно подразумевает, что вы презентуете себя, укажите желаемую должность или конкретную цель. Данная информация обычно размещается в верхней части резюме, рядом с именем и контактами. У вас есть всего несколько секунд, чтобы привлечь внимание рекрутера и показать, почему вы идеальный кандидат на эту работу.
Давайте рассмотрим, какую информацию лучше всего включить в первый раздел резюме, а какие примеры будут не совсем удачными.
Желаемая должность
Некоторые менеджеры по персоналу утверждают, что раздел «желаемая должность» не приносит пользы вашему резюме. Вполне справедливое замечание, особенно в тех случаях, когда кандидат пишет: «Получение должности экономиста». Ведь и так очевидно, что он хочет получить работу.
Вместо этого попробуйте связать желаемую должность с вашим опытом или целями.
Правильно:
«Ищу должность менеджера по персоналу с перспективой повышения до регионального менеджера в течение года».
Неправильно:
«Я журналист, сомелье и биткоин-брокер»
«Рассмотрю все варианты», «не имеет значения».
По данным indeed.com, американского сайта вакансий и трудоустройства,
«…раздел с краткой информацией, специфичной для конкретной должности, повышает вероятность того, что рекрутер, прочитав резюме, захочет узнать больше о вашей кандидатуре».
Карьерная цель
Этот раздел в резюме не является обязательным, но он дает вам дополнительные баллы при трудоустройстве. Есть несколько случаев, когда включение цели особенно полезно:
- Вы новичок на рынке труда.
- Когда меняете карьеру (цель поможет объяснить, почему вы подходите для этой работы).
- Если переезжаете в другой город. (отметив свои планы в цели резюме, вы можете избежать фильтрации по месту проживания).
Наибольшей эффективностью отличается цель, которая соответствует интересам работодателя. Здесь важно продемонстрировать вашу ценность как специалиста и пользу, которую вы принесете компании.
Как правильно обозначить свою цель?
- Переведите свои достижения в исчисляемый вид (цифры, проценты, период времени), например: «повысил ROI в рекламу на 15% за три месяца».
- Перейдите к результатам, которые вы надеетесь достичь в будущем (с учетом интересов компании, в которую вы устраиваетесь).
- Сколько компаний — столько и целей. Редактируйте первый раздел каждый раз, когда отправляете резюме новому работодателю.
- Перечитайте вакансию: Какие из ваших навыков наиболее применимы в желаемой должности?
Совет: используйте прием под названием «elevator speech». Если бы у вас было только 30-секунд в лифте, что бы вы рассказали о себе потенциальному работодателю?
Примеры раздела Summary в резюме:
«IT-менеджер с 8-летним стажем в области веб-разработки. Управлял одновременно 5 проектами, все они показали прибыль в 1.5 и более раз. Владею технической базой в веб-разработки (HTML, JS)».
«Менеджер аккаунтов в корпоративном программном обеспечении. Фокусируюсь на финансовом секторе. Опыт работы 4 года. Управлял ростом продаж в 11-ти проектах. Лучший менеджер отделения 2020 г. Недавно получил сертификацию Corporate governance от INSEAD».
5 простых советов для первого раздела:- Приступайте к заполнению раздела в последнюю очередь. Написать о себе в разделе «Краткая информация» гораздо проще, когда уже готовы остальные части вашего резюме.
- Выберите самые впечатляющие факты из вашей истории карьеры. Достаточно вспомнить про 3 — 4 достижения. Напишите о них в верхней части резюме. Обязательно используйте цифры, факты, статистику.
- Опыт в разделе с краткой информацией. Для опытных соискателей решающим фактором являются профессиональные обязанности. Укажите количество лет рабочего стажа.
- Создайте раздел, релевантный вакансии. В описании вакансии, как правило, содержатся ключевые слова, по которым вас ищут рекрутеры. Используйте эти слова, чтобы описать ваши умения и опыт.
- Подведите итог. Представьте себя на месте жесткого ректура. Внимательно перечитайте раздел с краткой информацией. Почему они должны нанять вас?
Неправильно:
«я студент», «ищу любую работу», «открыт к предложениям», «должность не имеет значения».
Всегда конкретизируйте цель поиска работы. Если вы недавно окончили обучение, укажите в цели получение должности помощника, ассистента, стажера.
Также нельзя перечислять в резюме все должности, которые вам импонируют. Резюме с заголовком «Менеджер по продажам, ассистент руководителя, промоутер, сотрудник магазина» наводит на мысли о том, что соискатель еще сам не определился, какая вакансия ему нужна.
Неправильно:
«Ищу интересный проект с высокой зарплатой и возможностью карьерного роста» — это шаблон, который не вызывает ничего, кроме негатива, даже у самых терпеливых рекрутеров.
Распространенные ошибки
Есть несколько распространенных ошибок, которые могут делать соискатели:
1) Использование одной и той же цели для каждого резюме
Неправильно:
Получить работу в … области, которая бросает вызов и позволяет использовать мое образование, навыки и прошлый опыт таким образом, чтобы это было взаимовыгодно как для меня, так и для моего работодателя, а также для будущего роста и развития.
Ваша цель – стать идеальным кандидатом, а это означает, что вы именно тот, кого ищет менеджер по найму… и если вы не отправляете резюме на единственную фабрику по производству печенья в городе, тогда мы гарантируем вам на 100%, что одно резюме не подходит всем.
Следующий!
2) Все обо мне
Это ловушка, в которую попадают многие соискатели, поскольку они не могут удержаться, чтобы составить список всех вещей, которые они хотят получить с этой должности.
Неправильно:
Привет, я – Иван, ищущий вакансию, и я действительно хочу работать в компании, где смогу получать кучу денег, делая как можно меньше. О, и офис с видом на море. Служебная машина тоже подойдет. Пока вы не ушли, давайте поговорим о льготах, выходе на пенсию … и политике компании по отпуску.
Да, мы с этим не согласны, но нам нужно, чтобы вы посмотрели на это и посмеялись… потому что даже мягкая форма того, о чем мы сказали, выглядит также нелепо для менеджера по найму, как и этот раздутый пример.
3) Слишком расплывчато
Ошибка номер три – неясность. Как мы уже говорили, один формат резюме не подходит всем, поэтому неоднозначность в надежде отчасти соответствовать тому, что ищут работодатели, приведет к тому, что ваше резюме будет отправлено непосредственно в циклический файл. (В случае, если вы не знаете, это мусорное ведро. Звучит забавно, но конечный результат тот же … без работы.)
Неправильно:
Ищу долгосрочную работу на полную ставку, где я смогу применить свои обширные навыки и знания на ту должность, на которую меня наняли.
Прочитав это утверждение, мы знаем то, что у соискателя есть навыки и знания … и все. Какие именно навыки у него (или у нее?) есть? Они действительно соответствуют вакансии? И какие знания кандидат может применить в том, что принесет пользу компании? Видишь, что мы имеем в виду?
Следующий.
4) Дальше… И дальше… И дальше… И дальше… и zzzzzzzzzzzzz….
Ошибка номер четыре слишком длинная. Резюме – это не роман. Это небольшая самореклама, чтобы привлечь внимание, чтобы вас пригласили на собеседование … тогда вы можете сообщить более подробную информацию!
Не будем приводить пример здесь. Почему? Потому что он будет настолько длинным, что все, прочитавшие его, заскучают и перейдут к другой статье.
5) Добавление абсолютно никакой ценности
Ошибка номер пять, вероятно, является наихудшей … и легче всего попасть в нее (за исключением ошибки номер два – утверждения «все обо мне»). Ошибка номер пять – это заполнение раздела резюме, которое заполняет основное пространство, но ничего не говорит о ценности, которую вы приносите компании. Эта ошибка часто встречается со слишком расплывчатым утверждением…
Неправильно:
Получить должность в выбранной мной области, где я могу использовать свои навыки трудолюбивого, хорошо образованного сотрудника в обмен на стабильную рыночную зарплату.
Больше примеров и советов в статье: Краткая информация, должность и цель в резюме
———————————————————–
Образование в резюмеЭтот раздел является простым для большинства соискателей. Они просто пишут название университета, факультет и год выпуска.
На самом деле, тут много подводных камней:
- возможно, вы еще учитесь;
- у вас есть неоконченное образование;
- вы пишете диссертацию;
- вы отказались от магистратуры;
И так далее.
Примеров множество, главное — понять, что в вашем образовании является важным или нет для работы, на которую вы претендуете.
Совет: Хотя для разного уровня должностей требуются свои уровни детализации, в общем старайтесь ограничить раздел с образованием в пределах 15–30 слов.
Существует множество вариантов, где и как написать про образование в резюме.
Полная версия раздела с образованием в резюме выглядит так:
- Учебное заведение
- Год окончания
- Средний балл
- Академическая степень
- Курсовые и дипломные работы
- Студенческая или внеклассная активность
Кажется, все просто? Но давайте посмотрим, сколько нюансов есть в каждом из этих пунктов:
Учебное заведение: очень часто соискатели пишут аббревиатуру, значение которой не понятно работодателю. Пишите все названия полностью.
Средний балл или оценка при защите диплома упоминаются, только если их значение выше среднего.
Академическая степень пишется без сокращений. Не все знают, что такое КМН.
Курсовые и дипломные работы упоминаются, только если они релевантны вакансии. Экономьте пространство резюме!
Образование в резюме: до или после опыта?Как правило, практический опыт важнее теории. Поэтому соискатели стараются написать про свои профессиональные достижения в самом верху. И это правильно (для опытных кандидатов).
Но есть случаи, когда дипломы важнее, и про них нужно писать сразу.
Поставьте раздел «Образование» перед опытом работы, если:
- вы недавно получили диплом, и у вас пока нет опыта работы, или он минимальный;
- вы получаете второе высшее образование, или проходите обучение, потому что решили сменить сферу своей деятельности;
- вы повысили недавно квалификацию (вроде MBA).
Если вы опытный соискатель, имеете от 2 лет рабочего стажа, разделы с опытом и навыками в резюме необходимо ставить выше образования. Про раздел с опытом читайте далее.
Градация уровней образования и примеры для резюме:- Средняя школа: (выпускник, учащийся средней школы, неоконченное среднее образование).
- Среднее профессиональное образование: (студент колледжа, выпускник техникума).
- Высшее образование: (студент, бакалавр, специалист, магистр, незаконченное высшее).
- Послевузовское высшее образование: аспирантура (кандидат наук), докторантура (доктор наук), интернатура, ординатура и т.д.
Далее рассмотрим каждую форму образования с примерами в резюме.
Образование в резюме: Средняя школаРезюме может понадобиться школьнику в двух случаях:
- если он планирует продолжать образование, и должен предоставить портфолио.
- если он ищет работу, которую можно совместить с учебой.
Резюме школьника отличается содержанием: как правило, в нем фиксируются школьные успехи и достижения, гораздо реже — опыт работы. Включите волонтерство, информацию о дополнительном образовании, свои награды и сферы изучения.
Пример резюме (образование средне-специальное)Перейдите по ссылке, чтобы открыть это резюмеИтак, если ваш самый высокий уровень образования — это школа, напишите в резюме так:
Adcote School, Литтл Несс, Великобритания
Окончил в 2018 году
Если вы еще учитесь в школе, просто измените вторую часть, чтобы раздел школьного образования выглядел так:
Adcote School, Литтл Несс, Великобритания
Окончу в 2020 году
Если вы не закончили среднюю школу, укажите ее название, город и страну обучения, а затем годы, в которые вы в ней провели. Если вы сдали экзамен об общем образовании вместо того, чтобы окончитьь обучение, напишите так:
«ЕГЭ, как аналог аттестата об окончании средней школы. Получен в Центре образования для взрослых, 2019 год. Западная средняя школа, Балтимор, штат Мэриленд. Посещал в 2012-2016 годах»
Совет: Если вы окончили высшее учебное заведение или колледж, не указывайте свое среднее образование. Но если диплома пока нет, а школьное образование содержит опыт, который поможет вам при трудоустройстве, упомяните его в резюме.
Среднее профессиональное образование (техникум, училище, колледж)Этот уровень профессионального образования означает специалиста с практическими навыками или работника среднего звена. Если вы изучали профессию после окончания средней школы, вы можете перечислить её в дополнение к среднему образованию, если она связана с работой, на которую вы нацелены.
Например:
Колледж Синегрия, Москва, РФ
Сентябрь 2016 — июнь 2019
Факультет интернет-маркетинга
Диплом младшего специалиста по теме: «Инструменты онлайн-продвижения»
Совет: Согласно данным источника researchgate.net, 78% работодателей обращают внимание на конкретные умения и таланты соискателей. Кандидатам нужно развивать профессиональные навыки, которые помогают в трудоустройстве куда больше, чем наличие диплома о высшем образовании.
Пример резюме (образование средне-профессиональное)Перейдите по ссылке, чтобы открыть это резюмеВысшее образование (Академия, университет, институт)Выпускники данных образовательных учреждений имеют высшее профессиональное образование. Основные квалификации — бакалавр и магистр. Эта двухуровневая система высшего образования принята во всех странах Болонской конвенции.
Однако многие соискатели сегодня имеют на руках диплом специалиста. Данная квалификация присваивалась по ряду направлений, после 5 лет обучения. Это тоже высшее образование, хотя сейчас в ЕС степени «дипломированный специалист» уже нет.
Пример резюме бакалавра:Университет Нового Южного Уэльса, Австралия, Сидней
Факультет искусства и социальных наук (2016-2020)
Бакалавр искусств
Средний балл: 4,6
Дипломная работа: «Искусство PG»
Бакалавры могут продолжить обучение в магистратуре. Специалисты могут поступить в магистратуру только на платной основе, а степень магистра у них приравнивается ко второму высшему образованию.
В обоих случаях необходимо написать про академические степени в резюме в обратном хронологическом порядке — от последнего к первому.
Пример резюме магистра:Гарвардский университет Кембридж, Массачусетс (2017 – 2019)
Магистр наук в Data Science
Средний балл: 3,83 / 4,00
Награды: стипендиат Фонда Образования Harper 2018.
Дипломная работа: «Data Science I»
Университет Нотр-Дам, Индиана (2012 — 2016)
Бакалавр в области математики
Средний балл: 3,90 / 4,00
Курсовая работа: «Теория вероятностей»
Аспирантура — это подразделение ВУЗа для подготовки ученых высокой квалификации. Если вы защитили диссертацию и стали кандидатом наук, укажите эту информацию в своем резюме в обратном хронологическом порядке.
Пример для резюме кандидата наук:Московский Педагогический Государственный Университет
Аспирантура при историческом факультете (2016 — 2018)
Кандидат исторических наук
Диссертация «Социальные конфликты в древнем Риме»
Московский Педагогический Государственный Университет
Магистр, исторический факультет (2014 — 2016)
Дипломная работа: «Наследие Классической эры»
Московский Педагогический Государственный Университет
Бакалавр, исторический факультет (2010 — 2014)
Звание доцента могут получить преподаватели, которые имеют степень кандидата или доктора наук, свыше пяти лет научно-педагогического стажа и опыт преподавания — более года.
Если соискатель имеет степень доктора наук, ему достаточно перечислить в своем образовании следующую информацию:
Доктор медицинских наук, Биомедицинская инженерия, Университет ABC, 2019
Магистр, Биомедицинская инженерия, Университет ABC, 2009-2011
Бакалавр, Биомедицинская инженерия, Университет ABC, 2005-2009
Соискателям следует помнить, что нет жестких правил относительно того, как добавить образование в свое резюме:
- Вы можете разместить раздел с образованием до или после вашего раздела с опытом.
- Для студентов: раздел с образованием может играть ведущую роль, пока вы не наберете достаточный профессиональный опыт.
- Даже если у вас нет ученой степени, среднее профессиональное образование или курсы — это ценные знания, которые помогают в трудоустройстве.
- Запомните принцип: чем отдаленнее по дате ваше образование, тем меньшее значение оно имеет (и тем оно короче).
Совет: если вы недавний выпускник с небольшим опытом, используйте шаблон CV2you Simple с параллельным размещением секций. Тогда ваше образование и ваш опыт будут располагаться на одном уровне, и вам не придется делать выбор приоритетности разделов.
Читайте полную версию статьи про образование в нашем блоге
———————————————————–
Опыт работы в резюмеБольшинство рекрутеров предпочитают опытных кандидатов. Поэтому многие соискатели стараются написать про все функции, которые они когда-либо делали.
Но зачем HR-менеджеру лишняя информация? Оставьте только релевантный опыт!
Ваши обязанности и достижения должны соответствовать вакансии. Есть несколько способов достичь этого: редактировать свое резюме на каждую новую должность, добавить ключевые слова из описания вакансии… Но давайте обо всем по порядку.
Существуют единые правила оформления раздела с опытом, которых необходимо придерживаться независимо от содержания.
Включите в свое резюме единую структуру для каждого места работы:
- Название компании, в которой вы работали (работаете)
- Дату начала и окончания карьеры
- Направление деятельности компании (опционально, если она малоизвестная)
- Город (опционально)
- Должность, которую вы занимали (или занимаете)
- Ваши обязанности
- Ваши измеримые достижения (хотя бы по 1-2 на каждом месте)
Вот пример написания опыта работы в резюме:
Перейдя по ссылке, вы можете использовать этот шаблон для создания собственного резюме.У многих соискателей сразу возникают вопросы, например:
В каком разделе резюме нужно писать про опыт?
Ответ:
- если вы молодой специалист, выпускник, трудитесь не по специальности, напишите про свой опыт после секции «Образование».
- если вы работник со стажем, напишите про свой опыт сразу после раздела Summary.
Каждый случай индивидуален: возможно, у вас много лет опыта, но вы получили второе высшее, чтобы сменить сферу деятельности. Важно определить приоритет опыта и образования для ваших потенциальных работодателей, и выбрать соответствующую структуру резюме.
В каком порядке перечислять опыт?
Ответ: всегда двигайтесь в обратной последовательности: начните с последнего места работы и закончите первым.
Выберите подходящий порядок для опыта работы в резюме:Хронологический формат — это способ упорядочить вашу работу, события или достижения в соответствии со временем, когда они произошли. Это демонстрируется показом того, какой опыт был сначала, что произошло дальше, обо всех последующих событиях, вплоть до опыта, который был в последний раз. Этот способ подачи событий в резюме также называется временным или линейным.
Функциональный формат подчеркивает ваши способности, такие как найм, управление или коучинг, а — потом хронологическую историю работы. Вам все равно нужно будет обобщить свой опыт, но обычно это делается в нижней части функционального резюме. Не паникуйте. К тому времени, когда читатель достигнет этой точки, он обычно продается за то, чтобы пригласить вас на собеседование 🙂
Комбинированный формат. Сочетание хронологического и функционального формата приводит к «комбинированному» резюме. Навыки и способности перечислены в первую очередь, а затем следует хронологический опыт. Этот формат резюме хорош для акцентирования определенных навыков и способностей соискателей с различным опытом и творческих кандидатов, таких как дизайнеры или художники.
Как написать про свои достижения?
Ответ: Используйте метод «Проблема-Действие-Результат», как указано на инфографике:
Какой опыт перечислить разным соискателям?Без опыта работы
Перечислите все виды занятости, включая неоплачиваемые виды работы, например волонтерство. Укажите прохождение преддипломной практики, ваш труд в студенческих организациях, внеклассную деятельность и так далее.
Начинающие соискатели
Добавьте в раздел с опытом все обязанности, которую вам приходилось выполнять, все места, в которых вы работали. Здесь могут быть стажировки, частичная занятость, удаленная работа, временные проекты, фриланс.
Средние специалисты
Ваш опыт работы составляет 5+ лет, вы сменили несколько работодателей? Укажите в разделе с опытом те должности, которые релевантны желаемой вакансии. Будьте кратки в тех местах, когда ваш опыт не соответствует вакансии.
Опытные кандидаты
Если ваш опыт составляет от 10 лет и более, помните «золотое правило» резюме: одна страница на каждые 10-15 лет стажа. Все, что за этими пределами, указывать не нужно. После опыта создайте раздел о курсах повышения квалификации, а первичное образование — уже на третьем месте.
Конструктор резюме CV2you включает удобные шаблоны для рабочего опыта. У нас есть форматирование заголовков, выделение с выбором шрифта, даты на календаре. Создайте свое резюме, следуя коротким подсказкам!
Общие советы для раздела «Опыт работы»1. Используйте ключевые слова из вакансииЛюбая вакансия содержит ключевые слова, например, навыки, оборудование, или программы, которыми должен владеть соискатель. По ним системы автоматического поиска кандидатов находят нужных людей. Определите эти слова и используйте их в своем резюме!
Например, на сайте для трудоустройства открылась вакансия врача-лаборанта. В ней сказано, что соискатель должен иметь:
- практический опыт в лабораторной диагностике от 1 года;
- владение основными методами проведения гематологических, биохимических, иммунологических, общеклинических исследований;
- опыт работы на автоматических и полуавтоматических анализаторах.
- Умение работать в команде, профессионализм, желание работать на результат, аккуратность, внимательность, тактичность.
Тогда, с учетом ключевых слов, навыки соискателя должны включать:
- проведение гематологических исследований, например подсчет лейкоцитарной формулы, определение группы крови;
- работа на автоматических и полуавтоматических биохимических анализаторах;
- командная работа;
- внимание к деталям.
Чем отличается резюме успешного кандидата от хм… кандидата? Достижениями на рабочем месте. Ранее мы предложили вам использовать простую, но эффективную технику PSR (problem-solving-result). С какой проблемой вы столкнулись на работе? Какими способами пытались ее решить? Удалось ли достичь результатов?
Простой способ усилить ваш раздел с опытом — использовать исчисляемые достижения, факты, цифры, статистику.
Неправильно:
Увеличил процент продаж
Правильно:
Увеличил процент продаж в 2 раза за три месяца
Совет: Откажитесь от перечисления всех ваших обязанностей. Достаточно упомянуть по 5 пунктов для каждой работы.
3. Сильные глаголы в описанияхМы рекомендуем использовать в разделе с опытом, да и во всем резюме, только совершенные глаголы. Этот прием работает всегда!
Неправильно:
Делал, выполнял.
Правильно:
Сделал, выполнил.
4. Последовательность событий в карьере«Я ищу логику в том, почему соискатель перешел с одной работы на другую», — сказал рекрутер в интервью Jobscan.
Возможно, вы решили сузить фокус на карьере, и поэтому сменили работу. Или вам пришлось расширить зону своей ответственности, и в этой связи вы также перешли на новую позицию. Убедитесь, что ваше резюме отражает истинные причины перехода.
Разумеется, не нужно писать «Мой директор превратил мою жизнь в пекло, поэтому я уволился». Покажите, как вы использовали потенциальные зоны роста для улучшений.
Кстати, хороший способ проверить траекторию своей карьеры — прочитать резюме и спросить себя: «Можно ли догадаться, почему я сменил работу?»
5. Следуйте от общего к частномуПомните, как ловко Шерлок Холмс оперировал методом дедукции? В процессе поиска работы вам тоже придется овладеть этой техникой.
Представим, что вы — PR-менеджер, которому нужно описать свои задачи в резюме. Сначала лучше упомянуть про стратегический план формирования бренда, который вы составили. Это общая задача. Затем можете перейти к более мелким функциям, например, конкретные разработки и пути их реализации.
Что делать, если у вас есть пробелы в опыте?Многие соискатели полагают, что перерыв рабочего стажа может насторожить рекрутера, поэтому меняют сроки своей работы, пытаясь сгладить эти пробелы. Так делать нельзя, потому что если правда всплывет наружу, вам придется долго объясняться.
Совет: если вы оставались безработным менее 9 месяцев, этот перерыв, скорее всего, никак не повлияет на решение работодателя. Если вы не работали больше этого срока, напишите о причинах длительного перерыва в сопроводительном письме.
Повышение в должностиЕсли у вас изменилась только должность (и зарплата), напишите об этом изменении в рамках одного пункта вашего опыта. Вот так:
ОАО «Самый Надежный Банк»,
(2015 – 2019)
Менеджер VIP-клиентов (2017 – 2019)
Менеджер по обслуживанию клиентов (2015 – 2016)
- Упоминание факта продвижения
- Ваши обязанности для обеих позиций
- Ваши результаты на обеих должностях
Если же с переходом изменились и ваши обязанности, создайте отдельное описание для каждой новой должности в новом подразделе.
ОАО «Самый Надежный Банк», (2015 – 2019)
Менеджер клиентов депозитария (2017 – 2019)
- Обязанности
- Достижения
Менеджер по обслуживанию клиентов (2015 – 2016)
- Обязанности
- Достижения
Итак, о чем важно помнить при заполнении раздела с опытом?
Правильно:
Укажите только актуальный опыт в обратном порядке
Cократите число обязанностей, если они похожи
Используйте слова из описания вакансии
Помните про логичность траектории карьеры
Перечитайте резюме на следующий день на ошибки
Неправильно:
Перечислять более 15 лет стажа в резюме, на 3+ страниц.
Расплывчато писать про обязанности без достижений.
Использовать монолитный текст, без структуры, списка, выделений.
Читайте подробную статью про опыт в нашем блоге!
———————————————————–
Сертификаты, Курсы, Тренинги, НаградыИнформация о сертификатах, курсах, тренингах в резюме служит двум важным целям:
во-первых каждый сертификат, который соответствует должности, увеличивает потенциал заработной платы. (+ повышает уверенность в собственных навыках:)
во-вторых подтверждает вашу заинтересованность в профессиональном росте и стремление к саморазвитию.
«87% людей, которые обучаются для повышения квалификации, сообщают о таких карьерных преимуществах, как повышение по службе, рост зарплаты или получение новой должности».
Опрос по результатам учащихся Coursera (2019)
Взгляните как сертификаты, курсы и награды выглядят на общем примере резюме:
Перейдите по ссылке на этот пример резюмеО разнице между сертификатами, курсами и тренингами в резюмеПрофессиональная сертификация официально подтверждает ваши знания. Сертификат выдается уполномоченным государственным учреждением или международной организацией.
Курсы и тренинги проводятся любыми коммерческими организациями (в том числе online). Иногда обучение приводит к сертификации, но не всегда.
Награды это признание, премия, грамота, или другой знак благодарности. Одна из форм поощрения за выдающиеся результаты, достигнутые в вашей сфере деятельности.
Совет: Если вы знаете, что потенциальный работодатель будет искать конкретные знания, прежде чем рассмотрит ваш рабочий опыт, разместите раздел с сертификатами и курсами в верхней части страницы, чуть ниже контактной информации.
Советы:- Запишите каждую сертификацию, курс или тренинг в обратном хронологическом порядке.
- Не включайте в свой список сертификаты/тренинги/курсы, которые не имеют отношения к работе.
- Любые сокращения должны быть написаны полностью, по крайней мере, один раз, чтобы их могли понять рекрутеры, которые не являются специалистами в вашей области.
- Приемлемый формат сертификации должен учитывать следующую структуру:
- Название награды/лицензии/членства/курса
- Название сертифицирующего органа (если есть)
- Полученные даты и срок действия (если применимо)
- Место нахождения (если это необходимо)
- Если вы еще проходите курс, укажите предполагаемую дату завершения.
Читайте полную статью про сертификаты, курсы и награды в резюме по ссылке.
———————————————————–
Личные качества и профессиональные навыкиОбычно этому разделу резюме уделяется большое внимание, потому что многие работодатели смотрят, в первую очередь, навыки соискателя. И здесь же можно встретить самую частую ошибку: неумение кандидата отличить личные качества от навыков выполнения работы.
Проверьте себя!
Коммуникация – это профессиональный навык или личное качество?
Ответ: коммуникация это навык, такой как знание иностранного языка или копирайтинг. Личным качеством в данном случае будет общительность.
Итак, в своем резюме вы можете указать такие навыки:
- Личные качества (врожденные черты)
- Гибкие навыки (Soft Skills, которые формируются под влиянием качеств)
- Профессиональные навыки (Hard Skills развиваются на основе гибких навыков)
- Технические навыки (являются отдельной частью набора Hard Skills)
Далее мы рассмотрим каждый пункт подробнее.
Личные качества в резюмеЛичные качества – это набор врожденных черт, на которые влияет воспитание человека, а также генетическая предрасположенность.
Например: добрый, честный, смелый.
Качества формируют навыки, влияют на качество вашей работы и взаимодействие с окружающими. Допустим, вы — молчаливый интроверт; вы с трудом станете хорошим продажником. А если у вашего руководителя нет понятия «10-минутное опоздание», а вы не слишком пунктуальны, вряд ли вам светит успех в этой фирме. И так далее.
Если вы хотите написать про личные качества в резюме, лучше избегать таких понятий как «честный, коммуникабельный, целеустремленный». Во-первых, это штампы, а во-вторых, лучше выбрать личные качества, которые в полной мере соответствуют вашей профессии.
Вот список качеств, которые наиболее актуальны в различных сферах:
Отрицательные качества в резюмеЕсли рекрутер просит вас указать отрицательные стороны в резюме, напишите о негативных качествах так, чтобы они были отражением ваших сильных сторон. Например, не занудство, а педантичность; не медлительность, а тщательность.
Личные качества необходимы для быстрого овладения гибкими навыками.Совет: для написания резюме больше подходят не личные качества, а гибкие навыки, сформированные под влиянием этих качеств.
Например:
- дружелюбный – создаю благоприятную атмосферу
- решительный – у меня высокая мотивация
- убедительный – я умею продавать
И так далее.
Навыки в резюме соискателяНавык – это приобретенная способность выполнять какие-либо задачи. Получение навыка требует времени и практики, без последнего навык может быть потерян.
Примеры навыков: ораторское мастерство, переговоры, продажи.
Навыки бывают гибкие (soft skills) и профессиональные (hard skills, часть из которых – технические (tech skills).
Гибкие навыки (Soft skills)Оксфордский словарь дает следующее определение термину «Soft Skills»: «личные качества, которые позволяют эффективно и гармонично взаимодействовать с другими людьми».
Гибкие навыки – это сочетание социальных навыков, коммуникативных навыков, отношений, карьерных качеств, социального и эмоционального интеллекта. Они – это результат развития и применения ваших врожденных личных качеств. Гибкие навыки приобретаются на протяжении всей жизни (через личный опыт или обучение).
Soft skills позволяют человеку эффективно взаимодействовать с окружающими и строить карьеру. Рекрутеры высоко ценят гибкие навыки: они приобретаются постепенно, под влиянием множества событий, и остаются с человеком в течение всей жизни.
По данным службы iCIMS Hiring Insights 94% рекрутеров считают, что у соискателя выше вероятность стать руководителем, если он демонстрирует эти навыки:
- умение решать проблемы 38%
- устная коммуникация 29%
- быстрая адаптивность 17%
- управление временем 13%
В 2013 году компания Google провела исследование Project Oxygen с целью определить, какие характеристики сотрудников малозначимы, а какие имеют наибольшую ценность для успеха компании. Несмотря на то, что политика компании основана на STEM-подходе, технические знания (наука, технологии, инженерия и математика) заняли только восьмое место в исследовании, тогда как первые семь позиций достались гибким навыкам, а именно:
- наставничество
- навык общения и умение слушать
- понимание других
- сочувствие к коллегам
- умение мыслить критически
- решать проблемы
- способность ясно коммуницировать
Вот примеры, которые вы можете указать в своем резюме:
На основании гибких навыков развивается способность быстро и эффективно формировать профессиональные навыки.
Hard Skills в резюмеHard skills — это набор умений, которые нужны для конкретной работы. Профессиональные навыки развиваются только во время карьеры, их можно измерить и оценить. Быстрее и эффективнее всего развиваются на базе гибких навыков. Например, финансовый директор имеет профессиональный навык финансового анализа. Он внимателен к деталям: это гибкий навык, сформированный благодаря общительности (личное качество).
Согласно статистике по HR за 2020 год, 91% работодателей ищут сотрудников с готовыми профессиональными навыками.
Но если написать просто про «навык управления», это не выделит вас среди конкурентов. Лучше упомянуть о том, как вам удалось успешно применить свои умения в работе.
Неправильно:
Знаком с методами Scrum
Правильно:
Завершил 5 проектов при помощи методологии управления Scrum
«Особенность hard skills в том, что они обеспечивают вашу востребованность на рынке труда, тогда как гибкие навыки больше влияют на принятие карьерных решений, например, продвижение по службе; также soft skills могут стать решающим фактором в вашу пользу, но только при наличии релевантного опыта» — говорит Сьюзан Витале, руководитель HR-направления в компании iCIMS.
Исследование SHRM показало: 46% специалистов по персоналу называют самыми незанятыми вакансии, требующие технических навыков.
По прогнозам компании IBM, к 2022 году будет создано 2,72 миллиона рабочих мест, требующих навыков работы с данными, что спровоцирует колоссальный разрыв на рынке труда.
Технические навыкиОчень часто для успешного трудоустройства кандидату мало профессиональных умений; ему необходимо владеть еще и технической базой.
Технический навык – это умение выполнять конкретные задачи при помощи специальных программ или оборудования. Технические навыки в одной сфере для разных сотрудников могут сильно отличаться.
Примеры технических навыков:
для юриста: Jusnote
для медицинского работника: Planmeca
для маркетинг менеджера: Google Analytics,Google ads и Mailchimp
1C – для фин директора
Jira, Asana – для проектного менеджера
html 5, JavaScript – для front-end разработчика
Совет: Если в вашей сфере технические навыки являются ключевым условием для трудоустройства, лучше разместить этот раздел в начале резюме. Это позволит рекрутеру быстро найти нужную информацию.
ВыводыЗапомните главные принципы описания навыков в резюме:
- Релевантность (пишите только навыки, актуальные в вашей профессии)
- Использование ключевых слов из описания вакансии (ATS и взгляд рекрутов будут им рады)
- Трансформируйте личные качества в навыки
- Подтверждайте навыки цифрами и примерами
Полная версия статьи о навыках доступна по ссылке
———————————————————–
Раздел «Языки» в резюмеИзучение иностранного языка требует денежных инвестиций, усилий и времени. Поэтому, когда вы пишете в своем резюме о языках, которыми вы владеете, это производит впечатление на рекрутера. При условии, что вы правильно написали о своем уровне знаний.
Как вы думаете, правильно ли написан этот пример?
английский – свободный
испанский – выше среднего
португальский – разговорный
Здесь вы видите правильную логику описания – от самого сильного к более слабым навыкам. Но тут может возникнуть путаница относительно уровня знаний, например: «португальский разговорный» означает, что соискатель общается, но не умеет писать?
Далее мы расскажем, как лучше написать про языки в резюме!
Почему важен раздел «Языки» в резюме?Как мы уже говорили, работодатели высоко ценят кандидатов со знаниями иностранных языков. Лучшим подтверждением является инфографика:
При написании резюме важно создать отдельный раздел для лингвистических навыков. Так вы можете быть уверены в том, что потенциальный работодатель увидит и оценит ваши знания!
Как определить свой уровень языка?Чаще всего соискатели преувеличивают знания иностранных языков, что является почти ложью в резюме; в тоже время другие кандидаты недооценивают себя, поэтому получают зарплату меньше, чем могли бы.
Поэтому прежде, чем писать о языках в резюме, необходимо объективно оценить свой уровень
У вас есть два варианта:
- получить официальный сертификат;
- самостоятельно определить лингвистический уровень.
Первый вариант чаще всего платный, он подходит специалистам, работа которых связана с языковой практикой.
Второй вариант предназначен для соискателей, в профессиях которых знание языка играет второстепенную роль.
Международные стандарты оценки языковых навыковВ резюме лучше использовать общепринятые международные стандарты владения языком, о которых мы расскажем далее.
CEFR
Это международный стандарт для описания языковых способностей по шести балльной шкале, от А1 для начинающих до С2 для тех, кто освоил язык. Чаще всего используется в Европе. Схема позволяет любому, кто занимается тестированием языка, например рекрутерам, видеть различные уровни квалификации и легко сравнивать знания соискателя с другими.
Определить свой уровень: Шкала CEFR
Вот пример раздела резюме с американской шкалой языковых уровней:
Хинди – C2 (CEFR)
Французский – B2 (CEFR)
Индонезийский – A1 (CEFR)
Совет: Если у вас есть сертификат для одного языка, тогда как уровень другого вы оценили самостоятельно, укажите эту информацию в резюме.
Правильно:
Немецкий – сертификат B2
Китайский – уровень A2
ILR scale
Interagency Language Roundtable Scale – дословно переводится как «Шкала межведомственного языкового круглого стола». Состоит из набора способностей к общению на английском языке. Это стандартная шкала оценки используется в федеральной службе США.
Определить свой уровень: Официальный сайт ILR
ACTFL
Аббревиатура «ACTFL» означает «Американский совет по преподаванию иностранных языков». Стандарты ACTFL представляют собой расширенную шкалу, которая была разработана на основе ранее использовавшейся шкалы ILR в США. Это описание навыков, которыми вы владеете на любом языке, включая разговорную речь, письмо, аудирование и чтение. Шкала ACTFL включает пять основных уровней владения языком: Отличный, Улучшенный, Продвинутый, Средний и Начинающий.
Система делит Advanced, Intermediate и Novice на три подуровня (High, Mid и Low).
Рекомендация ACTFL Proficiency
Самостоятельное определение языковых навыков в резюмеЕсли обобщить информацию из систем оценки, получим следующие уровни
Базовый уровень (A1, A2 по CERF или ILR 0,1): знание азов, элементарные навыки чтения и письма. Умение рассказать немного о себе и ответить на простые односложные вопросы (чаще со словарем) Понимание собеседника если он говорит медленно и готов уточнить смысл простыми словами.
Средний уровень (B1, B2 по CERF или ILR 2): возможность обсудить более широкий круг вопросов (в том числе профессиональных) Понимание общих тем и диалогов по большей части. Способность письменно и устно выразить свои мысли без словаря на актуальную тему. Безошибочное использование основных времен и правил грамматики.
Продвинутый (C1 по CERF или ILR3): более гибкое владение языком. Словарный запас широкий, с синонимами на каждую тему, без поиска выражений. Речь гладкая, непринужденная. Активно использование идиом и устоявшиеся выражений. Способность понять практически любой текст, в том числе по своей профессии. Незнакомые слова – редкость. Использование всех времен и правил грамматики по ситуации.
Свободный (C2 по CERF или ILR4) – понимание уже тонких аспектов и контекста в самых разных ситуациях. Незнакомыми могут оставаться только редкие идиомы и слэнг. Полное владение всей профессиональной лексикой (письменно и устно в разговоре с носителями из разных регионов).
Родной – язык, на котором вы мыслите (включая идиомы, слэнг, субкультуру и мышление этого региона).
Теперь, когда вы знаете свой уровень языка, пришло время написать о нем в резюме!
Главные требования к разделу о языках:Последовательность. Нельзя смешивать системы оценки языковых навыков. Постарайтесь представить ваши знания в единой системе.
Неправильно:
английский ILR 4+
венгерский С2
Актуальность. Для Европы подходит шкала CEFR, тогда как в США свои знания лучше оценивать по уровню ACTFL или ILR.
Очевидность. Не нужно писать про свой родной язык, если владение им очевидно. Исключение только в случаях, когда вы уезжаете работать за границу.
ВыводыНесмотря на то, что в мире существует свыше 7000 языков, а по данным Википедии, 1 язык исчезает раз в 2 недели, лингвистические навыки по-прежнему влияют на уровень заработной платы специалиста, а компаниям обеспечивают гибкость в бизнесе.
Запомните эти тезисы к разделу «Языки»:
- Ваши знания языка заслуживают отдельной секции в резюме
- Обычно этот раздел помещается ближе к концу резюме
- Лучше начинать с языка, который вы знаете лучше остальных
- Используйте международные стандарты оценки лингвистического уровня
Создайте красивый раздел с языками на конструкторе CV2you – ваш уровень знаний отображается графически!
Читайте полную версию статьи о языках тут
———————————————————–
Раздел «Обо мне» в резюмеПредставьте ситуацию: на новой работе вы обнаруживаете систему штрафов за опоздания или другие провинности у новой компании-работодателя. Так как вы являетесь новым сотрудником и делаете большие ставки на эту работу, глупо увольняться с испытательного срока по такой, казалось бы, малозначимой причине. Но согласитесь, что если бы вы предупредили работодателя о том, что готовы задерживаться на работе, если пришли позже, вам удалось бы избежать ощущения дискомфорта из-за штрафов, которое будет преследовать вас на протяжении всей карьеры в этой компании.
Для этого и существует раздел «О себе» – чтобы управлять ожиданиями работодателя и обеспечить максимально комфортные условия труда обеим сторонам.
Мы перечислим самые популярные способы заполнения этой секции резюме, а также расскажем о том, что там на самом деле должно и НЕ должно быть.
И начнем как раз с ошибок, так как большинство кандидатов пишет сюда то, что на самом деле должно быть в отдельных разделах.
Что НЕ нужно писать в секции «О себе»?Хобби: в действительности они мало кому интересны. А игра на гитаре или занятия йогой никак не помогают, скажем, в работе бухгалтера.
Сильные стороны, или ваше определение себя; об этом лучше писать в самом начале резюме, в разделе Summary.
Навыки: это отдельный раздел резюме.
Достижения: о них лучше писать в разделе опыт, наряду с обязанностями, которые вы выполняли.
Сертификаты и награды: они отлично размещаются в разделе «Сертификаты»
Ок, с этим разобрались. Тогда как же лучше использовать этот раздел?
Что желательно писать «О себе» в резюме?В первую очередь это рабочие предпочтения – задачи которые вам хотелось бы выполнять.
Во вторую – организационные: график работы, режим, местоположение, размер компании.
В третью – личные принципы работы, которые позволяют вам работать продуктивно: например отношение к субординации, желание работать самостоятельно или в команде, свобода в принятии решений. Можете упомянуть также карьерные цели.
Эта информация куда важнее хобби, позволяет управлять взаимными ожиданиями и помогает найти лучшее соответствие, как следствие достичь продуктивности и удовлетворенности в работе.
Вот пример некоторых критериев на инфографике:
Вот несколько вопросов, которые стоит задать себе перед описанием раздела:
- Какой положительный\отрицательный опыт привел меня сюда?
- Какие ценности я считаю наиболее необходимыми для личного успеха?
- Чего я надеюсь достичь в ближайшее время?
Совет: представьте идеальную атмосферу в коллективе. Как выглядит рабочее место вашей мечты? Возможно, вам встречалась вакансия, которая идеально соответствует вашим предпочтениям. Выберите ключевые слова из описания этой вакансии, используйте их в процессе создания своего резюме.
Пример раздела «Обо мне» в резюмедля Переворачивателя пингвинов:
Интереснее всего работа над проблемами пост-травматического синдрома у не перевернутых пингвинов [тип рабочих задач].
Предпочитаю гибкий рабочий день на свежем воздухе [организационные предпочтения].
Лучше всего работаю самостоятельно в неспешном темпе [личные принципы в работе].
Стремлюсь дорасти до регионального менеджера Антарктического региона через 5 лет [карьерная цель].
Раздел «О себе» собирает наибольшее число заблуждений. Соискатели перечисляют здесь свои увлечения, хобби, отсутствие вредных привычек. Несомненно, будущим коллегам будет очень интересно узнать, что вы увлекаетесь йогой и можете простоять в ширшасане аж 10 минут.
Допускаем также, что вашему работодателю будет важно узнать о ваших привычках, и в частности, о курении, на которое некоторые сотрудники тратят львиную долю рабочего времени.
Но все эти вопросы вы можете прояснить уже на собеседовании, а резюме – это краткий, чаще всего одностраничный документ, цель которого – показать вашу настоящую ценность.
Вторая ошибка, посвященная данному разделу, заключается в том, что кандидаты не знают, что написать о себе в резюме. Вполне понятно это затруднение, потому что многим людям бывает сложно говорить о себе, а уж тем более – написать о себе кратко и содержательно в резюме. Но умоляем вас! Забудьте про штампы вроде «коммуникабельный» или «стрессоустойчивый». Эти примеры встречаются повсеместно. Лучше уже не писать о себе ничего, чем заполнить раздел такими вот шаблонами.
Неправильно:
«Я общительный, веселый, исполнительный и умный. Могу быть лидером, когда это нужно. Без вредных привычек. Есть личный автомобиль и права категории В».
Правильно:
«Я ищу работу в крупной корпорации, с возможностью гибкого графика. Мне нравится помогать людям, но я предпочитаю работать над проектами самостоятельно. Я умею направлять чужую активность в нужное русло и мне важно следовать инструкциям».
Выводы- Раздел «Обо мне» — это краткая часть в конце вашего резюме, в которой чаще всего рассказывается о вас как о профессионале, гораздо реже – описываются ваши пожелания относительно будущей работы.
- Раздел «Обо мне» в резюме должен кратко дать рекрутеру ответы на вопросы: «Подходит ли нам этот кандидат?» и «Понравится ли ему у нас?»
- По сути, главная цель данного раздела — застраховать себя от ситуации, когда ваши ожидания от новой работы не соответствуют действительности.
- Постарайтесь держать раздел кратким, в пределах 3-5 предложений.
- Эта секция относится к числу необязательных, но если вам есть что сказать о своих предпочтениях, или особенностях в работе, секция резюме «О себе» — идеальное место!
Подведем итоги. Вот кратко основные советы в создании резюме:
Главные требования к структуре резюме:- Логическая целостность
- Легко читаемый шрифт
- Главные достижения
- Объем 1-2 страницы
- Только релевантная информация
- выравнивание текста по центру, а для списков и заголовков выравнивание по левой стороне.
- Добавляйте маркированные списки (bullet points) для перечисления навыков / обязанностей / ключевых достижений.
- Шрифт: 11-14 пт. Лучше использовать один из из рейтинга международного портала Monster
- Формат файла — PDF.
Обязательные разделы резюме:
- Имя, контакты
- Краткая информация
- Опыт
- Образование
- Профессиональные навыки
- Много текста: 3+ страницы — это неумение фокусироваться на главном.
- Отсутствие структуры: отбивает желание читать вовсе.
- Нет ключевых слов: не пройдет ATS робота и поверхностный взгляд.
- Без цифр и фактов: шаблонные эпитеты и абстрактные обязанности не принесут вам работу.
- Грамматические ошибки и опечатки снижают мнение о вас еще до встречи.
В этой статье мы постарались дать вам самую полную информацию о составлении резюме.
Но одно дело рассказать, а другое — показать. Поэтому вот тут даем вам пример резюме с подсказками. Он интерактивный: подсказки всплывают по нажатию. При этом, вам даже не нужно копировать: просто работайте прямо в нем, нажав на кнопку внизу.
Более же подробную информацию о каждом разделе, а также основные вопросы для собеседований, фишки создания сопроводительного письма и многое другое читайте в нашем блоге.
Удачи!
Post Views: 10,297
6 ошибок в создании хорошего резюме. Опыт рекрутера.
6 ошибок в создании хорошего резюме. Опыт рекрутера. Назад В Интернете есть множество статей с рекомендациями, как правильно составить резюме, и мне захотелось рассказать о самых часто встречающихся ошибках, с которыми приходится сталкиваться в своей работе практически каждый день.- Объем резюме или «Пятилистовая». Если Вы хотите, чтобы ваше резюме было замечено рекрутерами и обязательно принято к рассмотрению, то оно должно быть написано тезисно, с акцентом на ключевые моменты и достижения, и не более чем на 2-3 страницы. Тем самым, Вы поможете рекрутерам выбрать вас среди множества кандидатов. Как правило длинные и объемные резюме, не читабельны и их откладывают на рассмотрение в самую последнюю очередь.
- Контакты. Создайте легко запоминающийся электронный адрес для деловой переписки и выделите один номер телефона, который всегда доступен для связи с вами. Хотелось бы отметить, что электронные адреса формата cat91@, superboy@ и т.д. выглядят не презентабельно. Также не используйте корпоративную почту в целях конфиденциальности для отправки резюме, так как после ухода с компании ваш адрес все еще будет активен некоторое время.
- Фотография. Сделайте фотографию специальную для резюме. Резюме с фотографией лучше запоминаются, и бросаются в глаза в первую очередь. Фотография должна быть формата 3/4 в презентабельном виде: не в полный рост, не с корпоратива, не с пляжа и кафе. Такие фотографии вызывают лишь недоумение и ставят под сомнение серьезность ваших намерений.
- «Резюме на пол листа». Ленивое резюме без указания опыта работы, компетенций и образования, рекрутеры отправляют в черный ящик. Они не будут звонить к вам, чтобы уточнять подробности. Если вы не знаете, как правильно заполнить резюме, лучше скачайте шаблон и тщательно заполните все графы, которые в нем указаны.
- Личные компетенции. Умейте себя презентовать. Шаблонные компетенции стрессоустойчивость, легкообучаемость, не конфликтность и т.д. за этими словами рекрутер видит «никакой». Поэтому меньше субъективизма и лучше напишите: «За три недели освоил азы грузинской кухни», «За месяц выучил 1000 слов на английском языке». Конкретные примеры и достижения намного ярче покажут ваши достоинства.
- Орфография. Резюме без орфографических ошибок — это показатель вашего уровня грамотности и уважения к работодателю. Если не уверены в себе, используйте помощь друга или текстовые редакторы, но постарайтесь исключить грамматические и орфографические ошибки.
Автор: Наталья Литвинова, Специалист по поиску и подбору персонала, ООП АО «УМЗ» г. Усть-Каменогорск.
Ok Данный сайт использует файлы cookie, которые помогают его функционированию и помогают нам понять, как пользователи взаимодействуют с ним. Мы используем эти файлы cookie, чтобы предоставить вам улучшенный и индивидуальный пользовательский интерфейс. Если Вы продолжаете пользоваться сайтом, мы предполагаем, что Вы согласны с этим.
Сводка ошибок — GOV.UK Design System
Составные частиИспользуйте этот компонент в верхней части страницы, чтобы обобщить все ошибки, допущенные пользователем.
Когда пользователь делает ошибку, вы должны показывать сводку ошибок и сообщение об ошибке рядом с каждым ответом, содержащим ошибку.
Существует проблема
Параметры макроса NunjucksИспользуйте параметры для настройки внешнего вида, содержимого и поведения компонента при использовании макроса, например, при изменении текста.
Для работы макроса требуются некоторые параметры; они помечены как «Обязательные» в описании опции.
Если вы используете макросы Nunjucks в производственной среде с параметрами «html» или с параметрами, оканчивающимися на «html», вы должны очистить HTML-код для защиты от эксплойтов межсайтового скриптинга.
строка | Обязательно. Если задано titleHtml , это не требуется. Текст для заголовка блока сводки ошибок. Если указано titleHtml , titleText будет проигнорировано. |
строка | Обязательно. Если установлено titleText , это не требуется. HTML для заголовка блока сводки ошибок.Если указано titleHtml , titleText будет проигнорировано. |
строка | Текст для описания ошибок. Если вы установите descriptionHtml , компонент будет игнорировать descriptionText . |
строка | HTML для описания ошибок.Если вы установите этот параметр, компонент будет игнорировать descriptionText . |
массив | Обязательно. Содержит массив элементов ссылки на ошибку и все их доступные аргументы. См. ErrorList. |
строка | Классы для добавления в контейнер сводки ошибок. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления в контейнер сводки ошибок. |
строка | Атрибут Href для элемента ссылки ошибки.Если предоставленный элемент будет якорем. |
строка | Обязательно. Если установлено значение html , это не требуется. Текст ссылки на ошибку. Если предоставляется html , аргумент text будет проигнорирован. |
строка | Обязательно. Если установлен текст , это не требуется. HTML для элемента ссылки ошибки. Если предоставляется html , аргумент text будет проигнорирован. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления к привязке ссылки ошибки. |
{% от "govuk / components / error-summary / macro.njk "import govukErrorSummary%}
{{govukErrorSummary ({
titleText: "Возникла проблема",
errorList: [
{
текст: «Дата выдачи паспорта должна быть в прошлом»,
href: "# ошибка выдачи паспорта"
},
{
текст: "Введите почтовый индекс, например AA1 1AA",
href: "# ошибка почтового индекса"
}
]
})}}
Когда использовать этот компонент
Всегда показывать сводку ошибок при наличии ошибки проверки, даже если она всего одна.
Как это работает
Вы должны:
- переместить фокус клавиатуры на сводку ошибок
- включить заголовок «Возникла проблема».
- ссылка на каждый из ответов с ошибками проверки
- убедитесь, что сообщения об ошибках в сводке ошибок сформулированы так же, как и те, которые появляются рядом с входами с ошибками
Помимо отображения сводки ошибок, следуйте шаблону проверки — например, добавив «Ошибка:» в начало страницы
, чтобы программы чтения с экрана прочитали ее как можно скорее.
И сделайте сообщения об ошибках ясными и краткими.
Есть 2 способа использовать компонент сводки ошибок. Вы можете использовать HTML или, если вы используете Nunjucks или GOV.UK Prototype Kit, вы можете использовать макрос Nunjucks.
Существует проблема
Параметры макроса NunjucksИспользуйте параметры для настройки внешнего вида, содержимого и поведения компонента при использовании макроса, например, при изменении текста.
Для работы макроса требуются некоторые параметры; они помечены как «Обязательные» в описании опции.
Если вы используете макросы Nunjucks в производственной среде с параметрами «html» или с параметрами, оканчивающимися на «html», вы должны очистить HTML-код для защиты от эксплойтов межсайтового скриптинга.
строка | Обязательно. Если задано titleHtml , это не требуется. Текст для заголовка блока сводки ошибок. Если указано titleHtml , titleText будет проигнорировано. |
строка | Обязательно. Если установлено titleText , это не требуется. HTML для заголовка блока сводки ошибок.Если указано titleHtml , titleText будет проигнорировано. |
строка | Текст для описания ошибок. Если вы установите descriptionHtml , компонент будет игнорировать descriptionText . |
строка | HTML для описания ошибок.Если вы установите этот параметр, компонент будет игнорировать descriptionText . |
массив | Обязательно. Содержит массив элементов ссылки на ошибку и все их доступные аргументы. См. ErrorList. |
строка | Классы для добавления в контейнер сводки ошибок. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления в контейнер сводки ошибок. |
строка | Атрибут Href для элемента ссылки ошибки.Если предоставленный элемент будет якорем. |
строка | Обязательно. Если установлено значение html , это не требуется. Текст ссылки на ошибку. Если предоставляется html , аргумент text будет проигнорирован. |
строка | Обязательно. Если установлен текст , это не требуется. HTML для элемента ссылки ошибки. Если предоставляется html , аргумент text будет проигнорирован. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления к привязке ссылки ошибки. |
{% от "govuk / components / error-summary / macro.njk "import govukErrorSummary%}
{{govukErrorSummary ({
titleText: "Возникла проблема",
errorList: [
{
текст: «Дата выдачи паспорта должна быть в прошлом»,
href: "# ошибка выдачи паспорта"
},
{
текст: "Введите почтовый индекс, например AA1 1AA",
href: "# ошибка почтового индекса"
}
]
})}}
Ссылка из сводки ошибок на каждый ответ
Необходимо связать ошибки в сводке ошибок с ответом, к которому они относятся.
Для вопросов, которые требуют, чтобы пользователь ответил с использованием одного поля, например, загрузка файла, выбор, текстовое поле, ввод текста или количество символов, ссылка на поле.
Существует проблема
Ваши данные
Ошибка: введите свое полное имя
Параметры макроса NunjucksИспользуйте параметры для настройки внешнего вида, содержимого и поведения компонента при использовании макроса, например, при изменении текста.
Для работы макроса требуются некоторые параметры; они помечены как «Обязательные» в описании опции.
Если вы используете макросы Nunjucks в производственной среде с параметрами «html» или с параметрами, оканчивающимися на «html», вы должны очистить HTML-код для защиты от эксплойтов межсайтового скриптинга.
строка | Обязательно. Если задано titleHtml , это не требуется. Текст для заголовка блока сводки ошибок. Если указано titleHtml , titleText будет проигнорировано. |
строка | Обязательно. Если установлено titleText , это не требуется. HTML для заголовка блока сводки ошибок.Если указано titleHtml , titleText будет проигнорировано. |
строка | Текст для описания ошибок. Если вы установите descriptionHtml , компонент будет игнорировать descriptionText . |
строка | HTML для описания ошибок.Если вы установите этот параметр, компонент будет игнорировать descriptionText . |
массив | Обязательно. Содержит массив элементов ссылки на ошибку и все их доступные аргументы. См. ErrorList. |
строка | Классы для добавления в контейнер сводки ошибок. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления в контейнер сводки ошибок. |
строка | Атрибут Href для элемента ссылки ошибки.Если предоставленный элемент будет якорем. |
строка | Обязательно. Если установлено значение html , это не требуется. Текст ссылки на ошибку. Если предоставляется html , аргумент text будет проигнорирован. |
строка | Обязательно. Если установлен текст , это не требуется. HTML для элемента ссылки ошибки. Если предоставляется html , аргумент text будет проигнорирован. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления к привязке ссылки ошибки. |
{% от "govuk / components / error-summary / macro.njk "import govukErrorSummary%}
{% from "govuk / components / input / macro.njk" import govukInput%}
{{govukErrorSummary ({
"titleText": "Возникла проблема",
"errorList": [
{
"text": "Введите свое полное имя",
"href": "# имя"
}
]
})}}
Ваши данные
{{govukInput ({
метка: {
"text": 'Полное имя'
},
id: "имя",
name: "имя",
сообщение об ошибке: {
"text": "Введите свое полное имя"
}
})}}
Когда пользователь должен ввести свой ответ в несколько полей, например в поля дня, месяца и года в компоненте ввода даты, установите ссылку на первое поле, содержащее ошибку.
Если вы не знаете, в каком поле содержится ошибка, перейдите к первому полю.
Существует проблема
Параметры макроса NunjucksИспользуйте параметры для настройки внешнего вида, содержимого и поведения компонента при использовании макроса, например, при изменении текста.
Для работы макроса требуются некоторые параметры; они помечены как «Обязательные» в описании опции.
Если вы используете макросы Nunjucks в производственной среде с параметрами «html» или с параметрами, оканчивающимися на «html», вы должны очистить HTML-код для защиты от эксплойтов межсайтового скриптинга.
строка | Обязательно. Если задано titleHtml , это не требуется. Текст для заголовка блока сводки ошибок. Если указано titleHtml , titleText будет проигнорировано. |
строка | Обязательно. Если установлено titleText , это не требуется. HTML для заголовка блока сводки ошибок.Если указано titleHtml , titleText будет проигнорировано. |
строка | Текст для описания ошибок. Если вы установите descriptionHtml , компонент будет игнорировать descriptionText . |
строка | HTML для описания ошибок.Если вы установите этот параметр, компонент будет игнорировать descriptionText . |
массив | Обязательно. Содержит массив элементов ссылки на ошибку и все их доступные аргументы. См. ErrorList. |
строка | Классы для добавления в контейнер сводки ошибок. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления в контейнер сводки ошибок. |
строка | Атрибут Href для элемента ссылки ошибки.Если предоставленный элемент будет якорем. |
строка | Обязательно. Если установлено значение html , это не требуется. Текст ссылки на ошибку. Если предоставляется html , аргумент text будет проигнорирован. |
строка | Обязательно. Если установлен текст , это не требуется. HTML для элемента ссылки ошибки. Если предоставляется html , аргумент text будет проигнорирован. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления к привязке ссылки ошибки. |
{% от "govuk / components / date-input / macro.njk "import govukDateInput%}"
{% from "govuk / components / error-summary / macro.njk" import govukErrorSummary%}
{{govukErrorSummary ({
"titleText": "Возникла проблема",
"errorList": [
{
"text": "Дата выдачи паспорта должна включать год",
"href": "# год выдачи паспорта"
}
]
})}}
{{govukDateInput ({
fieldset: {
легенда: {
isPageHeading: правда,
текст: «Когда был выдан паспорт?»,
классы: 'govuk-fieldset__legend - l'
}
},
id: 'выдан паспорт',
namePrefix: 'выдан паспорт',
сообщение об ошибке: {
текст: «Дата выдачи паспорта должна включать год»
},
Предметы: [
{
Именины",
классы: "говук-ввод - ширина-2",
значение: 5
},
{
название: "месяц",
классы: "говук-ввод - ширина-2",
значение: 12
},
{
название: "год",
классы: "govuk-input - width-4 govuk-input - error"
}
]
})
}}
Для вопросов, требующих от пользователя выбора одного или нескольких вариантов из списка с помощью радио или флажков, установите ссылку на первый переключатель или флажок.
Существует проблема
Параметры макроса NunjucksИспользуйте параметры для настройки внешнего вида, содержимого и поведения компонента при использовании макроса, например, при изменении текста.
Для работы макроса требуются некоторые параметры; они помечены как «Обязательные» в описании опции.
Если вы используете макросы Nunjucks в производственной среде с параметрами «html» или с параметрами, оканчивающимися на «html», вы должны очистить HTML-код для защиты от эксплойтов межсайтового скриптинга.
строка | Обязательно. Если задано titleHtml , это не требуется. Текст для заголовка блока сводки ошибок. Если указано titleHtml , titleText будет проигнорировано. |
строка | Обязательно. Если установлено titleText , это не требуется. HTML для заголовка блока сводки ошибок.Если указано titleHtml , titleText будет проигнорировано. |
строка | Текст для описания ошибок. Если вы установите descriptionHtml , компонент будет игнорировать descriptionText . |
строка | HTML для описания ошибок.Если вы установите этот параметр, компонент будет игнорировать descriptionText . |
массив | Обязательно. Содержит массив элементов ссылки на ошибку и все их доступные аргументы. См. ErrorList. |
строка | Классы для добавления в контейнер сводки ошибок. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления в контейнер сводки ошибок. |
строка | Атрибут Href для элемента ссылки ошибки.Если предоставленный элемент будет якорем. |
строка | Обязательно. Если установлено значение html , это не требуется. Текст ссылки на ошибку. Если предоставляется html , аргумент text будет проигнорирован. |
строка | Обязательно. Если установлен текст , это не требуется. HTML для элемента ссылки ошибки. Если предоставляется html , аргумент text будет проигнорирован. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления к привязке ссылки ошибки. |
{% от "govuk / components / error-summary / macro.njk "import govukErrorSummary%}
{% from "govuk / components / checkboxes / macro.njk" import govukCheckboxes%}
{{govukErrorSummary ({
"titleText": "Возникла проблема",
"errorList": [
{
"text": "Выберите, если вы британец, ирландец или гражданин другой страны",
"href": "# национальность"
}
]
})}}
{{govukCheckboxes ({
idPrefix: "национальность",
имя: "национальность",
fieldset: {
легенда: {
текст: «Кто ты по национальности?»,
isPageHeading: правда,
классы: "govuk-fieldset__legend - l"
}
},
намекать: {
текст: «Если у вас двойное гражданство, выберите все варианты, которые вам подходят."
},
сообщение об ошибке: {
текст: «Выберите, если вы британец, ирландец или гражданин другой страны»
},
Предметы: [
{
значение: "британский",
текст: "Британский",
намекать: {
текст: «включая английский, шотландский, валлийский и североирландский»
},
id: "национальность"
},
{
значение: "ирландский",
текст: "Ирландский"
},
{
значение: "другое",
текст: «Гражданин другой страны»
}
]
})}}
Куда девать сводку ошибок
Поместите сводку ошибок вверху основного контейнера
.Если ваша страница содержит панировочные сухари или обратную ссылку, поместите ее под ними, но выше
.
Параметры макроса NunjucksИспользуйте параметры для настройки внешнего вида, содержимого и поведения компонента при использовании макроса, например, при изменении текста.
Для работы макроса требуются некоторые параметры; они помечены как «Обязательные» в описании опции.
Если вы используете макросы Nunjucks в производственной среде с параметрами «html» или с параметрами, оканчивающимися на «html», вы должны очистить HTML-код для защиты от эксплойтов межсайтового скриптинга.
строка | Обязательно. Если задано titleHtml , это не требуется. Текст для заголовка блока сводки ошибок. Если указано titleHtml , titleText будет проигнорировано. |
строка | Обязательно. Если установлено titleText , это не требуется. HTML для заголовка блока сводки ошибок.Если указано titleHtml , titleText будет проигнорировано. |
строка | Текст для описания ошибок. Если вы установите descriptionHtml , компонент будет игнорировать descriptionText . |
строка | HTML для описания ошибок.Если вы установите этот параметр, компонент будет игнорировать descriptionText . |
массив | Обязательно. Содержит массив элементов ссылки на ошибку и все их доступные аргументы. См. ErrorList. |
строка | Классы для добавления в контейнер сводки ошибок. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления в контейнер сводки ошибок. |
строка | Атрибут Href для элемента ссылки ошибки.Если предоставленный элемент будет якорем. |
строка | Обязательно. Если установлено значение html , это не требуется. Текст ссылки на ошибку. Если предоставляется html , аргумент text будет проигнорирован. |
строка | Обязательно. Если установлен текст , это не требуется. HTML для элемента ссылки ошибки. Если предоставляется html , аргумент text будет проигнорирован. |
объект | HTML-атрибуты (например, атрибуты данных) для добавления к привязке ссылки ошибки. |
{% от "govuk / components / back-link / macro.njk "import govukBackLink%}"
{% from "govuk / components / button / macro.njk" import govukButton%}
{% from "govuk / components / date-input / macro.njk" import govukDateInput%}
{% from "govuk / components / error-summary / macro.njk" import govukErrorSummary%}
{% block beforeContent%}
{{govukBackLink ({
текст: "Назад"
})}}
{% endblock%}
{% блокировать содержание%}
{% endblock%}
Помогите улучшить эту страницу
Чтобы сделать эту страницу полезной, актуальной и актуальной, вы можете:
Рекомендации по сообщениям об ошибкахРекомендации по созданию эффективных сообщений об ошибках остаются неизменными в течение 20 лет.Хорошее сообщение об ошибке должно включать:
- Явное указание на то, что что-то пошло не так. Самые худшие сообщения об ошибках — те, которых не существует. Когда пользователи совершают ошибки и не получают обратной связи, они полностью теряются. Электронная почта, например, предлагает несколько ситуаций, в которых было бы полезно явное указание. Например: Когда вы отправляете сообщение, которое поглощается системой и никогда не доходит до получателя. Еще один хороший пример? Когда вы заявляете в электронном письме, что включаете вложение, но забываете это сделать.Наконец-то задание для этой надоедливой скрепки: «Кажется, вы хотите прикрепить файл к этому сообщению, но вы этого не сделали. Хотите прикрепить его сейчас?»
- Удобочитаемый язык вместо непонятных кодов или сокращений, таких как «Произошла ошибка типа 2».
- Вежливая формулировка , которая не обвиняет пользователей и не подразумевает, что они либо глупы, либо делают что-то не так, как в «незаконная команда».
- Точное описание точных проблем, а не расплывчатые общие сведения, такие как синтаксическая ошибка .»
- Конструктивный совет по устранению проблемы. Например, вместо сообщения «нет в наличии», в вашем сообщении об ошибке должно быть указано, когда продукт будет доступен, или дать пользователям возможность запросить уведомление, когда продукт будет пополнен.
Наиболее частое сообщение об ошибке в Интернете, 404 , нарушает большинство этих рекомендаций. Я рекомендую вам написать собственное сообщение об ошибке 404 вместо того, чтобы полагаться на встроенное на сервере сообщение «страница не найдена».
Новые инструкции
Сложность веб-страниц привела к необходимости в руководстве, которое не требовалось в прежние времена. В интерфейсе DOS пользователи вводят команду, и сообщение об ошибке отображается в следующей строке TTY. В современных графических пользовательских интерфейсах пользователи щелкают команду, и сообщение об ошибке отображается в большом диалоговом окне в середине экрана, и оно не исчезает, пока пользователи не подтвердят это. Однако в Интернете сообщения об ошибках часто скрыты в виде скромного текста на перегруженной странице, что приводит к новому руководству: сообщения об ошибках должны быть
.- Видимый и очень заметный, как с точки зрения самого сообщения, так и с точки зрения того, какой элемент диалога пользователи должны исправить.
Я часто наблюдал, как пользователи делают ошибку в веб-форме только для того, чтобы получить ту же самую форму обратно с сервера без видимых указаний на то, что пошло не так. Часто небольшое сообщение об ошибке появлялось вверху страницы, но поскольку пользователи сначала смотрят на активную часть страницы (то есть на область с полями формы), они обычно не замечают ошибку.
Связанный с этим недостаток конструкции состоит в том, что состояние ошибки указывается только путем поворота метки поля в красный цвет. Это нарушает одно из старейших и простейших правил, делающих технологию доступной для пользователей с ограниченными возможностями: никогда не используйте цвет как единственный механизм кодирования; всегда включайте повторяющиеся подсказки, которые могут видеть дальтоники.
Два других правила могут сделать ситуацию с ошибкой менее неприятной для пользователей:
- Сохраните как можно больше работы пользователя. Позвольте пользователям исправлять ошибки, отредактировав исходное действие, вместо того, чтобы делать все заново. Например, при представлении результатов поиска покажите поле поиска с исходными условиями запроса пользователя, чтобы упростить внесение изменений. Если совпадений не обнаружено, разрешите пользователям выполнять поиск в более широком диапазоне одним щелчком мыши.
- Уменьшите труд по исправлению ошибки.Если возможно, угадывайте правильное действие и позвольте пользователям выбрать его из небольшого списка исправлений. Например, вместо того, чтобы просто сказать «город и почтовый индекс не совпадают», позволяет пользователям нажимать кнопку для города, который соответствует введенному ими почтовому индексу.
Возможность обучения пользователей
Наконец, вы, вероятно, уже знаете Первый закон компьютерной документации Нильсена: человек не читают его . Этот вывод еще более очевиден для веб-сайтов, где пользователи действительно избегают чтения, которое не является существенным для их задачи.Нажмите «Справка»? Никогда.
Пользователи читают системную документацию только тогда, когда у них проблемы (это второй закон). Они особенно внимательны, когда хотят исправить ошибку. Учитывая это, вы можете использовать сообщения об ошибках как образовательный ресурс, чтобы поделиться небольшими знаниями с пользователями. Конечно, сообщения об ошибках должны быть краткими и конкретными, как и все веб-содержимое. Тем не менее, сообщения об ошибках могут немного научить пользователей тому, как работает система, и дать им информацию, необходимую для более эффективного ее использования.Для достижения этой цели базовая технология Интернета делает возможным еще одно руководство:
- Гипертекст Ссылки могут использоваться для соединения краткого сообщения об ошибке со страницей с дополнительным справочным материалом или объяснением проблемы. (Но не переусердствуйте.)
Как сообщать об ошибках в формах: 10 рекомендаций по дизайну
Формы являются необходимыми компонентами многих приложений и веб-сайтов. Мы используем их для входа в систему, покупки товаров, отправки отзывов и ввода нашей личной информации.Подумайте о веб-сайтах, которые вы используете, и о том, сколько раз вы вводите информацию: как часто вы сталкиваетесь с ошибками? Насколько неприятно ориентироваться в этих ошибках?
Сообщения об ошибках являются индикатором состояния системы: они информируют пользователей о том, что возникла проблема, и предлагают решения по их устранению. Но для того, чтобы сообщения об ошибках были эффективными, люди должны их видеть, понимать и уметь легко реагировать на них. Видимость состояния системы — одна из 10 эвристик юзабилити Якоба Нильсена.Это относится к тому, насколько хорошо состояние системы передается пользователям. В идеале системы должны всегда информировать пользователей о том, что происходит, посредством соответствующей обратной связи в разумные сроки.
Человеку свойственно ошибаться, и люди будут делать ошибки при использовании программного обеспечения. Поток ошибок — это последовательность шагов, которые пользователь должен выполнить, чтобы исправить ошибку. Продуманный поток ошибок позволяет пользователям легко исправить свои ошибки и продолжить выполнение своих задач.
Есть три основных принципа, которым следует следовать при разработке потоков исправления ошибок:
- Сообщение об ошибке должно быть легко заметным и понятным.
- Поле (поля) с ошибкой должно быть легко найти.
- Пользователям не нужно запоминать инструкции по исправлению ошибки.
Этим рекомендациям не нужно объяснять: во-первых, если пользователи не знают, что есть проблема с их вводом, они не смогут ее исправить. Во-вторых, людям не нужно искать ошибку через форму. И последнее, но не менее важное: им не нужно помнить, как решить проблему, пока они ее исправляют: инструкции должны быть прямо перед их глазами.
В этой статье мы обсуждаем полезные рекомендации по проектированию потоков ошибок.
1. Стремитесь к встроенной проверке, когда это возможно
В идеале, вся проверка должна быть встроенной : то есть, как только пользователь завершит заполнение поля, рядом должен появиться индикатор, если поле содержит ошибку. Сообщение об ошибке такого типа легко заметить; кроме того, исправление ошибки сразу после того, как поле было заполнено, требует наименьших затрат на взаимодействие для пользователей: им не нужно искать его или переходить к полю, а также им не нужно переключать контекст из нового поля, чтобы вернуться к старому. поле, которое они считали завершенным успешно.
Конечно, будут ситуации, когда встроенная проверка будет невозможна, и данные, введенные пользователем, нужно будет отправить на сервер для проверки.
2. Укажите успешный ввод для сложных полей
Встроенная проверка также может использоваться для индикации успешного завершения. Например, если ваши пользователи должны создать уникальное имя пользователя, зеленая галочка и сообщение о том, что имя пользователя доступно, сообщают пользователям, что они могут перейти к следующему шагу. Следуйте рекомендациям по предотвращению ошибок: предлагайте варианты значений полей, ограничивайте ввод допустимыми значениями и будьте гибкими, разрешая опечатки, сокращения или различные форматы ввода.
Для сложного ввода, такого как новые пароли, мгновенная встроенная проверка (которая появляется при вводе значения поля) не позволит пользователям угадывать или проверять несколько раз, соответствует ли введенный ими код рекомендациям, установленным системой. В приведенном ниже примере индикатор надежности пароля изменяется по мере того, как пользователь вводит текст, и помогает пользователю решить, достаточно ли введенная строка или нужно добавить больше символов.
Slack указывал правила паролей, но также обеспечивал мгновенную проверку, показывая измеритель надежности пароля, когда пользователь вводил.Однако не переусердствуйте с индикаторами успеха. Индикаторы успеха не должны отвлекать пользователей от заполнения форм и должны использоваться только тогда, когда дополнительный контекст помогает заполнить форму быстрее или точнее. Например, вам не нужно показывать сообщение об успешном выполнении, когда единственное требование к полю — это его заполнение, так как это сообщение не предоставит вашему пользователю особого дополнительного контекста.
3. Сохраняйте сообщения об ошибках рядом с полями
При встроенной проверке сообщение об ошибке, естественно, отображается рядом с полем, вызвавшим ошибку.Но даже когда поля не проверяются на месте, полезно показать соответствующее сообщение об ошибке ниже или рядом с полем проблемы, чтобы помочь пользователю исправить ошибку. Сообщение должно соответствовать правилам сообщения об ошибке : оно должно быть явным, удобочитаемым, вежливым, точным и содержать конструктивный совет.
Сохранение сообщений об ошибках рядом с полями с ошибками сводит к минимуму нагрузку на рабочую память: пользователи могут видеть сообщение об ошибке во время исправления ошибки, вместо того, чтобы запоминать ее.
4. Используйте цвет, чтобы отличить ошибки от нормальных состояний поля
Красный цвет чаще всего ассоциируется с ошибками, оранжевый или желтый — для предупреждений, а зеленый или синий — для успеха. Убедитесь, что цвет текста проверки отличается от остальной части формы, чтобы пользователь быстро это заметил. Добавьте полупрозрачный фон того же цвета в поле ошибки, чтобы сделать его заметным на длинной странице с множеством полей формы.
5. Добавьте иконографию или тонкую анимацию для удобного сканирования
Вместе с цветом значок слева от сообщения об ошибке или сводки проверки привлечет внимание к ошибке, а также поможет пользователям с дальтонизмом.Когда пользователь сканирует форму, значок выделяется и привлекает внимание к тому, что необходимо исправить.
Adobe.com: красный цвет и значок рядом с сообщением об ошибке привлекли внимание пользователей.Тонкая анимация пульсации или отражения на значке, соответствующем ошибке, может еще больше привлечь внимание пользователей к ошибке. Однако не злоупотребляйте анимацией: если есть несколько ошибок, многие анимированные значки могут показаться слишком сложными. И не используйте анимацию текста — анимированные сообщения об ошибках трудно читать.
6. Экономно используйте модальные окна или диалоговые окна подтверждения
Если вам нужно привлечь дополнительное внимание к потенциальной ошибке, вы можете использовать модальное диалоговое окно или диалоговое окно подтверждения, чтобы объяснить подробности и помочь пользователю исправить проблему. Однако используйте такие диалоги с осторожностью, поскольку они имеют два больших недостатка: (1) они мешают работе; (2) сообщение об ошибке отображается в окне, которое необходимо закрыть, чтобы исправить ошибку, поэтому любые сложные инструкции должны храниться в рабочей памяти пользователей, что увеличивает их когнитивную нагрузку.Однако с ними все в порядке, если сообщение об ошибке простое или форму можно отправить как есть.
Gmail.com использовал модальное окно, чтобы предупредить пользователей об отсутствии вложения. Такое представление ошибки подходит, потому что сообщение об ошибке довольно простое, и пользователь может продолжить работу, не включая вложение.7. Не проверять поля до завершения ввода
В большинстве случаев не показывайте ошибку, пока пользователь не закончит работу с полем и не перейдет к следующему полю.Может быть неприятно видеть сообщение об ошибке, прежде чем вам будет предоставлена возможность закончить ввод.
При размещении заказа на BestBuy.com сообщение об ошибке появилось в поле Адрес электронной почты после перехода от поля. Однако возврат к исправлению ошибки вызвал появление другой ошибки в поле Номер телефона , хотя пользователь еще не начал вводить это поле.8. Не используйте сводки проверки как единственное указание на ошибку
Сводка проверки отображается в верхней части формы и позволяет пользователям узнать о наличии ошибок, которые необходимо исправить на странице, независимо от того, находятся ли эти ошибки в области просмотра или ниже сгиба.Сводка проверки может дать пользователю общее представление обо всех ошибках в форме, но не должна использоваться как единственная форма индикации ошибки, поскольку она заставляет пользователя искать поле с ошибкой; кроме того, сообщение об ошибке может больше не отображаться в окне просмотра, когда пользователь достигает поля ошибки, таким образом вынуждая пользователя запомнить сообщение об ошибке при устранении проблемы.
SurveyMonkey предоставил сообщения об ошибках вверху формы, а также под конкретными полями, вызывающими ошибки.9. Не используйте всплывающие подсказки для сообщения об ошибках
Всплывающие подсказки иногда используются для обозначения ошибок. Значок предупреждения обычно отображается рядом с полем (ями) с ошибкой, а затем, когда пользователь наводит курсор на значок или перемещает фокус в этом поле, появляется всплывающая подсказка или тост, содержащий сообщение об ошибке.
Как правило, мы не рекомендуем этот метод сообщения об ошибках. Во-первых, некоторые значки предупреждений трудно заметить. Во-вторых, пользователи могут задаться вопросом, что не так с полем, не осознавая, что они действительно могут увидеть сообщение об ошибке, если сделают дополнительный шаг.В-третьих, зачем заставлять пользователей работать больше (например, наводить или перемещать фокус в поле), чтобы увидеть сообщение об ошибке?
Facebook.com: ошибки в форме регистрации отображались в виде значков предупреждений. Пользователи должны были щелкнуть по каждому из них, чтобы увидеть, в чем проблема. Хотя в этом примере ошибки легко вывести, было бы труднее сделать это, если бы поля были заполнены.10. Предоставление дополнительной помощи при повторяющихся ошибках
Если одна и та же ошибка возникает повторно (обычно 3 раза или более за одну попытку заполнения формы), это часто указывает на серьезную проблему в пользовательском интерфейсе.Вполне возможно, что ваши сообщения об ошибках недостаточно полезны, но также может быть другое несоответствие между дизайном и потребностями пользователей. Как всегда, помните, что когда пользователи делают ошибки, это не их вина. Ваш дизайн слишком подвержен ошибкам.
Мы рекомендуем просматривать данные аналитики на предмет повторяющихся ошибок, а затем проверять (или тестировать) проект, чтобы попытаться улучшить его. Переписанное сообщение об ошибке часто бывает первым, что нужно попробовать.
В качестве альтернативного решения вы также можете показать ссылку на более подробную справочную информацию или документацию после того, как пользователь совершил одну и ту же ошибку слишком много раз.
Заключение
Потоки ошибок должны быть разработаны таким образом, чтобы помогать пользователям исправлять ошибки в форме и давать им советы, как избежать повторения ошибок. Убедитесь, что пользователи могут легко обнаруживать ошибки, понимать, как их исправить, и видеть сообщение об ошибке при исправлении соответствующей ошибки. Избавьтесь от догадок и позвольте пользователям заниматься своими задачами.
Ошибки и проверка — элементы GOV.UK
Сведите к минимуму количество ошибок на странице.
Содержание:
Задайте по одному вопросу на странице
Восстановление после ошибок может быть трудным для пользователей, особенно если страница содержит несколько ошибок.
Упростите формы, переписав и, где это возможно, разбивая длинные формы на несколько страниц, при этом каждая страница задает один вопрос.
Обобщите ошибки вверху страницы
Вы должны:
- показать сводку ошибок вверху страницы
- включить заголовок, чтобы предупредить пользователя об ошибке
- ссылка на каждый из проблемных вопросов
Кроме того, вы должны отразить ошибку в
, добавив к существующему заголовку префикс «Ошибка:».Это гарантирует, что программы чтения с экрана будут предупреждены об ошибке как можно скорее.
Сообщение об ошибке и окно сводки
Сообщение, предупреждающее пользователя о проблеме, идет сюда
Необязательное описание ошибок и способы их исправления
Посмотрите на свое имя, подпись и другие данные.
Сообщение, предупреждающее пользователя о проблеме, идет сюда
Необязательное описание ошибок и способы их исправления
Проверьте свои личные данные
Посмотрите на свое имя, подпись и другие данные.
<форма>
Сводка ошибок должна отображаться вверху страницы, чтобы она была видна при обновлении страницы и немедленно считывалась вспомогательными технологиями.
Выделение ошибок в формах
Для каждой ошибки:
- написать сообщение, которое помогает пользователю понять, почему произошла ошибка и что с ней делать
- поместите сообщение в
<метка>
или<легенда>
для вопроса, после текста вопроса красным цветом - : используйте красную рамку, чтобы визуально связать сообщение и вопрос, к которому оно относится.
- , если ошибка связана с определенными текстовыми полями в вопросе, также пометьте их красной рамкой.
Для красного используйте переменную Sass $ error-color
— найдите ее в GOV.Файл colours.scss британского инструментария внешнего интерфейса.
Сообщение, предупреждающее пользователя о проблеме, идет сюда
Необязательное описание ошибок и способы их исправления
Ваши персональные данные
Примеры
Обсудите сообщения об ошибках и проверки в Dropbox Paper
Понимание критерия успеха 3.3.1: Идентификация ошибки
Намерение
Цель этого критерия успеха — убедиться, что пользователи знают, что ошибка произошло и может определить, что не так. Сообщение об ошибке должно быть максимально конкретным. насколько возможно. В случае неудачной отправки формы, повторное отображение формы и указание поля с ошибкой недостаточно для некоторых пользователей, чтобы понять, что произошла ошибка. Пользователи программ чтения с экрана, например, не узнают об ошибке, пока не обнаружат один из индикаторов.Они могут полностью отказаться от формы до того, как столкнутся с индикатор ошибки, думая, что страница просто не работает. По определению в WCAG 2.0 «ошибка ввода» — это информация, предоставленная пользователем это не принято. Это включает в себя:
- информация, которая требуется веб-странице, но пропущена пользователем, или
- информация, которая предоставляется пользователем, но выходит за рамки требуемых данных формат или допустимые значения.
Например:
- пользователь не может ввести правильное сокращение штата, провинции, региона и т. Д. поле;
- пользователь вводит сокращение состояния, которое не является допустимым состоянием;
- пользователь вводит несуществующий почтовый индекс или почтовый индекс;
- пользователь вводит дату рождения на 2 года вперед;
- : пользователь вводит буквенные символы или круглые скобки в поле своего номера телефона. который принимает только числа;
- пользователь вводит ставку, которая ниже предыдущей ставки или минимального шага ставки.
Примечание
Если пользователь вводит слишком высокое или слишком низкое значение, и кодировка на странице автоматически изменяет это значение, чтобы оно попадало в допустимый диапазон, ошибка пользователя все равно должны быть описаны им в соответствии с критерием успеха. Такое описание ошибки сообщение человеку об измененном значении соответствует обоим критериям успеха (Ошибка Идентификация) и Критерий успеха 3.3.3 (Предложение об ошибке).
Идентификация и описание ошибки могут быть объединены с программной информацией что пользовательские агенты или вспомогательные технологии могут использовать для выявления ошибки и предоставления информация об ошибке для пользователя. Например, некоторые технологии могут указывать, что вводимые пользователем данные не должны выходить за пределы определенного диапазона или что поле формы является обязательным.В настоящее время немногие технологии поддерживают такую программную информацию, но Критерий успеха не требует и не препятствует этому.
Вполне допустимо указывать на ошибку другими способами, такими как изображение, цвет и т.д., в дополнение к текстовому описанию.
См. Также 3.3.1: Предложение об ошибке.
Проверка формы на стороне клиента — Изучите веб-разработку
Перед отправкой данных на сервер важно убедиться, что все необходимые элементы управления формы заполнены в правильном формате.Это называется проверка формы на стороне клиента и помогает гарантировать, что отправленные данные соответствуют требованиям, изложенным в различных элементах управления формой. В этой статье вы познакомитесь с основными концепциями и примерами проверки формы на стороне клиента.
Предварительные требования: | Компьютерная грамотность, хорошее понимание HTML, CSS и JavaScript. |
---|---|
Цель: | Понять, что такое проверка формы на стороне клиента, почему она важна и как применять различные методы для ее реализации. |
Проверка на стороне клиента — это начальная проверка и важная особенность хорошего взаимодействия с пользователем; обнаружив недопустимые данные на стороне клиента, пользователь может сразу исправить это. Если он попадает на сервер, а затем отклоняется, заметная задержка вызывается тем, что он возвращается на сервер и обратно на клиентскую сторону, чтобы сообщить пользователю, что нужно исправить свои данные.
Однако проверка на стороне клиента не должна рассматриваться как исчерпывающая мера безопасности! Ваши приложения всегда должны выполнять проверки безопасности для любых данных, отправленных с помощью формы, на стороне сервера , , а также на стороне клиента, потому что проверку на стороне клиента слишком легко обойти, поэтому злоумышленники могут легко отправлять неверные данные через ваш сервер.Прочтите Безопасность веб-сайта, чтобы узнать, что может произойти с ; реализация проверки на стороне сервера несколько выходит за рамки этого модуля, но вы должны иметь это в виду.
Зайдите на любой популярный сайт с регистрационной формой, и вы заметите, что они предоставляют обратную связь, когда вы не вводите свои данные в ожидаемом формате. Вы получите такие сообщения, как:
- «Это поле обязательно для заполнения» (это поле нельзя оставлять пустым).
- «Введите свой номер телефона в формате xxx-xxxx» (для того, чтобы он считался действительным, требуется определенный формат данных).
- «Пожалуйста, введите действующий адрес электронной почты» (данные, которые вы ввели, имеют неправильный формат).
- «Ваш пароль должен содержать от 8 до 30 символов и содержать одну заглавную букву, один символ и цифру». (Для ваших данных требуется очень специфический формат данных).
Это называется проверкой формы . Когда вы вводите данные, браузер и / или веб-сервер проверяют, находятся ли данные в правильном формате и в пределах ограничений, установленных приложением.Проверка, выполняемая в браузере, называется проверкой на стороне клиента, , а проверка, выполняемая на сервере, называется проверкой на стороне сервера, . В этой главе мы сосредоточимся на проверке на стороне клиента.
Если информация отформатирована правильно, приложение позволяет отправлять данные на сервер и (обычно) сохранять в базе данных; если информация отформатирована неправильно, пользователь получает сообщение об ошибке, объясняющее, что необходимо исправить, и позволяет ему попробовать еще раз.
Мы хотим максимально упростить заполнение веб-форм. Так почему мы настаиваем на проверке наших форм? Есть три основных причины:
- Мы хотим получать правильные данные в правильном формате. Наши приложения не будут работать должным образом, если данные наших пользователей хранятся в неправильном формате, являются неправильными или полностью опущены.
- Мы хотим защитить данные наших пользователей . Принуждение наших пользователей вводить безопасные пароли упрощает защиту информации их учетных записей.
- Мы хотим защитить себя . Есть много способов, которыми злоумышленники могут злоупотреблять незащищенными формами, чтобы нанести ущерб приложению (см. Безопасность веб-сайта).
Предупреждение:
Никогда не доверяйте данным, передаваемым на ваш сервер от клиента. Даже если ваша форма проверяет правильность и предотвращает неправильный ввод на стороне клиента, злоумышленник все равно может изменить сетевой запрос.
Существует два разных типа проверки на стороне клиента, с которыми вы можете столкнуться в Интернете:
- Встроенная проверка формы использует функции проверки формы HTML5, которые мы обсуждали во многих местах в этом модуле.Эта проверка обычно не требует большого количества JavaScript. Встроенная проверка формы имеет лучшую производительность, чем JavaScript, но не так настраиваема, как проверка JavaScript.
- JavaScript проверка кодируется с использованием JavaScript. Эта проверка полностью настраиваема, но вам нужно создать все это (или использовать библиотеку).
Одной из наиболее важных функций элементов управления формами HTML5 является возможность проверки большей части пользовательских данных, не полагаясь на JavaScript.Это делается с помощью атрибутов проверки в элементах формы. Мы видели многие из них ранее в курсе, но резюмируем:
-
требуется
: указывает, нужно ли заполнить поле формы перед отправкой формы. -
minlength
иmaxlength
: определяет минимальную и максимальную длину текстовых данных (строк) -
мин.
имакс.
: задает минимальное и максимальное значения типов числового ввода -
тип
: указывает, должны ли данные быть числом, адресом электронной почты или каким-либо другим предустановленным типом. -
шаблон
: Задает регулярное выражение, определяющее шаблон, которому должны следовать введенные данные.
Если данные, введенные в поле формы, соответствуют всем правилам, указанным выше атрибутами, они считаются действительными. В противном случае он считается недействительным.
Когда элемент действителен, верно следующее:
- Элемент соответствует псевдоклассу
: valid
CSS, который позволяет применять определенный стиль к допустимым элементам. - Если пользователь пытается отправить данные, браузер отправит форму при условии, что ничто другое не мешает ему это сделать (например, JavaScript).
Когда элемент недействителен, верно следующее:
- Элемент соответствует псевдоклассу CSS
: недопустимый
, а иногда и другим псевдоклассам пользовательского интерфейса (например,: вне допустимого диапазона
) в зависимости от ошибки, что позволяет применить определенный стиль к недопустимым элементам. - Если пользователь попытается отправить данные, браузер заблокирует форму и отобразит сообщение об ошибке.
В этом разделе мы протестируем некоторые атрибуты, которые мы обсуждали выше.
Простой стартовый файл
Начнем с простого примера: вход, который позволяет вам выбрать, что вам больше нравится: банан или вишня. В этом примере используется простой текст
со связанным
и submit
. Найдите исходный код на GitHub по адресу fruit-start.html и живой пример ниже.
<форма>
ввод: недопустим {
граница: 2 пикселя, пунктирная красная;
}
input: valid {
граница: сплошной черный цвет 2px;
}
Для начала сделаем копию fruit-start.html
в новом каталоге на жестком диске.
Обязательный атрибут
Простейшей функцией проверки HTML5 является обязательный атрибут
. Чтобы сделать ввод обязательным, добавьте этот атрибут к элементу. Если этот атрибут установлен, элемент соответствует псевдоклассу пользовательского интерфейса : required
, и форма не будет отправлена, отображая сообщение об ошибке при отправке, когда ввод пуст. Пока он пуст, ввод также будет считаться недопустимым, что соответствует псевдоклассу пользовательского интерфейса : invalid
.
Добавьте к входным данным обязательный атрибут
, как показано ниже.
<форма>
Обратите внимание на CSS, который включен в файл примера:
ввод: недопустим {
граница: 2 пикселя, пунктирная красная;
}
input: invalid: required {
background-image: linear-gradient (вправо, розовый, светло-зеленый);
}
input: valid {
граница: сплошной черный цвет 2px;
}
Этот CSS приводит к тому, что входные данные имеют красную пунктирную границу, если они недопустимы, и более тонкую сплошную черную границу, если они допустимы.Мы также добавили фоновый градиент, когда требуется ввод и недопустимый . Попробуйте новое поведение в примере ниже:
Попробуйте отправить форму без значения. Обратите внимание, как недопустимый ввод получает фокус, появляется сообщение об ошибке по умолчанию («Пожалуйста, заполните это поле»), и форма не может быть отправлена.
Наличие атрибута required
в любом элементе, который поддерживает этот атрибут, означает, что элемент соответствует псевдоклассу : required
, независимо от того, имеет он значение или нет.Если
не имеет значения, input
будет соответствовать псевдоклассу : invalid
.
Примечание : Для удобства использования укажите пользователю, когда поля формы являются обязательными. Это не только хорошее взаимодействие с пользователем, но и требуется по правилам доступности WCAG. Кроме того, требуйте, чтобы пользователи вводили только те данные, которые вам действительно нужны: например, зачем вам действительно нужно знать чей-то пол или титул?
Проверка на соответствие регулярному выражению
Еще одна полезная функция проверки — это атрибут шаблона
, который ожидает регулярное выражение в качестве своего значения.Регулярное выражение (regex) — это шаблон, который можно использовать для сопоставления комбинаций символов в текстовых строках, поэтому регулярные выражения идеально подходят для проверки формы и служат для множества других применений в JavaScript.
довольно сложны, и мы не собираемся подробно рассказывать вам о них в этой статье. Ниже приведены несколько примеров, чтобы дать вам общее представление о том, как они работают.
-
a
— соответствует одному символуa
(неb
, неaa
и т. Д.). -
abc
— соответствуетa
, за которым следуетb
, за которым следуетc
. -
ab? C
— соответствуетa
, за которым может следовать одинb
, за которым следуетc
. (ac
илиabc
) -
ab * c
— соответствуетa
, за которым может следовать любое число изb
s, за которым следуетc
. (ac
,abc
,abbbbbc
и т. Д.). -
a | b
— соответствует одному символуa
илиb
. -
abc | xyz
— соответствует точноabc
или точноxyz
(но неabcxyz
илиa
илиy
и т. Д.).
Есть еще много возможностей, которые мы здесь не рассматриваем. Полный список и множество примеров можно найти в нашей документации по регулярным выражениям.
Реализуем пример. Обновите свой HTML, чтобы добавить атрибут шаблона , например:
<форма>
Это дает нам следующее обновление - попробуйте:
В этом примере элемент
принимает одно из четырех возможных значений: строки «банан», «Банан», «вишня» или «Вишня».Регулярные выражения чувствительны к регистру, но мы сделали его поддержку версий с заглавными и строчными буквами, используя дополнительный шаблон «Aa», вложенный в квадратные скобки.
На этом этапе попробуйте изменить значение в атрибуте шаблона , чтобы оно соответствовало некоторым из примеров, которые вы видели ранее, и посмотрите, как это влияет на значения, которые вы можете ввести, чтобы сделать входное значение действительным. Попробуйте написать что-нибудь свое и посмотрите, как получится. По возможности делайте их связанными с фруктами, чтобы ваши примеры имели смысл!
Если непустое значение
не соответствует шаблону регулярного выражения, вход
будет соответствовать псевдоклассу : invalid
.
Примечание: Некоторым типам элементов
не требуется атрибут шаблона
для проверки на соответствие регулярному выражению. Указание типа электронной почты
, например, проверяет входное значение на соответствие правильно сформированному шаблону адреса электронной почты или шаблону, совпадающему со списком адресов электронной почты, разделенным запятыми, если он имеет атрибут multiple
.
Ограничение длины ваших записей
Вы можете ограничить длину символов всех текстовых полей, созданных с помощью
или , используя атрибуты
minlength
и maxlength
.Поле недействительно, если оно имеет значение и в этом значении меньше символов, чем значение минимальной длины
или больше значения максимальной длины
.
Браузеры часто не позволяют пользователю вводить в текстовые поля более длинные значения, чем ожидалось. Лучше, чем просто использовать maxlength
, - это также предоставить доступную обратную связь с подсчетом символов и позволить им редактировать свой контент до размера. Примером этого является ограничение на количество символов, которое можно увидеть в Твиттере при твите.JavaScript, включая решения с использованием maxlength
, можно использовать для обеспечения этого
Ограничение значений ваших записей
Для числовых полей (например,
) min
и max
атрибуты могут использоваться для предоставления диапазона допустимых значений. Если поле содержит значение вне этого диапазона, оно будет недействительным.
Рассмотрим другой пример. Создайте новую копию файла fruit-start.html.
Теперь удалите содержимое элемента
и замените его следующим:
<форма>
- Здесь вы увидите, что мы дали полю
text
минимальную длину и максимальную длину - Мы также дали полю
number
min
из единицы иmax
из десяти. Введенные числа вне этого диапазона будут отображаться как недопустимые; пользователи не смогут использовать стрелки увеличения / уменьшения для перемещения значения за пределы этого диапазона. Если пользователь вручную вводит число за пределами этого диапазона, данные недействительны. Номер не требуется, поэтому удаление значения все равно приведет к действительному значению.
Вот пример работы в реальном времени:
Примечание :
(и другие типы, такие как range
и date
) также могут принимать атрибут step
, который указывает, на какое приращение значение будет увеличиваться или уменьшаться. когда используются элементы управления вводом (например, кнопки с цифрами вверх и вниз).В приведенном выше примере мы не включили атрибут step
, поэтому значение по умолчанию равно 1
. Это означает, что числа с плавающей запятой, такие как 3.2, также будут отображаться как недопустимые.
Полный пример
Вот полный пример, показывающий использование встроенных функций проверки HTML. Сначала немного HTML:
<форма>
А теперь немного CSS для стилизации HTML:
форма {
шрифт: 1em без засечек;
максимальная ширина: 320 пикселей;
}
p> label {
дисплей: блок;
}
input [type = "text"],
input [type = "email"],
input [type = "number"],
текстовое поле,
fieldset {
ширина: 100%;
граница: 1px solid # 333;
размер коробки: рамка-рамка;
}
input: invalid {
box-shadow: 0 0 5px 1px красный;
}
input: focus: invalid {
box-shadow: нет;
}
Это выглядит следующим образом:
Полный список атрибутов, которые могут использоваться для ограничения входных значений и поддерживающих их типов входных данных, см. В разделе «Атрибуты, связанные с проверкой».
Вы должны использовать JavaScript, если хотите контролировать внешний вид собственных сообщений об ошибках или работать с устаревшими браузерами, которые не поддерживают встроенную проверку формы HTML. В этом разделе мы рассмотрим различные способы сделать это.
API проверки ограничений
Большинство браузеров поддерживают API проверки ограничений, который состоит из набора методов и свойств, доступных в следующих интерфейсах DOM элемента формы:
API проверки ограничений делает следующие свойства доступными для указанных выше элементов.
-
validationMessage
: возвращает локализованное сообщение, описывающее ограничения проверки, которым элемент управления не удовлетворяет (если таковые имеются). Если элемент управления не является кандидатом на проверку ограничений (willValidate
равноfalse
) или значение элемента удовлетворяет его ограничениям (действительно), это вернет пустую строку. -
validity
: возвращаетValidityState
объект, который содержит несколько свойств, описывающих состояние действительности элемента.Вы можете найти полную информацию обо всех доступных свойствах на справочной страницеValidityState
; ниже перечислены некоторые из наиболее распространенных:-
patternMismatch
: возвращаетtrue
, если значение не соответствует указанномуpattern
, иfalse
, если оно совпадает. Если true, элемент соответствует псевдоклассу CSS: invalid
. -
tooLong
: возвращаетtrue
, если значение больше максимальной длины, заданной атрибутомmaxlength
, илиfalse
, если оно меньше или равно максимальному.Если true, элемент соответствует псевдоклассу CSS: invalid
. -
tooShort
: возвращаетtrue
, если значение меньше минимальной длины, заданной атрибутомminlength
, илиfalse
, если оно больше или равно минимуму. Если true, элемент соответствует псевдоклассу CSS: invalid
. -
rangeOverflow
: возвращаетtrue
, если значение больше максимального, указанного в атрибутеmax
, илиfalse
, если оно меньше или равно максимальному.Если true, элемент соответствует псевдоклассам CSS: invalid
и: out of range
. -
rangeUnderflow
: возвращаетtrue
, если значение меньше минимума, указанного в атрибутеmin
, илиfalse
, если оно больше или равно минимуму. Если true, элемент соответствует псевдоклассам CSS: invalid
и: out of range
. -
typeMismatch
: возвращаетtrue
, если значение не соответствует требуемому синтаксису (когдатип
— этоemail
илиurl
), илиfalse
, если синтаксис правильный.Еслиtrue
, элемент соответствует псевдоклассу CSS: invalid
. -
действительный
: возвращаетистинное значение
, если элемент соответствует всем ограничениям валидации и, следовательно, считается действительным, илиложное значение
, если не выполняется какое-либо ограничение. Если true, элемент соответствует псевдоклассу: valid
CSS;: в противном случае неверный псевдокласс CSS
. -
valueMissing
: возвращаетtrue
, если элемент имеетобязательный атрибут
, но не имеет значения, илиfalse
в противном случае.Если true, элемент соответствует псевдоклассу CSS: invalid
.
-
-
willValidate
: Возвращаетtrue
, если элемент будет проверен при отправке формы;ложь
иначе.
API проверки ограничений также делает следующие методы доступными для указанных выше элементов.
-
checkValidity ()
: возвращаетtrue
, если значение элемента не имеет проблем с достоверностью;ложно
иначе.Если элемент недействителен, этот метод также запускает событиенедопустимый
для элемента. -
setCustomValidity (сообщение )
: добавляет к элементу настраиваемое сообщение об ошибке; если вы устанавливаете собственное сообщение об ошибке, элемент считается недопустимым, и отображается указанная ошибка. Это позволяет вам использовать код JavaScript для установления ошибки проверки, отличной от тех, которые предлагаются стандартными ограничениями проверки HTML5. Сообщение отображается пользователю при сообщении о проблеме.
Реализация настраиваемого сообщения об ошибке
Как вы видели ранее в примерах ограничений проверки HTML5, каждый раз, когда пользователь пытается отправить недопустимую форму, браузер отображает сообщение об ошибке. Способ отображения этого сообщения зависит от браузера.
У этих автоматических сообщений есть два недостатка:
- Не существует стандартного способа изменить их внешний вид с помощью CSS.
- Они зависят от языкового стандарта браузера, что означает, что у вас может быть страница на одном языке, но сообщение об ошибке отображается на другом языке, как показано на следующем снимке экрана Firefox.
Настройка этих сообщений об ошибках — один из наиболее распространенных вариантов использования API проверки ограничений. Давайте рассмотрим простой пример того, как это сделать.
Мы начнем с простого HTML (не стесняйтесь помещать его в пустой HTML-файл; если хотите, используйте новую копию fruit-start.html в качестве основы):
<форма>
И добавьте на страницу следующий код JavaScript:
const email = document.getElementById ("почта");
email.addEventListener ("ввод", функция (событие) {
if (email.validity.typeMismatch) {
email.setCustomValidity («Мне нужен адрес электронной почты!»);
} еще {
email.setCustomValidity ("");
}
});
Здесь мы сохраняем ссылку на ввод электронной почты, а затем добавляем к нему прослушиватель событий, который запускает содержащийся код каждый раз, когда значение внутри ввода изменяется.
Внутри содержащегося кода мы проверяем правильность ввода адреса электронной почты .Свойство typeMismatch
возвращает true
, что означает, что содержащееся в нем значение не соответствует шаблону для правильно сформированного адреса электронной почты. Если это так, мы вызываем метод setCustomValidity ()
с настраиваемым сообщением. Это делает ввод недопустимым, поэтому при попытке отправить форму происходит сбой отправки и отображается настраиваемое сообщение об ошибке.
Если свойство validity.typeMismatch
возвращает false
, мы вызываем метод setCustomValidity ()
пустой строкой.Это делает ввод действительным, поэтому форма будет отправлена.
Вы можете попробовать это ниже:
Более подробный пример
Теперь, когда мы видели действительно простой пример, давайте посмотрим, как мы можем использовать этот API для создания немного более сложной пользовательской проверки.
Во-первых, HTML. Опять же, не стесняйтесь строить это вместе с нами:
<форма novalidate>
Эта простая форма использует атрибут novalidate
, чтобы отключить автоматическую проверку браузера; это позволяет нашему скрипту контролировать проверку.Однако это не отключает поддержку API проверки ограничений или применение псевдоклассов CSS, таких как : valid
и т. Д. Это означает, что даже если браузер не проверяет автоматически действительность формы перед отправкой ее данных , вы все равно можете сделать это самостоятельно и соответствующим образом оформить форму.
Наш вход для проверки — это
, что соответствует , требуется
, и имеет минимальную длину из 8 символов. Давайте проверим их, используя наш собственный код, и покажем собственное сообщение об ошибке для каждого из них.
Мы стремимся отображать сообщения об ошибках внутри элемента
. Атрибут aria-live
установлен для этого
, чтобы гарантировать, что наше настраиваемое сообщение об ошибке будет представлено всем, в том числе прочитано пользователям программ чтения с экрана.
Примечание : Ключевым моментом здесь является то, что установка атрибута novalidate
в форме - это то, что не позволяет форме отображать собственные пузыри сообщений об ошибках и позволяет нам вместо этого отображать пользовательские сообщения об ошибках в DOM некоторым способом наш собственный выбор.
Теперь поговорим о базовом CSS, чтобы немного улучшить внешний вид формы и обеспечить визуальную обратную связь, когда входные данные недействительны:
кузов {
шрифт: 1em без засечек;
ширина: 200 пикселей;
отступ: 0;
маржа: 0 авто;
}
п * {
дисплей: блок;
}
input [type = email] {
-webkit-appearance: нет;
внешний вид: нет;
ширина: 100%;
граница: 1px solid # 333;
маржа: 0;
семейство шрифтов: наследовать;
размер шрифта: 90%;
размер коробки: рамка-рамка;
}
input: invalid {
цвет границы: # 900;
цвет фона: #FDD;
}
input: focus: invalid {
наброски: нет;
}
.ошибка {
ширина: 100%;
отступ: 0;
размер шрифта: 80%;
цвет белый;
цвет фона: # 900;
радиус границы: 0 0 5px 5px;
размер коробки: рамка-рамка;
}
.error.active {
заполнение: 0.3em;
}
Теперь давайте посмотрим на JavaScript, который реализует настраиваемую проверку ошибок.
const form = document.getElementsByTagName ('форма') [0];
const email = document.getElementById ('почта');
const emailError = document.querySelector ('# mail + span.error');
email.addEventListener ('ввод', функция (событие) {
если (электронная почта.validity.valid) {
emailError.textContent = '';
emailError.className = 'ошибка';
} еще {
showError ();
}
});
form.addEventListener ('отправить', функция (событие) {
if (! email.validity.valid) {
showError ();
event.preventDefault ();
}
});
function showError () {
if (email.validity.valueMissing) {
emailError.textContent = 'Вам необходимо ввести адрес электронной почты.';
} else if (email.validity.typeMismatch) {
emailError.textContent = 'Введенное значение должно быть адресом электронной почты.';
} else if (email.validity.tooShort) {
emailError.textContent = `Электронная почта должна содержать не менее $ {email.minLength} символов; вы ввели $ {email.value.length} .`;
}
emailError.className = 'активна ошибка';
}
Комментарии довольно хорошо объясняют, но вкратце:
- Каждый раз, когда мы изменяем значение ввода, мы проверяем, содержит ли он действительные данные. Если это так, мы удаляем все отображаемые сообщения об ошибках. Если данные недействительны, мы запускаем
showError ()
, чтобы показать соответствующую ошибку. - Каждый раз, когда мы пытаемся отправить форму, мы снова проверяем, верны ли данные. Если это так, мы позволяем форме отправляться. Если нет, мы запускаем
showError ()
, чтобы показать соответствующую ошибку, и останавливаем отправку формы с помощьюpreventDefault ()
. - Функция
showError ()
использует различные свойства входного объектаvalidity
для определения ошибки, а затем отображает соответствующее сообщение об ошибке.
Вот живой результат:
API проверки ограничений дает вам мощный инструмент для проверки формы, позволяя вам иметь огромный контроль над пользовательским интерфейсом помимо того, что вы можете делать только с HTML и CSS.
Проверка форм без встроенного API
В некоторых случаях, например при поддержке устаревшего браузера или настраиваемых элементов управления, вы не сможете или не захотите использовать API проверки ограничений. JavaScript для проверки вашей формы, но вам просто нужно написать свою собственную.
Чтобы проверить форму, задайте себе несколько вопросов:
- Какую проверку я должен выполнить?
- Вам необходимо определить, как проверять ваши данные: строковые операции, преобразование типов, регулярные выражения и т. Д.Тебе решать.
- Что мне делать, если форма не проходит проверку?
- Это явно вопрос пользовательского интерфейса. Вы должны решить, как будет вести себя форма. Форма все равно отправляет данные? Следует ли выделить поля с ошибкой? Следует ли отображать сообщения об ошибках?
- Как я могу помочь пользователю исправить неверные данные?
- Чтобы уменьшить разочарование пользователя, очень важно предоставить как можно больше полезной информации, чтобы помочь ему исправить вводимые данные.Вы должны предложить предварительные предложения, чтобы они знали, что ожидается, а также четкие сообщения об ошибках. Если вы хотите вникнуть в требования пользовательского интерфейса для проверки формы, вот несколько полезных статей, которые вам следует прочитать:
Пример, в котором не используется API проверки ограничений
Чтобы проиллюстрировать это, ниже представлена упрощенная версия предыдущего примера, которая работает с устаревшими браузерами.
HTML почти такой же; мы просто удалили функции проверки HTML.
<форма>
Точно так же не нужно сильно менять CSS; мы только что превратили псевдокласс CSS : invalid
в реальный класс и не использовали селектор атрибутов, который не работает в Internet Explorer 6.
кузов {
шрифт: 1em без засечек;
ширина: 200 пикселей;
отступ: 0;
маржа: 0 авто;
}
форма {
максимальная ширина: 200 пикселей;
}
п * {
дисплей: блок;
}
input.mail {
-webkit-appearance: нет;
ширина: 100%;
граница: 1px solid # 333;
маржа: 0;
семейство шрифтов: наследовать;
размер шрифта: 90%;
размер коробки: рамка-рамка;
}
input.invalid {
цвет границы: # 900;
цвет фона: #FDD;
}
input: focus.invalid {
наброски: нет;
}
.ошибка {
ширина: 100%;
отступ: 0;
размер шрифта: 80%;
цвет белый;
цвет фона: # 900;
радиус границы: 0 0 5px 5px;
размер коробки: рамка-рамка;
}
._` {|} ~ -] + @ [a-zA-Z0-9 -] + (?: \. [a-zA-Z0-9 -] +) * $ /;
function addEvent (элемент, событие, обратный вызов) {
let previousEventCallBack = element ["on" + event];
element ["on" + событие] = function (e) {
const output = callback (e);
if (output === false) return false;
if (typeof previousEventCallBack === 'function') {
output = previousEventCallBack (e);
if (output === false) return false;
}
}
};
addEvent (window, "load", function () {
const test = email.value.length === 0 || emailRegExp.тест (email.value);
email.className = test? «действительный»: «недействительный»;
});
addEvent (электронная почта, "ввод", function () {
const test = email.value.length === 0 || emailRegExp.test (email.value);
if (test) {
email.className = "действительный";
error.textContent = "";
error.className = "ошибка";
} еще {
email.className = "недействительно";
}
});
addEvent (form, "submit", function () {
const test = email.value.length === 0 || emailRegExp.test (email.value);
if (! test) {
email.className = "недействительно";
ошибка.textContent = "Жду электронного письма, дорогая!";
error.className = "активна ошибка";
вернуть ложь;
} еще {
email.className = "действительный";
error.textContent = "";
error.className = "ошибка";
}
});
Результат выглядит так:
Как видите, создать систему валидации самостоятельно не так уж и сложно. Сложность состоит в том, чтобы сделать его достаточно универсальным, чтобы использовать как кроссплатформенный, так и любую форму, которую вы можете создать. Для проверки формы доступно множество библиотек, например Validate.js.
Вы дошли до конца этой статьи, но можете ли вы вспомнить самую важную информацию? Вы можете найти дополнительные тесты, чтобы убедиться, что вы сохранили эту информацию, прежде чем двигаться дальше - см. Проверка своих навыков: проверка формы.
Для проверки формы на стороне клиента иногда требуется JavaScript, если вы хотите настроить стиль и сообщения об ошибках, но всегда требует, чтобы вы тщательно думали о пользователе. Всегда не забывайте помогать своим пользователям исправлять данные, которые они предоставляют.Для этого обязательно:
- Показать явные сообщения об ошибках.
- Будьте снисходительны к формату ввода.
- Укажите, где именно возникает ошибка, особенно в больших формах.
После проверки правильности заполнения формы ее можно отправлять. Далее мы рассмотрим отправку данных формы.
Расширенные темы
Что пошло не так? Устранение неполадок JavaScript - Изучите веб-разработку
Когда вы создавали игру «Угадай число» в предыдущей статье, возможно, вы обнаружили, что она не работает.Никогда не бойтесь - эта статья призвана уберечь вас от таких проблем, поскольку она дает вам несколько советов о том, как найти и исправить ошибки в программах на JavaScript.
Предварительные требования: | Базовая компьютерная грамотность, базовое понимание HTML и CSS, понимание того, что такое JavaScript. |
---|---|
Цель: | Чтобы обрести способность и уверенность начать исправлять проблемы в собственном коде. |
Вообще говоря, когда вы делаете что-то не так в коде, вы можете столкнуться с двумя основными типами ошибок:
- Синтаксические ошибки : это орфографические ошибки в вашем коде, которые фактически приводят к тому, что программа не запускается вообще или перестает работать на полпути - обычно вам также будут предоставлены некоторые сообщения об ошибках.Обычно их можно исправить, если вы знакомы с нужными инструментами и знаете, что означают сообщения об ошибках!
- Логические ошибки : это ошибки, при которых синтаксис действительно правильный, но код не соответствует вашему замыслу, что означает, что программа работает успешно, но дает неверные результаты. Их часто труднее исправить, чем синтаксические ошибки, поскольку обычно нет сообщения об ошибке, которое указывало бы на источник ошибки.
Хорошо, так что это не совсем , что простой - есть некоторые другие отличия, если вы углубитесь глубже.Но приведенные выше классификации подойдут на этом раннем этапе вашей карьеры. В дальнейшем мы рассмотрим оба этих типа.
Для начала давайте вернемся к нашей игре в угадывание чисел - за исключением того, что на этот раз мы исследуем версию, в которой были внесены некоторые преднамеренные ошибки. Перейдите на Github и сделайте себе локальную копию файла number-game-errors.html (см. Здесь).
- Для начала откройте локальную копию в любимом текстовом редакторе и в браузере.
- Попробуйте поиграть в игру - вы заметите, что когда вы нажимаете кнопку «Отправить предположение», она не работает!
Примечание : Возможно, у вас есть собственная версия примера игры, которая не работает, и вы, возможно, захотите исправить ее! Мы все равно хотели бы, чтобы вы проработали статью с нашей версией, чтобы вы могли изучить методы, которым мы здесь обучаем.Затем вы можете вернуться и попытаться исправить свой пример.
На этом этапе давайте проконсультируемся с консолью разработчика, чтобы узнать, сообщает ли она о каких-либо синтаксических ошибках, а затем попытаемся исправить их. Вы узнаете, как это сделать, ниже.
Ранее в ходе курса мы попросили вас ввести несколько простых команд JavaScript в консоль JavaScript инструментов разработчика (если вы не помните, как открыть это в браузере, перейдите по предыдущей ссылке, чтобы узнать, как это сделать). Что еще более полезно, так это то, что консоль выдает вам сообщения об ошибках всякий раз, когда синтаксическая ошибка существует внутри JavaScript, передаваемого в движок JavaScript браузера.А теперь поохотимся.
- Перейдите на вкладку, на которой у вас открыто
number-game-errors.html
, и откройте консоль JavaScript. Вы должны увидеть сообщение об ошибке в следующих строках: - Эту ошибку довольно легко отследить, и браузер предоставляет вам несколько полезных сведений, которые могут вам помочь (снимок экрана выше взят из Firefox, но другие браузеры предоставляют аналогичную информацию). Слева направо у нас есть:
- Красный значок «x» указывает на то, что это ошибка.
- Сообщение об ошибке, указывающее, что пошло не так: «TypeError: guessSubmit.addeventListener не является функцией»
- Ссылка «Подробнее», которая ведет на страницу MDN, на которой более подробно объясняется, что означает эта ошибка.
- Имя файла JavaScript, который ведет на вкладку «Отладчик» инструментов разработчика. Если вы перейдете по этой ссылке, вы увидите точную строку, в которой выделена ошибка.
- Номер строки, в которой ошибка, и номер символа в той строке, где ошибка впервые обнаружена.В данном случае у нас есть строка 86, номер символа 3.
- Если мы посмотрим на строку 86 в нашем редакторе кода, мы найдем эту строку:
guessSubmit.addeventListener («щелкнуть», checkGuess);
- В сообщении об ошибке говорится: «guessSubmit.addeventListener не является функцией», что означает, что вызываемая нами функция не распознается интерпретатором JavaScript. Часто это сообщение об ошибке на самом деле означает, что мы написали что-то неправильно. Если вы не уверены в правильности написания части синтаксиса, часто полезно поискать эту функцию в MDN.На данный момент лучший способ сделать это - выполнить поиск «mdn name-of-feature » с помощью вашей любимой поисковой системы. Вот ярлык, который сэкономит вам время в этом случае:
addEventListener ()
. - Итак, глядя на эту страницу, кажется, что ошибка заключается в том, что мы неправильно написали имя функции! Помните, что JavaScript чувствителен к регистру, поэтому любая небольшая разница в написании или регистре приведет к ошибке. Изменение
addeventListener
наaddEventListener
должно исправить это.Сделай это сейчас.
Синтаксические ошибки, округленные два
- Сохраните страницу и обновите, и вы должны увидеть, что ошибка исчезла.
- Теперь, если вы попытаетесь ввести предположение и нажать кнопку «Подтвердить предположение», вы увидите ... другую ошибку!
- На этот раз сообщается об ошибке «TypeError: lowOrHi is null» в строке 78.
Примечание :
Нулевое значение
- это специальное значение, которое означает «ничего» или «нет значения». Итак,lowOrHi
был объявлен и инициализирован, но без какого-либо значимого значения - он не имеет типа или значения. Примечание : Эта ошибка возникла не сразу после загрузки страницы, потому что эта ошибка произошла внутри функции (внутри блокаcheckGuess () {...}
). Как вы узнаете более подробно в нашей более поздней статье о функциях, код внутри функций выполняется в отдельной области, чем код вне функций. В этом случае код не запускался, и ошибка не вызывалась до тех пор, пока функцияcheckGuess ()
не была запущена в строке 86. - Посмотрите на строку 78, и вы увидите следующий код:
lowOrHi.textContent = 'Последнее предположение было слишком высоким!';
- Эта строка пытается установить свойство
textContent
константыlowOrHi
в текстовую строку, но она не работает, потому чтоlowOrHi
не содержит того, что должно. Давайте разберемся, почему это так - попробуйте поискать в коде другие экземплярыlowOrHi
. Самый ранний экземпляр, который вы найдете в JavaScript, находится в строке 48:константа lowOrHi = document.querySelector ('lowOrHi');
- На этом этапе мы пытаемся заставить переменную содержать ссылку на элемент в HTML документа.Давайте проверим, равно ли значение
null
после выполнения этой строки. Добавьте следующий код в строку 49:console.log (lowOrHi);
Примечание :
console.log ()
- действительно полезная функция отладки, которая выводит значение на консоль. Таким образом, он выведет на консоль значениеlowOrHi
, как только мы попытаемся установить его в строке 48. - Сохраните и обновите, и теперь вы должны увидеть консоль
.log ()
в вашей консоли. Конечно же, значениеlowOrHi
на данный момент равноnull
, так что определенно существует проблема со строкой 48. - Давайте подумаем, в чем может быть проблема. Строка 48 использует метод
document.querySelector ()
для получения ссылки на элемент, выбирая его с помощью селектора CSS. Просматривая наш файл, мы можем найти соответствующий абзац: - Итак, нам нужен селектор класса, который начинается с точки (
.
), но селектор, передаваемый в методquerySelector ()
в строке 48, не имеет точки. Это могло быть проблемой! Попробуйте изменитьlowOrHi
на.lowOrHi
в строке 48. - Попробуйте сохранить и обновить снова, и ваш оператор
console.log ()
должен вернуть нужный нам элементconsole.log ()
сейчас или оставить ее для использования позже - на ваш выбор.
Синтаксические ошибки, раунд три
- Теперь, если вы попытаетесь пройти игру снова, вы должны добиться большего успеха - игра должна пройти абсолютно нормально, пока вы не закончите игру, угадав правильное число или выбрав догадок.
- В этот момент игра снова терпит неудачу, и выдается та же ошибка, что и в начале - «TypeError: resetButton.addeventListener не является функцией»! Однако на этот раз он указан как исходящий из строки 94.
- Глядя на строку 94, легко увидеть, что мы сделали здесь ту же ошибку. Нам снова просто нужно изменить
addeventListener
на.addEventListener
. Сделай это сейчас.
На этом этапе игра должна пройти нормально, однако, пройдя несколько раз, вы, несомненно, заметите, что «случайное» число, которое вы должны угадать, всегда равно 1.Определенно не совсем так, как мы хотим, чтобы игра проходила!
Определенно где-то проблема в логике игры - игра не выдает ошибку; это просто неправильно.
- Найдите переменную
randomNumber
и строки, в которых впервые задано случайное число. Экземпляр, в котором хранится случайное число, которое мы хотим угадать в начале игры, должен находиться примерно в строке номер 44:пусть randomNumber = Math.floor (Math.random ()) + 1;
.
randomNumber = Math.этаж (Math.random ()) + 1;
- Чтобы проверить, действительно ли эти строки являются проблемой, давайте снова обратимся к нашему другу
console.log ()
- вставьте следующую строку непосредственно под каждой из двух вышеупомянутых строк:console.log (randomNumber);
- Сохраните и обновите, затем поиграйте в несколько игр - вы увидите, что
randomNumber
равно 1 в каждой точке, где оно записывается в консоль.
Работа по логике
Чтобы исправить это, давайте рассмотрим, как работает эта строка.Сначала мы вызываем Math.random ()
, который генерирует случайное десятичное число от 0 до 1, например 0,5675493843.
Математ. Случай ()
Затем мы передаем результат вызова Math.random ()
через Math.floor ()
, который округляет переданное число до ближайшего целого числа. Затем мы добавляем 1 к этому результату:
Math.floor (Math.random ()) + 1
Округление случайного десятичного числа от 0 до 1 в меньшую сторону всегда возвращает 0, поэтому добавление к нему 1 всегда возвращает 1.Нам нужно умножить случайное число на 100, прежде чем округлять его в меньшую сторону. Следующее даст нам случайное число от 0 до 99:
Math.floor (Math.random () * 100);
Следовательно, мы хотим добавить 1, чтобы получить случайное число от 1 до 100:
Math.floor (Math.random () * 100) + 1;
Попробуйте обновить обе строки вот так, затем сохраните и обновите - теперь игра должна работать так, как мы и предполагали!
Есть и другие распространенные ошибки, с которыми вы столкнетесь в своем коде.В этом разделе освещено большинство из них.
SyntaxError: отсутствует; перед оператором
Эта ошибка обычно означает, что вы пропустили точку с запятой в конце одной из строк кода, но иногда она может быть более загадочной. Например, если мы изменим эту строку внутри функции checkGuess ()
:
var userGuess = Число (guessField.value);
С по
var userGuess === Число (guessField.value);
Он выдает эту ошибку, потому что думает, что вы пытаетесь сделать что-то другое.Вы должны убедиться, что вы не перепутали оператор присваивания ( =
), который устанавливает значение переменной, равной значению, с оператором строгого равенства ( ===
), который проверяет, является ли одно значение равным значению. равно другому, и возвращает результат true
/ false
.
Программа всегда говорит, что вы выиграли, независимо от того, какое предположение вы вводите.
Это может быть еще одним признаком смешения операторов присваивания и строгого равенства. Например, если бы мы изменили эту строку внутри , checkGuess ()
:
if (userGuess === randomNumber) {
С по
, если (userGuess = randomNumber) {
тест всегда будет возвращать true
, заставляя программу сообщать, что игра была выиграна.Будь осторожен!
SyntaxError: missing) after argument list
Это довольно просто - обычно это означает, что вы пропустили закрывающую скобку в конце вызова функции / метода.
SyntaxError: missing: after property id
Эта ошибка обычно связана с неправильно сформированным объектом JavaScript, но в данном случае нам удалось получить ее, изменив
функция checkGuess () {
С по
функция checkGuess ({
Это заставило браузер подумать, что мы пытаемся передать содержимое функции в функцию в качестве аргумента.Будьте осторожны с этими скобками!
SyntaxError: missing} после тела функции
Это просто - обычно это означает, что вы пропустили одну из фигурных скобок в функции или условной структуре. Мы получили эту ошибку, удалив одну из закрывающих фигурных скобок в нижней части функции checkGuess ()
.
SyntaxError: ожидаемое выражение, получено '
string ' или SyntaxError: незавершенный строковый литералЭти ошибки обычно означают, что вы остановились в открывающей или закрывающей кавычке строкового значения.В первой ошибке, приведенной выше, строка будет заменена неожиданным символом (символами), обнаруженным браузером, вместо кавычки в начале строки. Вторая ошибка означает, что строка не оканчивается кавычками.
Для всех этих ошибок подумайте о том, как мы взялись за примеры, рассмотренные в пошаговом руководстве. Когда возникает ошибка, посмотрите на присвоенный вам номер строки, перейдите к этой строке и посмотрите, сможете ли вы определить, что не так. Имейте в виду, что ошибка не обязательно будет в этой строке, а также что ошибка может быть вызвана не той же проблемой, которую мы цитировали выше!
Итак, вот и все, основы выявления ошибок в простых программах на JavaScript.Не всегда будет так просто понять, что не так в вашем коде, но, по крайней мере, это сэкономит вам несколько часов сна и позволит вам прогрессировать немного быстрее, когда что-то пойдет не так, особенно в более ранней версии. этапы вашего учебного пути.
- Есть много других типов ошибок, которые здесь не перечислены; мы составляем справочник, который подробно объясняет, что они означают - см.
Добавить комментарий