Creating a Remarkable User Experience

Transcription

1 Your Exam Study Guide The following guide walks through key lessons from each of the certification classes. Use these questions and tasks to prepare for your exam. Creating a Remarkable User Experience I. What are the key elements of a good user experience? - What makes for a good user experience on a website? - What two objectives should a website with a good user experience accomplish? - How do you optimize content to make your website useful? - What is the Buyer s Journey and how can it help with creating a good user experience? - How can you ensure that your website only asks users to take one step at a time? - Why do you want to keep your website consistent from page to page? - How do you ensure that your navigation promotes the accessibility of your website? - Which design parameter is most important to creating an appealing website? Which elements help to shape the focus of the users? Current Site - What deliverable should you create when evaluating your current site? o Why will conducting stakeholder interviews benefit your evaluation? o How do you do a content audit? o How do you perform usability testing? What kind of candidates do you want to recruit? How do you ensure that they are the right candidates? What objectives and criteria should you keep in mind as you re designing the usability test? How do you ensure that the testing is comprehensive and accurate? Which tools can you use to conduct usability testing? I Low-Fidelity Prototype - What is a Low-Fidelity Prototype?

2 - What deliverable should you create for the low-fidelity prototype of your redesign? o What is a wireframe? What tools can you use to create a wireframe? o What is the purpose of Card-Sorting and how is that purpose accomplished? What is the difference between an open sort and a closed sort? Which tools can you use to do card-sorting? High-Fidelity Prototype - What is a High-Fidelity Prototype? - What deliverable should you create for the high-fidelity prototype of your redesign? o What is the difference between a wireframe, mockup and clickable mockup? Which tools can you use to create a clickable mockup? o What is a Style Guide and why is it necessary to create one? - Why do you want to conduct Usability Testing in each stage of the redesign process? How Great Websites are Made I. What are the three main components of a website? How do the HubSpot design tools work? - What are modules? - Which contextual marketing features do the design tools support? What is responsive design? - What is the difference between responsive design and a mobile-only site? - Why is responsive design more effective than a mobile-only site? I Template Layout - Why do you want to keep the layout of a page simple? o How do you determine a simple layout for your page?

3 o What page element can help keep the users focused? - Why do you want to have a clear layout hierarchy? o Which elements can help you grab a user s attention and engage them? - Why do you want to keep the layout of your website pages consistent? Style - How is the style of your website determined? - What guideposts should you use in making style decisions? - What considerations do you need to take into account for choosing the colors for your website? o How many primary and accent colors do you need, and why use both? - Why does the size of the elements on your page matter? - Why is it effective to have a few unique elements that stand out on each page? V. HubSpot Design Tools - Template Layout o How do you create and edit a new template layout? How do you move and split modules? What is the function of the Rich Text module? The Flexible Column module? What are groups? How do they affect responsive design? What are global groups? - What is HubL? - Style o How do you attach a stylesheet to a template layout? - Content Editor o How do you test the Responsive Design in the content editor? o How do you edit a template from the page itself? o What functionality does the Style tool have, and what are its limitations? The Fundamentals of Smart Content

4 I. What is smart content? How does smart content help you create a good user experience? I How can smart content help to increase conversion rates? What types of smart content can you create in HubSpot? - What is smart text? - What are smart calls-to-action? - What are smart form fields? - What are personalization tokens? V. Smart content placement - How can you personalize your site pages? - How can you personalize your landing pages? - How can you personalize your blog? - How can you personalize your s? - How can you personalize your thank you pages? VI. Smart Content Best Practices - To what purpose should smart content be used, first and foremost? Why? - Why should you focus on smart content that carries weight? o What types of smart content carry more weight than others? - Why should smart content be used in one small area only to begin? - What considerations should you take into account when creating default content? - Why could your smart content be seen as creepy? - How can you ensure that your smart content isn t creepy? - Why must you ensure that users can get to all valuable content? Smart Content Strategy I. What are the types of segmenting that you can choose between? - What kind of criteria is used to set up each segment? - How do you set up your segments in HubSpot? - What are the use cases for personalizing by each type of segment?

5 How do you decide where on your website to place smart content? - What module must a template include in order for a page to host smart text and personalization tokens? I How must you set up and optimize your default content? - What makes for good default content? Smart Text - How does the Smart Text tool work? - Where does the tool live? - How can you select your segments of choice? - What is a Smart Rule? V. Personalization Tokens - Where does the Personalization Token tool live? - Why must you set the default value for personalization tokens? Where do you do this? - What is the difference between setting the default values for personalization tokens in and on other pages? VI. Smart Calls-to-Action - Can you add a smart call-to-action into smart text? V Smart Form Fields - How do smart form fields work? - How do smart form fields different from smart text or smart CTAs?

6 Sample Exam Questions You ve decided to conduct card-sorting to help your designer come up with a proper prototype of your new site. What will this card-sort help you to determine? a. Your site s layout b. The elements in your site s footer c. Your site s navigation d. Your site s style You ve decided that you would like for all images across your site to include social sharing buttons underneath them. How could you instruct your designer to easily accomplish this? a. Drag the modules together in each template being used b. Embed a social sharing code into each image file c. Edit the stylesheet to include this d. Create and use a global group with these modules in it What do smart form fields do? a. Remember which fields a contact has filled out in the past, and replaced those with new fields b. Link to different thank you pages, depending on what information was entered c. Enter users into smart lists based on the information entered into different fields d. Swap one form out for another on a landing page depending on who the user is Answers: C,D,A,