{"id":1887,"date":"2019-02-14T18:38:44","date_gmt":"2019-02-15T02:38:44","guid":{"rendered":"http:\/\/www.ildikototh.com\/?p=1887"},"modified":"2019-02-14T18:46:35","modified_gmt":"2019-02-15T02:46:35","slug":"skihood-com-competitor-sites","status":"publish","type":"post","link":"https:\/\/www.ildikototh.com\/index.php\/2019\/02\/skihood-com-competitor-sites\/","title":{"rendered":"Skihood.com competitor sites"},"content":{"rendered":"\n<p>This is the second post in my series on an unsolicited redesign of <a href=\"https:\/\/skihood.com\">Mt. Hood Meadows&#8217; website<\/a>. If you want to start from the beginning, see my <a href=\"http:\/\/www.ildikototh.com\/index.php\/2019\/02\/skihood-com-heuristics\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">first post on heuristics<\/a>.<\/p>\n\n\n\n<p><mark>In this post, I&#8217;ll be going through what I like about other selected ski resort sites in Oregon. I will focus on navigation and select content, as well as UI issues that really jump out at me.<\/mark><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Main Navigation<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Timberline<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"81\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-5-800x81.png\" alt=\"\" class=\"wp-image-1890\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-5-800x81.png 800w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-5-300x30.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-5-768x78.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-5-700x71.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-5-520x53.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-5-360x36.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-5-250x25.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-5-100x10.png 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Timberline main navigation<\/figcaption><\/figure>\n\n\n\n<p>I like that there are only four main-level navigation headings. Four is much more easy to process than <a rel=\"noreferrer noopener\" aria-label=\"skihood's (opens in a new tab)\" href=\"http:\/\/skihood.com\" target=\"_blank\"><g class=\"gr_ gr_4 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling\" id=\"4\" data-gr-id=\"4\">skihood&#8217;s<\/g><\/a> eight to twelve.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Skibowl<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"135\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4-800x135.png\" alt=\"\" class=\"wp-image-1889\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4-800x135.png 800w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4-300x51.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4-768x129.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4-700x118.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4-520x88.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4-360x61.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4-250x42.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4-100x17.png 100w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-4.png 1318w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Skibowl&#8217;s main (and &#8220;extras&#8221;) navigation<br><\/figcaption><\/figure>\n\n\n\n<p>I&#8217;m not in love with the look of this site &#8211; it reminds me of sites in the early 2000s. But at least they are good about visually separating the main navigation with the extras navigation (in red). I&#8217;d argue about their color &amp; typographic choice, and the necessity for so many main headings.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-7-589x800.png\" alt=\"\" class=\"wp-image-1892\" width=\"167\" height=\"228\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-7-589x800.png 589w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-7-221x300.png 221w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-7-768x1043.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-7-700x951.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-7-520x706.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-7-360x489.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-7-100x136.png 100w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-7.png 788w\" sizes=\"auto, (max-width: 167px) 100vw, 167px\" \/><figcaption>Skibowl&#8217;s left navigation on the main page.<\/figcaption><\/figure><\/div>\n\n\n\n<p>Skibowl has navigation on the left side in addition to the horizontal one, with bigger links. I think their intent with this left-nav is quick-access information, but its prominence interferes with the main navigation.<\/p>\n\n\n\n<p><em>Sidenote &#8211; I like that the lift open hours are clearly stated here.<\/em><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Mt. Bachelor<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"131\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-6-800x131.png\" alt=\"\" class=\"wp-image-1891\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-6-800x131.png 800w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-6-300x49.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-6-768x126.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-6-700x115.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-6-520x85.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-6-360x59.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-6-250x41.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-6-100x16.png 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Mt. Bachelor&#8217;s Main navigation<\/figcaption><\/figure>\n\n\n\n<p>Out of the three resorts on this page, Mt. Bachelor&#8217;s navigation is my favorite. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>They use keywords like &#8220;Explore&#8221; and &#8220;Plan&#8221; in conjuction with smaller sub-headings. The combination turns into key phrases cueing what secondary items may be hiding underneath.<\/li><li>They also keep the count of navigation elements friendly to human short-term memory.<\/li><li>Their &#8220;extras&#8221; navigation is above the main navigation, on the turquoise bar. They choose to use it for <em>the most common actions <\/em>on the site. It&#8217;s the same purpose as Skibowl&#8217;s outrageously large left panel, but way more subtle and still pretty easy to find.<\/li><li>To make sure visitors to the site don&#8217;t miss it, they have an extra dropdown &#8211; open by default &#8211; to the live webcams and snow depth + link to conditions. Clearly, they think this information is the most sought after. (And I have a feeling they are right!)<\/li><\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Secondary Navigation<\/h2>\n\n\n\n<p><mark>All resort sites I&#8217;m looking at have one thing in common: lots of information. A good hierarchy significantly improves discoverability when browsing the site. <\/mark><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Timberline<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"282\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-13-800x282.png\" alt=\"\" class=\"wp-image-1910\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-13-800x282.png 800w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-13-300x106.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-13-768x271.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-13-700x247.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-13-520x183.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-13-360x127.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-13-250x88.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-13-100x35.png 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>What you see when you hover over &#8220;The Mountain&#8221;<\/figcaption><\/figure>\n\n\n\n<p>I like the distinct secondary headings in white. The headings and generous spacing clearly separate information into sub-sections, making information under each main heading more digestible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Skibowl<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"356\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14-800x356.png\" alt=\"\" class=\"wp-image-1911\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14-800x356.png 800w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14-300x133.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14-768x341.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14-700x311.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14-520x231.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14-360x160.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14-250x111.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14-100x44.png 100w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-14.png 1278w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>hovering over &#8220;The Mountain&#8221; on the Skibowl website<\/figcaption><\/figure>\n\n\n\n<p>I keep cringing at the lack of a clean UI on this site. (I mean, why doesn&#8217;t the light blue extend all the way to the end of the dropdown??) In terms of hierarchy, they create secondary navigation under the main headers, which is a step in the right direction. There are still too many under &#8220;Mountain Information&#8221; in my opinion.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mt. Bachelor<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"391\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15-800x391.png\" alt=\"\" class=\"wp-image-1912\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15-800x391.png 800w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15-300x146.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15-768x375.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15-700x342.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15-520x254.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15-360x176.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15-250x122.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15-100x49.png 100w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-15.png 1872w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Clicking on &#8220;Explore the mountain&#8221; reveals this accordion<\/figcaption><\/figure>\n\n\n\n<p>The contrast between background and foreground elements could be better. They have clear secondary navigation which creates well-grouped subsections, with a healthy number of pages under each subsection.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mt. Hood Meadows in Comparison<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"233\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-16-800x233.png\" alt=\"\" class=\"wp-image-1913\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-16-800x233.png 800w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-16-300x87.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-16-768x224.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-16-700x204.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-16-520x152.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-16-360x105.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-16-250x73.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-16-100x29.png 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Skihood.com&#8217;s navigation (when you hover over &#8220;The Mountain&#8221;)<\/figcaption><\/figure>\n\n\n\n<p>Mt. Hood Meadows&#8217; sub-navigation has several problems, especially when I compare it to the other sites above.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>They don&#8217;t have a secondary navigation structure<\/li><li>The headings and content are too similar, diluting visual hierarchy<\/li><li><strong>UI Issue<\/strong>: The text is a tad bit too thin, even though the colors have enough contrast &#8211; in fact, if the text was thicker, I&#8217;d argue that the contrast would be too jarring between the pure #000 and #fff.<\/li><\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Select Important Content<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Hours of Operation<\/h3>\n\n\n\n<p>&#x2639;&#xfe0f;<strong>Timberline<\/strong>: I could not find it after a minute or two of searching<br>&#x1f603;<strong>Skihood<\/strong>: It is very obvious, right on the front page<br>&#x1f642;<strong>Bachelor<\/strong>: It took me a couple of steps, but I found it within 15 seconds, under Explore the mountain &gt; Info &gt; Winter Schedule and Operating Hours<br>&#x1f610;<strong>Meadows<\/strong>: It&#8217;s pretty easy to find the &#8220;hours of operation&#8221; page, but then I have to remind myself what day it is before I can scroll down to find today on <g class=\"gr_ gr_579 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling multiReplace\" id=\"579\" data-gr-id=\"579\">their<\/g> calendar. There&#8217;s no generic hours of operation up at the top of the page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Webcams<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-8.png\" alt=\"\" class=\"wp-image-1895\" width=\"91\" height=\"64\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-8.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-8-300x212.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-8-250x176.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-8-100x71.png 100w\" sizes=\"auto, (max-width: 91px) 100vw, 91px\" \/><\/figure><\/div>\n\n\n\n<p>&#x1f642;<strong>Timberline<\/strong>: There&#8217;s a webcam icon at the top of the page, which takes you directly to webcam images. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-10.png\" alt=\"\" class=\"wp-image-1898\" width=\"133\" height=\"103\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-10.png 516w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-10-300x234.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-10-360x280.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-10-250x195.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-10-100x78.png 100w\" sizes=\"auto, (max-width: 133px) 100vw, 133px\" \/><\/figure><\/div>\n\n\n\n<p>Another way to get there: On the home page, there&#8217;s a left sidebar with snow depth\/conditions with a similar icon and link to webcams.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-12.png\" alt=\"\" class=\"wp-image-1900\" width=\"158\" height=\"112\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-12.png 636w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-12-300x211.png 300w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-12-520x366.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-12-360x254.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-12-250x176.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/image-12-100x70.png 100w\" sizes=\"auto, (max-width: 158px) 100vw, 158px\" \/><\/figure><\/div>\n\n\n\n<p>&#x1f642;<strong>Skibowl<\/strong>: Their webcam link is in the left-side navigation bar, with bold typography along with &#8220;Interactive Map&#8221; and &#8220;Skibowl Lift Status&#8221; links. It takes you directly to the webcam images.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor-531x800.png\" alt=\"\" class=\"wp-image-1901\" width=\"129\" height=\"195\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor-531x800.png 531w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor-199x300.png 199w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor-768x1158.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor-700x1055.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor-520x784.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor-360x543.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor-250x377.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor-100x151.png 100w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/webcamsBachelor.png 796w\" sizes=\"auto, (max-width: 129px) 100vw, 129px\" \/><\/figure><\/div>\n\n\n\n<p>&#x1f603;<strong>Mt. Bachelor<\/strong>: The webcam image is on the front page &#8211; BAM &#8211; it&#8217;s right there. But you can also click on the link above and get to the same page as if you click on the image itself. <\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess-738x800.png\" alt=\"\" class=\"wp-image-2008\" width=\"211\" height=\"228\" srcset=\"https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess-738x800.png 738w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess-277x300.png 277w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess-768x832.png 768w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess-700x759.png 700w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess-520x564.png 520w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess-360x390.png 360w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess-250x271.png 250w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess-100x108.png 100w, https:\/\/www.ildikototh.com\/wordpress3_0_1\/wp-content\/uploads\/2019\/02\/MeadowsCamAccess.png 956w\" sizes=\"auto, (max-width: 211px) 100vw, 211px\" \/><\/figure><\/div>\n\n\n\n<p>&#x1f610;<strong>Mt. Hood Meadows<\/strong>: There&#8217;s no direct link to webcams on the home page. After clicking on &#8220;The Mountain&#8221;, I&#8217;m happy to see &#8220;conditions and mountain cams&#8221; under the secondary navigation (only after scrolling past the large splash-image). After clicking on <a href=\"https:\/\/www.skihood.com\/the-mountain\/conditions\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">the mountain cams page<\/a>, I have to scroll all the way to the bottom to see the webcams.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Key Takeaways<\/h2>\n\n\n\n<p>Taking inspiration from competitor sites, these are the things I would port over to skihood.com&#8217;s site:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Maximum of four or five main navigation elements like the Bachelor\/Timberline sites<\/li><li>Reconsider the location of &#8220;extra&#8221; navigation (such as shopping cart\/blog\/contact). I might put blog and contact in the footer since that&#8217;s typically where people expect to find this kind of stuff. And they are WAY LESS important than webcams. <\/li><li>Including quick links which satisfy the top 3-4 reasons why people come to the site.<\/li><li>Remove left navigation, and either place to the right (like Mt. Bachelor&#8217;s site does), or simply provide breadcrumbs.<\/li><li>Pointing out the obvious: put content directly related to the page title to the top of that page.<\/li><\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This is the second post in my series on an unsolicited redesign of Mt. Hood Meadows&#8217; website. If you want to start from the beginning, see my first post on heuristics. In this post, I&#8217;ll be going through what I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[263],"tags":[294,269,293,144,265,295,296],"class_list":["post-1887","post","type-post","status-publish","format-standard","hentry","category-design","tag-competitive-analysis","tag-design","tag-redesign","tag-skiing","tag-ux","tag-ux-research","tag-website-redesign","clearfix"],"_links":{"self":[{"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/posts\/1887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/comments?post=1887"}],"version-history":[{"count":37,"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/posts\/1887\/revisions"}],"predecessor-version":[{"id":2009,"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/posts\/1887\/revisions\/2009"}],"wp:attachment":[{"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/media?parent=1887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/categories?post=1887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ildikototh.com\/index.php\/wp-json\/wp\/v2\/tags?post=1887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}