A Huge Reason Why We Suggest Website Redesigns

Categories

user psychology

Some new clients come to us and they are a little reticent about redesigning their website. Sometimes it’s because they invested a lot of money and time into their current design. Sometimes it’s because they don’t want to offend their in-house designer or the designer they used has a close relationship with the company.

All in all, what it comes down to is this: Just like no two automobiles are created equally and Coca Cola’s New Coke didn’t take off like they wanted it to, not every concept and design is created with user-psychology in mind.

User-psychology, What is This, Science?

Yes, kind of. Website design (with conversions and sales in mind) combines art and science all day long. Our nerds in the nerdy know what helps people stay on a website and what helps them be more willing to go with the flow of conversions. Here’s one major thing we consider when reviewing a website and when designing a website:

People scan websites based on their past experiences and their baked-in expectations.

What does that mean? In basic terms, it means we design based on the most common ways people look at a computer screen and here they look next.

For example, in the U.S., English-speaking people read from left to right. This dictates that your most important info should start on the left and the flow of information and desired tasks should usually go from left to right.

Oh, so my logo is super important? Yes it is, but not initially for the conversion. Instead, people have gotten so used to the general way that websites are played out that they ‘cancel out’ blank space, logos, and navigation bars in the initial seconds of landing on a website. Why? Because they have gotten used to the idea that the information they need for the task at hand is not in those common areas.

So people scanning a website at first follow their culture’s normal reading pattern and go for the point that they think is where the most meaningful information begins: the true ‘top left’ — this would be the left side, near the top of the first body container (English speakers). This mental model, therefore, is what people use: they see what they want to see, where they most expect it to be.

Now that we have knowledge of very common behavior, it becomes the job of the designer and the content team (marketing) to get the right information in that area that will encourage the flow to the desired behavior: the conversion.

[gravityform id="4" title="true" description="true" ajax="true"]
<div class='gf_browser_unknown gform_wrapper gravity-theme' id='gform_wrapper_4' style='display:none'><div id='gf_4' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h2 class="gform_title">Reviews Demo</h2> <span class='gform_description'></span> <p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_4' id='gform_4' action='/blog/a-huge-reason-why-we-suggest-website-redesigns/#gf_4' novalidate novalidate="novalidate"> <input type='hidden' class='gforms-pum' value='{"closepopup":false,"closedelay":0,"openpopup":false,"openpopup_id":0}' /> <div class='gform_body gform-body'><div id='gform_fields_4' class='gform_fields top_label form_sublabel_below description_below'><div id="field_4_1" class="gfield gfield_contains_required field_sublabel_below field_description_below hidden_label gfield_visibility_visible gsurvey-survey-field " data-field-class="gsurvey-survey-field" data-js-reload="field_4_1"><label class='gfield_label' >How Are We Doing<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container gsurvey-rating-wrapper'><div class='gsurvey-rating' id='input_4_1'><input name='input_1' type='radio' value='grating1f1243827' id='choice_4_1_0' /><label for='choice_4_1_0' title='Excellent'>Excellent</label><input name='input_1' type='radio' value='grating191e3fd08' id='choice_4_1_1' /><label for='choice_4_1_1' title='Pretty good'>Pretty good</label><input name='input_1' type='radio' value='grating1159873a9' id='choice_4_1_2' /><label for='choice_4_1_2' title='Neutral'>Neutral</label><input name='input_1' type='radio' value='grating1a835fb08' id='choice_4_1_3' /><label for='choice_4_1_3' title='Not so great'>Not so great</label><input name='input_1' type='radio' value='grating1874123fa' id='choice_4_1_4' /><label for='choice_4_1_4' title='Terrible'>Terrible</label></div></div></div><div id="field_4_2" class="gfield gfield--width-full gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible" data-js-reload="field_4_2"><label class='gfield_label' for='input_4_2' >How can we improve your experience?<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_2' id='input_4_2' class='textarea small' aria-required="true" aria-invalid="false" rows='10' cols='50'></textarea></div></div><div id="field_4_3" class="gfield gfield--width-full gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible" data-js-reload="field_4_3"><label class='gfield_label' for='input_4_3' >Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_3' id='input_4_3' type='email' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_4_4" class="gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible" data-js-reload="field_4_4"><label class='gfield_label' for='input_4_4' >Phone</label><div class='ginput_container'><input name='input_4' id='input_4_4' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_4_4'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform_footer top_label'> <button type="submit" id="gform_submit_button_4" class="gform_button button" onclick='if(window["gf_submitting_4"]){return false;} if( !jQuery("#gform_4")[0].checkValidity || jQuery("#gform_4")[0].checkValidity()){window["gf_submitting_4"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_4"]){return false;} if( !jQuery("#gform_4")[0].checkValidity || jQuery("#gform_4")[0].checkValidity()){window["gf_submitting_4"]=true;} jQuery("#gform_4").trigger("submit",[true]); }'>Submit</button> <input type='hidden' name='gform_ajax' value='form_id=4&amp;title=1&amp;description=1&amp;tabindex=0' /> <input type='hidden' class='gform_hidden' name='is_submit_4' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='4' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_4' value='WyJbXSIsIjNjZTc3NGZlZGQ2NTBmZTZiNDI5MDNiMmZmNzU0NmZlIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_4' id='gform_target_page_number_4' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_4' id='gform_source_page_number_4' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> <p style="display: none !important;"><label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_2" name="ak_js" value="206"/><script>document.getElementById( "ak_js_2" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_4' id='gform_ajax_frame_4' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> gform.initializeOnLoaded( function() {gformInitSpinner( 4, 'https://www.brawnmediany.com/wp-content/plugins/gravityforms/images/spinner.svg' );jQuery('#gform_ajax_frame_4').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_4');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_4').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_4').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_4').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_4').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_4').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_4').val();gformInitSpinner( 4, 'https://www.brawnmediany.com/wp-content/plugins/gravityforms/images/spinner.svg' );jQuery(document).trigger('gform_page_loaded', [4, current_page]);window['gf_submitting_4'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_4').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_4').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [4]);window['gf_submitting_4'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_4').text());}, 50);}else{jQuery('#gform_4').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger('gform_post_render', [4, current_page]);} );} ); </script>