{"id":461,"date":"2018-07-08T02:28:54","date_gmt":"2018-07-08T02:28:54","guid":{"rendered":"http:\/\/jenbrassjenkins.com\/?p=461"},"modified":"2018-07-08T02:28:54","modified_gmt":"2018-07-08T02:28:54","slug":"website-redesign","status":"publish","type":"post","link":"https:\/\/jenbrassjenkins.com\/index.php\/2018\/07\/08\/website-redesign\/","title":{"rendered":"Website Redesign"},"content":{"rendered":"

Audit, Rework, Edit, Do ALL THE THINGS<\/h2>\n

Get Ready image courtesy of “How to Win in Pacman”\u00a0https:\/\/www.wikihow.com\/Win-in-Pac-Man<\/em><\/p>\n

There\u2019s nothing that makes the web team tetchier than when a client says: \u201cWe need a complete website redesign.\u201d Want to know why? It\u2019s \u2018cause there are so many possible meanings rolled up into that phrase. We need a few more specifics.<\/p>\n

Are you talking about actual design\u2014colors, fonts, images? Or do you mean you want to rework content? Are you concerned about navigation? Is there a feature you think everyone would use that doesn’t currently exist?<\/p>\n

I often find that people have a hard time identifying what\u2019s not working; they just have an idea about how it\u2019s \u201csupposed\u201d to work and they want it \u201cfixed\u201d yesterday.<\/p><\/blockquote>\n

To help you all with that, we\u2019ve come up with an outline of our ideal website audit<\/a> and rework process, because it involves multiple things. While you can break some of these down into smaller projects themselves, if you don\u2019t keep the first step in mind, you are losing the trees for the weeds.<\/p>\n

STEP 1: DISCOVER\/DEFINE<\/h2>\n
\"\"<\/a>
Pac Man and a few fellows: ghosts, food, surely some accessories will come along as well…<\/em><\/figcaption><\/figure>\n

The discovery process helps us define what we want to accomplish as well as who our users are and what they need. Most major flaws in website design and structure occur because this first initial step is skipped. You also need to focus on your largest audience.<\/p>\n

    \n
  1. What is the purpose of the site, desired outcomes, or success measures<\/strong>?<\/li>\n
  2. Who are our audiences?<\/strong> Who is our largest audience?<\/li>\n
  3. What are our audiences\u2019 top tasks?<\/strong> When they visit the site, what are the most important things they are hoping to do?<\/li>\n
  4. What is the overall timeline?<\/strong><\/li>\n<\/ol>\n

    Once again, it\u2019s easy to become overly focused on tactics\u2014replacing images, adding content, moving widgets\u2014as opposed to actually defining what the measure of success is for your website.<\/p>\n

    STEP 2: RESEARCH<\/h2>\n
    \"\"<\/a>
    All the Pac Man characters you may encounter in the game; image courtesy of common domain; find original on http:\/\/villains.wikia.com\/wiki\/Ghosts_(Pac-Man)<\/em><\/figcaption><\/figure>\n

    Now you figure out how people are interacting with your current site, more specific behaviors your users have, and maybe some dirt on your competitors. Some of these steps can be streamlined however. Use your time judiciously!<\/p>\n

      \n
    1. Do some user\/UX testing<\/strong> to see how your current site is performing. This can help you identify problem areas.<\/li>\n
    2. Review existing analytics<\/strong> to see what users are doing on your site and what pages they consider most important.<\/li>\n
    3. Review existing web content<\/strong>, including a content audit<\/a>. We are happy to assist with this.<\/li>\n
    4. Create some user stories\/jobs-to-be-done<\/strong>. Think through what a user needs to accomplish when they come to your website. Try to pick a few different users\/tasks to represent your audience\/s.<\/li>\n
    5. OPTIONAL<\/em><\/strong>: Review your biggest competitors.*<\/li>\n
    6. OPTIONAL<\/em><\/strong>: Review what sets you apart from your competitors.*<\/li>\n<\/ol>\n

      Keep this other thing in mind as well: Just because someone else is doing it, doesn\u2019t mean it\u2019s working for their users.<\/p><\/blockquote>\n

      People often want what they like and have to have what they think is best. That\u2019s nice and all, but this site isn\u2019t about us; it\u2019s about our users.<\/strong> (I know\u2014it\u2019s depressing. It\u2019s like film actors and screenwriters, whose favorite scenes end up on the cutting room floor, or writers, whose best bits get edited out of the action.)<\/p>\n

      STEP 3: OUTLINE<\/span><\/p>\n

      \"\"<\/a>
      Multiple different versions or levels of the Pac Man game; image courtesy of common domain masonicGITpacman game https:\/\/github.com\/masonicGIT\/pacman<\/em><\/figcaption><\/figure>\n

      This step complements the research you have previously done and helps you create a true map of user flows, content hierarchy, and priorities.<\/p>\n

        \n
      1. Do some card sorting or tree testing or other types of testing to explore terminology, labeling<\/a>, and the best navigation structure.<\/strong>\u00a0It doesn’t have to be really fancy actually, you can do some on-the-fly testing with friends and neighbors that will tell you a lot, just by watching them complete some tasks.<\/li>\n
      2. Define goals for each website page type<\/strong> (examples include education, about, news, and the like).<\/li>\n
      3. Determine what content needs to be pruned out and archived<\/strong>.<\/li>\n
      4. Determine what additional content is needed<\/strong>. Once again, USE CAUTION. It\u2019s best to get a product out quickly even if it\u2019s minimal and then add onto it.<\/li>\n
      5. Build a sitemap with appropriate content hierarchies<\/strong>. This sounds difficult, but it’s about prioritizing what content is the most important for your users and featuring it up front or highest up in folder structure.<\/li>\n<\/ol>\n

        Priorities are SO WICKED IMPORTANT. If your site is perfect when you publish it, it\u2019s too late. Everyone else will either have moved on or that thing you spent hours and hours perfecting will be out of date by the time you publish.<\/p>\n

        STEP 4: IMPLEMENT<\/h2>\n
        \"Pacman<\/a>
        Cross stitched by yours truly. I may have to make some more…<\/em><\/figcaption><\/figure>\n

        The pitfalls in this step mainly involve coddling the perfectionists. You will be most successful if you emphasize the need to produce a minimum viable product<\/a> or, in other words, get the simplest version out there right away and add to it (iterate). This way you won\u2019t be held up by others\u2019 caveats.<\/p>\n

          \n
        1. Assign writers to write\/rewrite\/edit content<\/strong>.<\/li>\n
        2. Rework page structures.<\/strong> (Carefully! There are some pitfalls to this, especially when working on a timed roll-out plan with a live site.)<\/li>\n
        3. Get sign-offs from stakeholders<\/strong> on changes\/website pages in the test environment. (If you have a test environment open only to certain users. If not, no sweat!)<\/li>\n
        4. Schedule redirects<\/strong> from pages to be archived to newly structured folders\/pages. Using redirects tells Google where you have moved content on your site relevant to your users. It helps you retain link equity that previous content has earned (SEO optimization tool).<\/li>\n
        5. Publish live!!<\/strong> And throw a party!<\/li>\n
        6. Run spell checks and broken link checks.<\/strong><\/li>\n<\/ol>\n

          CONGRATS!!! But\u2014it doesn’t actually end here. Just FYI. There\u2019s maintenance, content guidelines and editorial processes to determine (governance), workflows to figure out, and so much more. It gets out of hand so quickly! Like a child with a set of permanent markers or a cat who finds where you hid the treat bag\u2026<\/p>\n

          Here’s wishing you the best of luck!<\/p>\n

           <\/p>\n

          *This process can be very time consuming and can take precedence over everything else. Do NOT let it overwhelm what you need to accomplish.<\/em><\/p>\n

          **Extra byline for Mike Rockwood here who threw his hands up and said “I’ll outline it for you!” at least, metaphorically.<\/em><\/p>\n

          ^Initially published on University of Utah Health’s intranet\u00a0Pulse<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

          Audit, Rework, Edit, Do ALL THE THINGS Get Ready image courtesy of “How to Win in Pacman”\u00a0https:\/\/www.wikihow.com\/Win-in-Pac-Man There\u2019s nothing that makes the web team tetchier than when a client says: \u201cWe need a complete website redesign.\u201d Want to know why? It\u2019s \u2018cause there are so many possible meanings rolled up into that phrase. We need … Continue reading Website Redesign<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":469,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"quote","meta":{"footnotes":""},"categories":[15,13],"tags":[16,22],"class_list":["post-461","post","type-post","status-publish","format-quote","has-post-thumbnail","hentry","category-content","category-strategy","tag-content-audit","tag-website-optimization","post_format-post-format-quote"],"_links":{"self":[{"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/posts\/461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/comments?post=461"}],"version-history":[{"count":16,"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/posts\/461\/revisions"}],"predecessor-version":[{"id":484,"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/posts\/461\/revisions\/484"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/media\/469"}],"wp:attachment":[{"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/media?parent=461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/categories?post=461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jenbrassjenkins.com\/index.php\/wp-json\/wp\/v2\/tags?post=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}