{"id":825,"date":"2021-02-24T19:40:23","date_gmt":"2021-02-25T03:40:23","guid":{"rendered":"https:\/\/coderpad.local\/?post_type=doc&#038;p=702"},"modified":"2024-08-26T12:49:16","modified_gmt":"2024-08-26T19:49:16","slug":"live-interview-pads","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/resources\/docs\/interview\/quick-start-guides\/interviewers\/live-interview-pads\/","title":{"rendered":"Live Interview quick start"},"content":{"rendered":"\n<p>The live Interview pad environment provides a collaborative technical IDE for an interviewer and candidate to share. Everyone within a pad can type and run code at the same time.<\/p>\n\n\n\n<p>We offer&nbsp;<a href=\"https:\/\/coderpad.io\/languages\/\">30+ languages<\/a>&nbsp;within a live environment, and you can change them at any time. When selecting a language, you can also view the packages &amp; libraries included with each language. For our most popular languages (Java, Python, Javascript, C++), we usually include the most popular HTTP request library for the given language, and the most popular testing libraries.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setting up a live pad in Interview<\/h2>\n\n\n\n<p>Once you\u2019re ready to set up a live Interview pad, there are a few steps to take and key features to consider. Take a look at the guide below to create an effective interview &#8211; from start to finish.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a class=\"rank-math-link\" href=\"#plan-for-your-interview\">Plan for Your Interview<\/a><\/li>\n\n\n\n<li><a class=\"rank-math-link\" href=\"#set-up-your-interview\">Set Up Your Interview<\/a><\/li>\n\n\n\n<li><a class=\"rank-math-link\" href=\"#start-your-interview\">Start Your Interview<\/a><\/li>\n\n\n\n<li><a class=\"rank-math-link\" href=\"#start-a-call\">Start a Call<\/a><\/li>\n\n\n\n<li><a class=\"rank-math-link\" href=\"#prepare-for-the-debrief\">Prepare for the Debrief<\/a><br><\/li>\n<\/ol>\n\n\n\n<p><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"plan-for-your-interview\"><strong>1. Plan for the interview<\/strong><\/h3>\n\n\n\n<p>To set the stage for your live coding interview, we often suggest discussing and aligning on the following with your team:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The core skills you want the candidate to demonstrate.<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>The types of questions you want to ask in their live interview. We suggest tailoring exercises to core competencies of the role you\u2019re hiring for.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>How you&#8217;ll be assessing the interview, including the guidelines for using different languages, how you&#8217;ll help the candidate if they get stuck, and the grading system you want to use.<\/li>\n<\/ol>\n\n\n\n<p>Having this knowledge as a team will make interviews easier to set up and more consistent from candidate to candidate.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705<strong><strong>Interviewer ProTip<\/strong>:<\/strong> If you have a favorite question to ask during a live interview, you can save it ahead of time to your <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/\">Question Bank<\/a> &#8211; and then it can be used in any live interviews moving forward. If you need some inspiration, you can also check out the Interview platform&#8217;s <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/example-questions\/\">Example Questions<\/a> within your Question Bank.<\/p>\n<\/blockquote>\n\n\n\n<p><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"set-up-your-interview\"><strong>2. Set up the interview<\/strong><\/h3>\n\n\n\n<p>Once you\u2019ve planned your interview, you\u2019re ready to set up and conduct a live interview. To get started:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login to your account and navigate to the &#8220;Pad&#8217;s List&#8221;<\/li>\n\n\n\n<li>Click on the \u201cCreate Pad\u201d button<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-27.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"373\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-27-1024x373.png\" alt=\"Interview dashboard with the number 1 next to the &quot;Pads list&quot; item in the left nav and an arrow pointing to the number 2 next to the &quot;create pad&quot; button.\" class=\"wp-image-32291\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-27-1024x373.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-27-300x109.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-27-768x279.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-27-18x7.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-27.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>This will open up the pad environment where the interview will be conducted. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\ud83d\udcc3 For more details on creating a pad and pad features, check out the <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/creating-a-pad\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Create a pad<\/em> tutorial<\/a> in the <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/\">Pads Feature Guide<\/a>.<\/p>\n<\/blockquote>\n\n\n\n<p>The pad is similar to a regular IDE, where you write code in the left-hand pane and view execution output in the right-hand pane.&nbsp;As an interviewer, you also have the option of taking notes in the right-hand pane as well.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-25.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-25-1024x415.png\" alt=\"An interview pad with the &quot;instructions&quot; tab selected and instruction text displayed.\" class=\"wp-image-32272\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-25-1024x415.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-25-300x122.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-25-768x311.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-25-18x7.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-25.png 1258w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>You will have the ability to update settings for both your editor as well as for the pad itself. To access these settings, simply click on the <strong>Settings<\/strong> button in the lower left hand corner of the pad:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image.png\"><img loading=\"lazy\" decoding=\"async\" width=\"484\" height=\"724\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image.png\" alt=\"The settings button is highlighted in the bottom left corner of the pad. The settings window is open displaying both editor settings and pad settings. \" class=\"wp-image-40706\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image.png 484w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-201x300.png 201w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-8x12.png 8w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>To execute the code, click on the <strong>Run <\/strong>button that is located in the top left hand corner:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/11\/image-24.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"433\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/11\/image-24.png\" alt=\"The top left of a pad with an arrow pointing to the &quot;run&quot; button.\" class=\"wp-image-24146\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-24.png 584w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-24-300x222.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-24-16x12.png 16w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/a><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 If you&#8217;re using a multi-file framework, you&#8217;ll see <strong>Save<\/strong> instead of run. You also have the option to toggle auto-save so you don&#8217;t have to worry about continually hitting the <strong>Save <\/strong>button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"54\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-2.png\" alt=\"Save button next to the auto-save toggle.\" class=\"wp-image-40709\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-2.png 281w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-2-18x3.png 18w\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/div><\/blockquote>\n\n\n\n<p>You can also execute the code using a shortcut: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mac: <code>\u2318 + enter<\/code> <em>OR <\/em><code>\u2318 + S<\/code><\/li>\n\n\n\n<li>Windows: <code>CTRL + enter<\/code> <em>OR<\/em> <code>CTRL + S<\/code> <\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705<strong>Interviewer ProTip<\/strong>: Enable <em>Focus Time<\/em> to give candidates the best interview experience. This gives them several minutes near the beginning of the interview to collect their thoughts. <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/focus-time\/\" target=\"_blank\" rel=\"noreferrer noopener\">You can find the <em>Focus Time<\/em> tutorial here<\/a>.<\/p>\n<\/blockquote>\n\n\n<aside class=\"coderpad-aside-block\">\n\n<p>\ud83d\udddd\ufe0f Other key features and activities to focus on within the pad environment:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/creating-and-editing-a-question\/#using-a-question\">Selecting a Question<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/using-pad-features\/\">Changing Language<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/drawing-mode\/\">Using Drawing Mode<\/a><\/li>\n<\/ul>\n\n<\/aside>\n\n\n<p><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"start-your-interview\"><strong>3. Start the interview<\/strong><\/h3>\n\n\n\n<p>To invite a candidate to an interview, simply send them the pad link.&nbsp;To provide your candidate with the pad link, you have a few options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy the browser link from the pad you\u2019ve created and include this in your candidate communications (e.g., Google Calendar interview meeting invite)<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/11\/image-25.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"268\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/11\/image-25-1024x268.png\" alt=\"A pad open in a browser window with an arrow pointing to the url at the top of the browser.\" class=\"wp-image-24148\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-25-1024x268.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-25-300x78.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-25-768x201.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-25-1536x402.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-25-18x5.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-25.png 1709w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>From within the pad, click on the <strong>Invite <\/strong>button located in the bottom left hand corner of the pad.<br>This will open a pop-up with a few different options:\n<ol class=\"wp-block-list\">\n<li>Enter the candidate\u2019s email to send the pad via an Interview email invite<\/li>\n\n\n\n<li>Generate and read over the phone the temporary short link<\/li>\n\n\n\n<li>Copy the permanent link (which is the same as your browser URL)<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"544\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-4.png\" alt=\"The invite button is highlighted at the bottom left of the pad. The invite box is open with the &quot;send email invite&quot;, &quot;phone-friendly temporary link&quot;, and &quot;permanent link&quot; sections displayed. \" class=\"wp-image-37245\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-4.png 345w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-4-190x300.png 190w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-4-8x12.png 8w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/a><\/figure>\n<\/div>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"blob:https:\/\/coderpad.io\/af3d7a18-0f67-47cf-9b09-c8ebf83c3681\" alt=\"\"\/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p><strong>\u2757<\/strong> As the interviewer, you must be logged into your Interview account to be able to end the interview. If you do not end your interview, you will not be able to view Playback later.<\/p>\n<\/blockquote>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/11\/image-29.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/11\/image-29-1024x471.png\" alt=\"A giant arrow pointing to the exit interview button in the bottom right of the screen.\" class=\"wp-image-24159\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-29-1024x471.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-29-300x138.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-29-768x353.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-29-1536x706.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-29-18x8.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-29.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 If a candidate attempts to access the interview before you admit them, they will be taken to a customizable waiting room screen until you&#8217;re ready to start the interview. <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/creating-a-pad\/#using-the-waiting-room\" target=\"_blank\" rel=\"noreferrer noopener\">You can learn more about how to use this feature by checking out our waiting room documentation here<\/a>.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Add a question to the pad<\/strong><\/h3>\n\n\n\n<p>Once your candidate has joined your pad, take some time for introductions. Then, add a technical interview question to the pad.&nbsp;You have two options when it comes to adding questions:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Questions saved in Interview&#8217;s <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/\">Question Bank<\/a> can include a custom file or database and are available for shared use within your team.<\/li>\n\n\n\n<li>You can also <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/creating-and-editing-a-question\">create your own questions for live interviews<\/a>.<\/li>\n<\/ol>\n\n\n\n<p>To access questions in your pad, click on <strong>Questions<\/strong> in the left tabs menu. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-3-1024x486.png\" alt=\"On the left tab menu there is an arrow pointing to the question button, and the question window is shown.\" class=\"wp-image-40710\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-3-1024x486.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-3-300x143.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-3-768x365.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-3-1536x730.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-3-18x9.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-3.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>You&#8217;ll then see the question selection screen, along with a set of filters. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-4-1024x486.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-4-1024x486.png\" alt=\"\" class=\"wp-image-40711\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-4-1024x486.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-4-300x143.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-4-768x365.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-4-1536x730.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-4-18x9.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-4.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>You can use the search bar and\/or language dropdown to narrow down your question selection. You also have the following pre-set filters available:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The <em>Organization<\/em> option will display all questions created and shared by members of your organization.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\ud83d\udcc3<em>To learn more about creating interview questions, check out our Docs on Interview&#8217;s <\/em><a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/\"><em>Question Bank<\/em><\/a>.<\/p>\n<\/blockquote>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><em>My Content<\/em> will display only the questions you have created.<\/li>\n\n\n\n<li><em>Examples<\/em> allows you to view and use Interview&#8217;s pre-built <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/example-questions\/\">Example Questions<\/a>.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"collaborating\" style=\"text-transform:capitalize\">Collaborating within the pad<\/h3>\n\n\n\n<p>Sometimes you\u2019ll need more than one engineer on the technical interview. You can have as many of your engineers join a pad as you would like. All participants within a pad can code at the same time, although we advise you let the candidate do most of the driving during the interview.<\/p>\n\n\n\n<p><strong>All participants have access to:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Change the pad language<\/li>\n\n\n\n<li>Query a custom file (if attached to question)<\/li>\n\n\n\n<li>Write code<\/li>\n\n\n\n<li>Change their own settings<\/li>\n\n\n\n<li>Start a video\/audio call<\/li>\n<\/ul>\n\n\n\n<p><strong>Interviewers that are logged in can:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>End the interview<\/li>\n\n\n\n<li>Write down notes on the candidates interview in the right hand pane<\/li>\n\n\n\n<li>Attach a question to the pad<\/li>\n<\/ul>\n\n\n\n<p><strong>Candidates can:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Join a pad without a login (they are asked to input their name upon entering a pad)<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"start-a-call\"><strong>5. Start the call<\/strong><\/h3>\n\n\n\n<p>As with any interview, you will want to speak live with your candidate. To help you with this, and minimize the number of links or services used, Interview gives you a built-in option to video or audio call your candidate.&nbsp;<\/p>\n\n\n\n<p>To start a call, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the bottom left corner of a pad, click the <strong>Start Call<\/strong> button.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-5-1024x486.png\" alt=\"The &quot;start call&quot; button is highlighted at the bottom left of the screen.\" class=\"wp-image-40714\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-5-1024x486.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-5-300x143.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-5-768x365.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-5-1536x730.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-5-18x9.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-5.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705If this is your first time ever using the audio\/video feature in Interview, you will be asked to accept browser permissions.<\/p>\n<\/blockquote>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>You&#8217;ll be presented with a preview screen to verify the webcam and microphone that you&#8217;d like to use. Select <strong>Start Call<\/strong> to begin the call.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-6-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-6-1-1024x486.jpg\" alt=\"Screenshot of the call menu to select your webcam and microphone.\" class=\"wp-image-40716\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-6-1-1024x486.jpg 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-6-1-300x143.jpg 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-6-1-768x365.jpg 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-6-1-1536x730.jpg 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-6-1-18x9.jpg 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-6-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>You, and the candidate have the option to accept or decline on both the video and audio permissions. If you only want to audio call, then simply decline the permissions on the video.<\/li>\n<\/ol>\n\n\n\n<p>All video\/audio calls are hosted through Twilio. If you have problems at any time, we recommend troubleshooting the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your browser permissions for audio\/video on the pad itself. Sometimes you may have declined the permissions, or your browser has automatically set these for you.<\/li>\n\n\n\n<li>Network issues. Check on your network status by going to <a href=\"https:\/\/networktest.twilio.com\/\" class=\"rank-math-link\" target=\"_blank\" rel=\"noopener\">networktest.twilio.com<\/a>.<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"prepare-for-the-debrief\"><strong>7. Prepare for the debrief &amp; end the interview<\/strong><\/h3>\n\n\n\n<p><strong>Take Private Interviewer Notes<\/strong><\/p>\n\n\n\n<p>During the interview the Interview platform gives you the ability to type out private notes. The candidate is not able to see these notes. All notes can be saved in markdown.<\/p>\n\n\n\n<p>To access the interviewer notes, simply click on the <strong>Private Interviewer Notes<\/strong> tab located in the right pane of the pad, next to the <strong>Program Output<\/strong> tab. You can switch between these tabs at any point during the interview.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-7.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-7-1024x486.png\" alt=\"The right side of the screen is highlighted as is the &quot;private interviewer notes&quot; tab above it.\" class=\"wp-image-40718\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-7-1024x486.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-7-300x143.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-7-768x365.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-7-1536x730.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-7-18x9.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/image-7.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong>End the interview<\/strong><\/p>\n\n\n\n<p>To end your live interview, click the \u2018End Interview\u2019 button on the lower right hand corner. This puts the pad into <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/playback-mode\/\">Playback Mode<\/a>.&nbsp;<\/p>\n\n\n\n<p>The &#8216;End Interview&#8217; button is only accessible to interviewers and will prevent any future pad access by candidates.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"130\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-5.png\" alt=\"An arrow pointing to the &quot;end interview&quot; button.\" class=\"wp-image-37247\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-5.png 900w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-5-300x43.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-5-768x111.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-5-18x3.png 18w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2757You can&#8217;t access playback mode until you click on <strong>End Interview<\/strong> in the bottom right hand corner of the pad.<\/p>\n<\/blockquote>\n\n\n\n<p><strong>Review Playback<\/strong><\/p>\n\n\n\n<p>Interview tracks every single keystroke of every participant\u2019s solution within a pad during the interview. Once the interview has ended, interviewers will be able to replay the entire interview keystroke by keystroke. This is useful to review during a debrief to easily recall how a candidate reached their solution.<\/p>\n\n\n\n<p>To access the playback, simply navigate back to your <strong>Pads List<\/strong> on your dashboard, find the pad you want to review, and click on <strong>Playback<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-28.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-28-1024x500.png\" alt=\"A pad is highlighted in the pads list on the dashboard with an arrow pointing to the playback button on the far right of the row.\" class=\"wp-image-32293\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-28-1024x500.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-28-300x146.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-28-768x375.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-28-1536x750.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-28-18x9.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-28.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>The Playback screen will look similar to this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/2024-08-26_12-58-33.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/2024-08-26_12-58-33-1024x576.gif\" alt=\"A playback bar at the bottom of the screen with playback controls and the screen playback itself at the top of the screen.\" class=\"wp-image-40720\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/2024-08-26_12-58-33-1024x576.gif 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/2024-08-26_12-58-33-300x169.gif 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/2024-08-26_12-58-33-768x432.gif 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/02\/2024-08-26_12-58-33-18x10.gif 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>","protected":false},"parent":219,"menu_order":1,"template":"","class_list":["post-825","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":104,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/825\/revisions"}],"predecessor-version":[{"id":40721,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/825\/revisions\/40721"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/219"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media?parent=825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}