{"id":19904,"date":"2023-10-04T10:56:29","date_gmt":"2023-10-04T14:56:29","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=19904"},"modified":"2026-03-24T13:19:27","modified_gmt":"2026-03-24T17:19:27","slug":"menu-magic-create-a-great-user-experience","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2023\/menu-magic-create-a-great-user-experience\/","title":{"rendered":"Menu Magic: Create a Great User Experience"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Menu Magic: Create a Great User Experience\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>A well-structured and user-friendly menu can make or break the user experience on your website. As a content manager, your job is to create a menu that allows people to easily find what they are looking for.<\/p>\n\n\n\n<p>In this post, I share some best practices for creating effective website navigation. A well-thought-out menu enhances user experience which also helps you meet your website goals.<\/p>\n\n\n\n<h2 id=\"website-menu-tips-tricks\" class=\"wp-block-heading\">Website Menu Tips &amp; Tricks<\/h2>\n\n\n\n<h3 id=\"1-take-inventory\" class=\"wp-block-heading\">1. Take Inventory<\/h3>\n\n\n\n<p>Start by looking at the pages on your website. Are they organized in hierarchically? The most important pages should be at the top level and subpages beneath.<\/p>\n\n\n\n<h3 id=\"2-define-your-websites-structure\" class=\"wp-block-heading\">2. Define Your Website&#8217;s Structure<\/h3>\n\n\n\n<p>Next, it is time to make sure you have a clear understanding of your content and site structure. Begin by identifying the main sections or categories your website will have. For example, these could be things like 杏吧原创 Us, Programs, Services, News, and Contact. The goal is to create a logical and organized hierarchy of information.<\/p>\n\n\n\n<p>When organizing your content, decide what the most important information is. Then work your way down. This will help you figure out what should be at the top level of your menu, and what should be nested below at the second or third level.<\/p>\n\n\n\n<h3 id=\"3-keep-your-visitors-top-of-mind\" class=\"wp-block-heading\">3. Keep your Visitors Top of Mind<\/h3>\n\n\n\n<p>Who is your main audience? Gear your navigation towards them. What are they doing when they come to your site? Think about navigating your site from their perspective. Are key things apparent and easy to find? Can you simplify even more?<\/p>\n\n\n\n<h3 id=\"4-prioritize-content\" class=\"wp-block-heading\">4. Prioritize Content<\/h3>\n\n\n\n<p>Once you have your main sections in mind, it&#8217;s time to prioritize your content. Decide which sections or pages are the most important and should be prominent. These will form the top level of your navigation menu.<\/p>\n\n\n\n<p>Following, are some of the critical pages typically found on 杏吧原创 sites. But note, your priorities may vary based on your website&#8217;s goals and content:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>杏吧原创<\/li>\n\n\n\n<li>Programs<\/li>\n\n\n\n<li>Future Students<\/li>\n\n\n\n<li>Current Students<\/li>\n\n\n\n<li>Research<\/li>\n\n\n\n<li>News &amp; Events<\/li>\n\n\n\n<li>Contact<\/li>\n<\/ul>\n\n\n\n<h3 id=\"5-keep-it-simple\" class=\"wp-block-heading\">5. Keep it Simple<\/h3>\n\n\n\n<p>Avoid overwhelming your visitors with too many menu items. Limit the number of main menu options to around 5-7 items based on importance. Too many choices can confuse users and lead to choice paralysis.<\/p>\n\n\n\n<p>Note: Our new web theme will feature top navigation. It will be important not to have a super long menu as this prime real estate is limited.<\/p>\n\n\n\n<p>Group sub-menu items under main headings to make it intuitive. For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Talks and Workshops\n<ul class=\"wp-block-list\">\n<li>Web Wednesday Workshops<\/li>\n\n\n\n<li>Coffee Break Events<\/li>\n\n\n\n<li>Training<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 id=\"6-pay-attention-to-order\" class=\"wp-block-heading\">6. Pay Attention to Order<\/h3>\n\n\n\n<p>Put the most important items first and last. According to the primary and recency effect, users remember (or notice) the first and last items the most.<\/p>\n\n\n\n<p>Put the most important items at the start of your nav, and the least important in the middle. We recommend putting Contact at the end (or far right in a top nav), a standard location.<\/p>\n\n\n\n<h3 id=\"7-choose-labels\" class=\"wp-block-heading\">7. Choose Labels<\/h3>\n\n\n\n<p>Use short, clear link labels. Don\u2019t use jargon or unfamiliar terms. What makes sense to your user? By default, WordPress takes the page name for the menu label but you can change it. For example, if your page is called &#8220;Events for Health Science Students&#8221; you can change the menu label to &#8220;Student Events&#8221; or simply &#8220;Events.&#8221;<\/p>\n\n\n\n<p>The goal is to make it as easy as possible for your site visitors to know what they are going to get when they click a link.<\/p>\n\n\n\n<h3 id=\"8-get-users-to-do-something\" class=\"wp-block-heading\">8. Get users to do Something<\/h3>\n\n\n\n<p>While most of your menu is object-based (kind of like a table of contents) you may also have some action-based items. For example, a place students can click to \u201cApply.\u201d Consider using a special nav item for Calls to Action (CTAs) that make them stand out. for example, this could be a button on the left-hand nav bar in our cms template (see &#8220;Get Support&#8221; on the left of this site) or at the top right in our new theme.<\/p>\n\n\n\n<h3 id=\"9-monitor-and-adjust\" class=\"wp-block-heading\">9. Monitor and Adjust<\/h3>\n\n\n\n<p>Once your menu is live, continue to monitor user behavior and gather feedback. Ask users what they think. Analyze interactions with your navigation menu using Google Analytics. Make adjustments based on user preferences and your evolving content and site needs.<\/p>\n\n\n\n<h3 id=\"great-menu-examples-from-around-carleton\" class=\"wp-block-heading\">Great Menu Examples from Around 杏吧原创<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/sprott.carleton.ca\/\">Sprott<\/a> (love this minimalist approach!)<\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/geography\/\">Geography<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/socanth\/\">Sociology\/Anthropology<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/science.carleton.ca\/\">Faculty of Science<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/fpa\/\">FPA<\/a><\/li>\n<\/ul>\n\n\n\n<h2 id=\"need-help-with-your-menu\" class=\"wp-block-heading\">Need help with your menu?<\/h2>\n\n\n\n<p>Get in touch with us!<\/p>\n\n\n<script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n\/* ]]> *\/\n<\/script>\n\n                <div class='gf_browser_unknown gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_179' ><style>#gform_wrapper_179[data-form-index=\"0\"].gform-theme,[data-parent-form=\"179_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(/webservices/wp-json/wp/v2/posts/19904/"data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:////www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(/webservices/wp-json/wp/v2/posts/19904/"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:////www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(/webservices/wp-json/wp/v2/posts/19904/"data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http:////www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><form class='not-prose' method='post' enctype='multipart\/form-data'  id='gform_179'  action='\/webservices\/wp-json\/wp\/v2\/posts\/19904' data-formid='179' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_179' class='gform_fields top_label form_sublabel_below description_above validation_below'><fieldset id=\"field_179_5\" class=\"gfield gfield--type-name gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_179_5'>\n                            <span id='input_179_5_3_container' class='name_first gform-grid-col' >\n                                                    <input type='text' name='input_5.3' id='input_179_5_3' value=''   aria-required='true'    \/>\n                                                    <label for='input_179_5_3' class='gform-field-label gform-field-label--type-sub '>First<\/label>\n                                               <\/span>\n                            <span id='input_179_5_6_container' class='name_last gform-grid-col' >\n                                                    <input type='text' name='input_5.6' id='input_179_5_6' value=''   aria-required='true'    \/>\n                                                    <label for='input_179_5_6' class='gform-field-label gform-field-label--type-sub '>Last<\/label>\n                                                <\/span>\n                            <div class='gf_clear gf_clear_complex'><\/div>\n                        <\/div><\/fieldset><div id=\"field_179_4\" class=\"gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_179_4'>Email<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_4' id='input_179_4' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_179_2\" class=\"gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_179_2'>Department<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_2' id='input_179_2' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_179_6\" class=\"gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_179_6'>Website URL<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_6' id='input_179_6' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_179_7\" class=\"gfield gfield--type-textarea field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_179_7'>Who is your main target audience?<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_7' id='input_179_7' class='textarea small'      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><div id=\"field_179_8\" class=\"gfield gfield--type-textarea field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_179_8'>Do you have any specific menu\/site navigation concerns or goals?<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_8' id='input_179_8' class='textarea small'      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><div id=\"field_179_9\" class=\"gfield gfield--type-captcha field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_179_9'>CAPTCHA<\/label><div id='input_179_9' class='ginput_container ginput_recaptcha' data-sitekey='6Lfdrx0TAAAAAHkdRF2Kx4AcYWl45yaLqJyIsqs8'  data-theme='light' data-tabindex='0'  data-badge=''><\/div><\/div><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_179' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Submit'  \/> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_179' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_179' id='gform_theme_179' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_179' id='gform_style_settings_179' value='{&quot;inputPrimaryColor&quot;:&quot;#204ce5&quot;}' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_179' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='179' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CAD' value='PEfZ2AWhX1+dYgEZeVB3+qmWDz1MLrsxY4ENL2oM731xj6D\/1cnYjh5y3T7CuTTGm2zLcg2F+BsciBHozZxmM2ff5wNQ+8h2BtUEgRty\/lX0gjs=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_179' value='WyJbXSIsIjU4OWJkYTgzMDMwZmE3MjlhY2QzZTRlMjdkN2FlOTFmIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_179' id='gform_target_page_number_179' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_179' id='gform_source_page_number_179' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n gform.initializeOnLoaded( function() {gformInitSpinner( 179, 'https:\/\/carleton.ca\/webservices\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_179').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_179');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_179').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_179').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_179').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_179').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_179').val();gformInitSpinner( 179, 'https:\/\/carleton.ca\/webservices\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [179, current_page]);window['gf_submitting_179'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_179').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [179]);window['gf_submitting_179'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_179').text());}else{jQuery('#gform_179').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"179\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_179\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_179\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_179\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 179, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} ); \n\/* ]]> *\/\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>A well-structured and user-friendly menu can make or break the user experience on your website. As a content manager, your job is to create a menu that allows people to easily find what they are looking for. In this post, I share some best practices for creating effective website navigation. A well-thought-out menu enhances user [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":19918,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[369,390],"tags":[],"class_list":["post-19904","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-carleton-cms","category-keep"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/19904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=19904"}],"version-history":[{"count":1,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/19904\/revisions"}],"predecessor-version":[{"id":21436,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/19904\/revisions\/21436"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media\/19918"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=19904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=19904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=19904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}